@genesislcap/foundation-zero 9.0.1-alpha-b5c5eb7.0

package/dist/6419.6419.61dfa26927b26c0478ab.js

@@ -0,0 +1,2136 @@
+(self.webpackChunk_genesislcap_foundation_zero=self.webpackChunk_genesislcap_foundation_zero||[]).push([[6419],{6436:function(e){e.exports=function(){"use strict";var e=1e3,t=6e4,o=36e5,i="millisecond",a="second",n="minute",r="hour",s="day",l="week",d="month",c="quarter",u="year",p="date",h="Invalid Date",m=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,g={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(e){var t=["th","st","nd","rd"],o=e%100;return"["+e+(t[(o-20)%10]||t[o]||t[0])+"]"}},v=function(e,t,o){var i=String(e);return!i||i.length>=t?e:""+Array(t+1-i.length).join(o)+e},b={s:v,z:function(e){var t=-e.utcOffset(),o=Math.abs(t),i=Math.floor(o/60),a=o%60;return(t<=0?"+":"-")+v(i,2,"0")+":"+v(a,2,"0")},m:function e(t,o){if(t.date()<o.date())return-e(o,t);var i=12*(o.year()-t.year())+(o.month()-t.month()),a=t.clone().add(i,d),n=o-a<0,r=t.clone().add(i+(n?-1:1),d);return+(-(i+(o-a)/(n?a-r:r-a))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:d,y:u,w:l,d:s,D:p,h:r,m:n,s:a,ms:i,Q:c}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},y="en",w={};w[y]=g;var x=function(e){return e instanceof D},S=function e(t,o,i){var a;if(!t)return y;if("string"==typeof t){var n=t.toLowerCase();w[n]&&(a=n),o&&(w[n]=o,a=n);var r=t.split("-");if(!a&&r.length>1)return e(r[0])}else{var s=t.name;w[s]=t,a=s}return!i&&a&&(y=a),a||!i&&y},F=function(e,t){if(x(e))return e.clone();var o="object"==typeof t?t:{};return o.date=e,o.args=arguments,new D(o)},$=b;$.l=S,$.i=x,$.w=function(e,t){return F(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var D=function(){function g(e){this.$L=S(e.locale,null,!0),this.parse(e)}var v=g.prototype;return v.parse=function(e){this.$d=function(e){var t=e.date,o=e.utc;if(null===t)return new Date(NaN);if($.u(t))return new Date;if(t instanceof Date)return new Date(t);if("string"==typeof t&&!/Z$/i.test(t)){var i=t.match(m);if(i){var a=i[2]-1||0,n=(i[7]||"0").substring(0,3);return o?new Date(Date.UTC(i[1],a,i[3]||1,i[4]||0,i[5]||0,i[6]||0,n)):new Date(i[1],a,i[3]||1,i[4]||0,i[5]||0,i[6]||0,n)}}return new Date(t)}(e),this.$x=e.x||{},this.init()},v.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},v.$utils=function(){return $},v.isValid=function(){return!(this.$d.toString()===h)},v.isSame=function(e,t){var o=F(e);return this.startOf(t)<=o&&o<=this.endOf(t)},v.isAfter=function(e,t){return F(e)<this.startOf(t)},v.isBefore=function(e,t){return this.endOf(t)<F(e)},v.$g=function(e,t,o){return $.u(e)?this[t]:this.set(o,e)},v.unix=function(){return Math.floor(this.valueOf()/1e3)},v.valueOf=function(){return this.$d.getTime()},v.startOf=function(e,t){var o=this,i=!!$.u(t)||t,c=$.p(e),h=function(e,t){var a=$.w(o.$u?Date.UTC(o.$y,t,e):new Date(o.$y,t,e),o);return i?a:a.endOf(s)},m=function(e,t){return $.w(o.toDate()[e].apply(o.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice(t)),o)},f=this.$W,g=this.$M,v=this.$D,b="set"+(this.$u?"UTC":"");switch(c){case u:return i?h(1,0):h(31,11);case d:return i?h(1,g):h(0,g+1);case l:var y=this.$locale().weekStart||0,w=(f<y?f+7:f)-y;return h(i?v-w:v+(6-w),g);case s:case p:return m(b+"Hours",0);case r:return m(b+"Minutes",1);case n:return m(b+"Seconds",2);case a:return m(b+"Milliseconds",3);default:return this.clone()}},v.endOf=function(e){return this.startOf(e,!1)},v.$set=function(e,t){var o,l=$.p(e),c="set"+(this.$u?"UTC":""),h=(o={},o[s]=c+"Date",o[p]=c+"Date",o[d]=c+"Month",o[u]=c+"FullYear",o[r]=c+"Hours",o[n]=c+"Minutes",o[a]=c+"Seconds",o[i]=c+"Milliseconds",o)[l],m=l===s?this.$D+(t-this.$W):t;if(l===d||l===u){var f=this.clone().set(p,1);f.$d[h](m),f.init(),this.$d=f.set(p,Math.min(this.$D,f.daysInMonth())).$d}else h&&this.$d[h](m);return this.init(),this},v.set=function(e,t){return this.clone().$set(e,t)},v.get=function(e){return this[$.p(e)]()},v.add=function(i,c){var p,h=this;i=Number(i);var m=$.p(c),f=function(e){var t=F(h);return $.w(t.date(t.date()+Math.round(e*i)),h)};if(m===d)return this.set(d,this.$M+i);if(m===u)return this.set(u,this.$y+i);if(m===s)return f(1);if(m===l)return f(7);var g=(p={},p[n]=t,p[r]=o,p[a]=e,p)[m]||1,v=this.$d.getTime()+i*g;return $.w(v,this)},v.subtract=function(e,t){return this.add(-1*e,t)},v.format=function(e){var t=this,o=this.$locale();if(!this.isValid())return o.invalidDate||h;var i=e||"YYYY-MM-DDTHH:mm:ssZ",a=$.z(this),n=this.$H,r=this.$m,s=this.$M,l=o.weekdays,d=o.months,c=function(e,o,a,n){return e&&(e[o]||e(t,i))||a[o].slice(0,n)},u=function(e){return $.s(n%12||12,e,"0")},p=o.meridiem||function(e,t,o){var i=e<12?"AM":"PM";return o?i.toLowerCase():i},m={YY:String(this.$y).slice(-2),YYYY:this.$y,M:s+1,MM:$.s(s+1,2,"0"),MMM:c(o.monthsShort,s,d,3),MMMM:c(d,s),D:this.$D,DD:$.s(this.$D,2,"0"),d:String(this.$W),dd:c(o.weekdaysMin,this.$W,l,2),ddd:c(o.weekdaysShort,this.$W,l,3),dddd:l[this.$W],H:String(n),HH:$.s(n,2,"0"),h:u(1),hh:u(2),a:p(n,r,!0),A:p(n,r,!1),m:String(r),mm:$.s(r,2,"0"),s:String(this.$s),ss:$.s(this.$s,2,"0"),SSS:$.s(this.$ms,3,"0"),Z:a};return i.replace(f,(function(e,t){return t||m[e]||a.replace(":","")}))},v.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},v.diff=function(i,p,h){var m,f=$.p(p),g=F(i),v=(g.utcOffset()-this.utcOffset())*t,b=this-g,y=$.m(this,g);return y=(m={},m[u]=y/12,m[d]=y,m[c]=y/3,m[l]=(b-v)/6048e5,m[s]=(b-v)/864e5,m[r]=b/o,m[n]=b/t,m[a]=b/e,m)[f]||b,h?y:$.a(y)},v.daysInMonth=function(){return this.endOf(d).$D},v.$locale=function(){return w[this.$L]},v.locale=function(e,t){if(!e)return this.$L;var o=this.clone(),i=S(e,t,!0);return i&&(o.$L=i),o},v.clone=function(){return $.w(this.$d,this)},v.toDate=function(){return new Date(this.valueOf())},v.toJSON=function(){return this.isValid()?this.toISOString():null},v.toISOString=function(){return this.$d.toISOString()},v.toString=function(){return this.$d.toUTCString()},g}(),C=D.prototype;return F.prototype=C,[["$ms",i],["$s",a],["$m",n],["$H",r],["$W",s],["$M",d],["$y",u],["$D",p]].forEach((function(e){C[e[1]]=function(t){return this.$g(t,e[0],e[1])}})),F.extend=function(e,t){return e.$i||(e(t,D,F),e.$i=!0),F},F.locale=S,F.isDayjs=x,F.unix=function(e){return F(1e3*e)},F.en=w[y],F.Ls=w,F.p={},F}()},547:function(e){e.exports=function(){"use strict";return function(e,t){t.prototype.isLeapYear=function(){return this.$y%4==0&&this.$y%100!=0||this.$y%400==0}}}()},6419:(e,t,o)=>{"use strict";o.r(t),o.d(t,{ActionsMenu:()=>p,Anchor:()=>v,Badge:()=>F,Banner:()=>T,BaseDatasource:()=>As,Breadcrumb:()=>G,BreadcrumbItem:()=>M,Button:()=>Y,CSSVarsTokenMapper:()=>Ls,Card:()=>J,Checkbox:()=>ae,Combobox:()=>ce,ConnectionIndicator:()=>ve,DEFUALT_FILTER_BAR_COLUMNS:()=>vi,DataGrid:()=>xe,DataGridCell:()=>Ce,DataGridDatasource:()=>Ms,DataGridRow:()=>Le,DatePicker:()=>Ye,Dialog:()=>zt,DialogElement:()=>Bt,Disclosure:()=>Yt,Divider:()=>Jt,DropdownMenu:()=>lo,ErrorBanner:()=>fo,ErrorBoundary:()=>$o,ErrorBoundaryEvent:()=>vo,ErrorDialog:()=>To,FaPrefixFromStyle:()=>ca,FileUpload:()=>qo,Filter:()=>di,FilterBar:()=>bi,FilterEvents:()=>li,FlexLayout:()=>Ci,FlexMediaQueriesEnum:()=>wi,Flipper:()=>Ti,Flyout:()=>Ii,FoundationDesignSystemProvider:()=>At,FoundationRouter:()=>Bs,GridLayout:()=>qi,GridLayoutItem:()=>Qi,GridMediaQueriesEnum:()=>Bi,Icon:()=>ua,ListboxOption:()=>fa,Menu:()=>xa,MenuItem:()=>_a,Modal:()=>Na,Multiselect:()=>Va,MultiselectDatasource:()=>Is,NumberField:()=>qa,OptionsDatasource:()=>Es,Popper:()=>sn,Progress:()=>en,ProgressRing:()=>hn,Radio:()=>yn,RadioGroup:()=>Dn,SegmentedControl:()=>Ln,SegmentedItem:()=>In,Select:()=>jn,Skeleton:()=>Xn,Slider:()=>rr,Snackbar:()=>or,Switch:()=>pr,Tab:()=>br,TabPanel:()=>$r,Tabs:()=>Tr,TextArea:()=>Er,TextField:()=>zr,Toast:()=>Zr,Toolbar:()=>es,Tooltip:()=>rs,TreeItem:()=>ps,TreeView:()=>bs,UrlInput:()=>Cs,accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,accentPaletteValue:()=>Ct,actionsMenuBaseStyles:()=>d,baseComponents:()=>Os,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,baseLayerLuminanceValue:()=>Ot,black:()=>Ze,bodyFont:()=>m.bodyFont,bodyFontValue:()=>Rt,closeIcon:()=>It,controlCornerRadius:()=>m.controlCornerRadius,controlCornerRadiusValue:()=>Tt,createDesignSystemProxy:()=>ks,defaultAnchorConfig:()=>y,defaultBadgeConfig:()=>D,defaultBreadcrumbConfig:()=>z,defaultBreadcrumbItemConfig:()=>E,defaultButtonConfig:()=>q,defaultCardConfig:()=>ee,defaultCheckboxConfig:()=>re,defaultComboboxConfig:()=>pe,defaultDataGridCellConfig:()=>Oe,defaultDataGridConfig:()=>Fe,defaultDataGridRowConfig:()=>Ae,defaultDatePickerConfig:()=>Ue,defaultDialogConfig:()=>Gt,defaultDisclosureConfig:()=>qt,defaultDividerConfig:()=>eo,defaultFileUploadConfig:()=>Zo,defaultFillColor:()=>Je,defaultFlexLayoutConfig:()=>Di,defaultFlipperConfig:()=>Ri,defaultFlyoutConfig:()=>Hi,defaultGridLayoutConfig:()=>Yi,defaultGridLayoutItemConfig:()=>Ji,defaultIconConfig:()=>da,defaultListboxOptionConfig:()=>va,defaultMenuConfig:()=>Fa,defaultMenuItemConfig:()=>ka,defaultModalConfig:()=>Ma,defaultMultiselectConfig:()=>ja,defaultNeutralForegroundContrast:()=>ut,defaultNumberFieldConfig:()=>Za,defaultProgressConfig:()=>on,defaultProgressRingConfig:()=>fn,defaultRadioConfig:()=>xn,defaultRadioGroupConfig:()=>_n,defaultSegmentedControlConfig:()=>An,defaultSegmentedItemConfig:()=>Hn,defaultSelectConfig:()=>Un,defaultSkeletonConfig:()=>Kn,defaultSliderConfig:()=>lr,defaultSwitchConfig:()=>mr,defaultTabConfig:()=>wr,defaultTabPanelConfig:()=>Cr,defaultTabsConfig:()=>Rr,defaultTextAreaConfig:()=>Pr,defaultTextFieldConfig:()=>Vr,defaultToastConfig:()=>Xr,defaultToolbarConfig:()=>os,defaultTooltipConfig:()=>ls,defaultTreeItemConfig:()=>ms,defaultTreeViewConfig:()=>ws,defaultUrlInputConfig:()=>Ds,defineFactory:()=>Ps,density:()=>m.density,designToken:()=>wt,designUnit:()=>m.designUnit,designUnitValue:()=>Lt,direction:()=>m.direction,directionValue:()=>kt,disabledOpacity:()=>m.disabledOpacity,dropdownMenuBaseStyles:()=>oo,errorDialogTemplate:()=>_o,extractMenuItems:()=>ao,fillColor:()=>m.fillColor,flyoutAnimationTime:()=>Ni,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,foundationActionsMenu:()=>h,foundationActionsMenuStyles:()=>c,foundationActionsMenuTemplate:()=>u,foundationAnchor:()=>w,foundationAnchorShadowOptions:()=>b,foundationAnchorStyles:()=>g,foundationAnchorTemplate:()=>f,foundationBadge:()=>C,foundationBadgeShadowOptions:()=>$,foundationBadgeStyles:()=>S,foundationBadgeTemplate:()=>x,foundationBanner:()=>L,foundationBannerShadowOptions:()=>k,foundationBannerStyles:()=>_,foundationBannerTemplate:()=>O,foundationBreadcrumb:()=>j,foundationBreadcrumbItem:()=>I,foundationBreadcrumbItemShadowOptions:()=>N,foundationBreadcrumbItemStyles:()=>A,foundationBreadcrumbItemTemplate:()=>R,foundationBreadcrumbShadowOptions:()=>B,foundationBreadcrumbStyles:()=>H,foundationBreadcrumbTemplate:()=>P,foundationButton:()=>X,foundationButtonShadowOptions:()=>W,foundationButtonStyles:()=>U,foundationButtonTemplate:()=>V,foundationCard:()=>te,foundationCardShadowOptions:()=>Q,foundationCardStyles:()=>K,foundationCardTemplate:()=>Z,foundationCheckbox:()=>se,foundationCheckboxShadowOptions:()=>ne,foundationCheckboxStyles:()=>ie,foundationCheckboxTemplate:()=>oe,foundationCombobox:()=>he,foundationComboboxShadowOptions:()=>ue,foundationComboboxStyles:()=>de,foundationComboboxTemplate:()=>le,foundationConnectionIndicator:()=>be,foundationConnectionIndicatorStyles:()=>fe,foundationConnectionIndicatorTemplate:()=>ge,foundationDataGrid:()=>$e,foundationDataGridCell:()=>ke,foundationDataGridCellShadowOptions:()=>_e,foundationDataGridCellStyles:()=>De,foundationDataGridCellTemplate:()=>s.dataGridCellTemplate,foundationDataGridRow:()=>Me,foundationDataGridRowShadowOptions:()=>Re,foundationDataGridRowStyles:()=>Te,foundationDataGridRowTemplate:()=>s.dataGridRowTemplate,foundationDataGridShadowOptions:()=>Se,foundationDataGridStyles:()=>ye,foundationDataGridTemplate:()=>we,foundationDatePicker:()=>We,foundationDatePickerShadowOptions:()=>Ve,foundationDatePickerStyles:()=>Ie,foundationDatePickerTemplate:()=>Pe,foundationDesignSystemProvider:()=>Mt,foundationDialog:()=>jt,foundationDialogShadowOptions:()=>Ht,foundationDialogStyles:()=>Et,foundationDialogTemplate:()=>Pt,foundationDisclosure:()=>Xt,foundationDisclosureShadowOptions:()=>Wt,foundationDisclosureStyles:()=>Ut,foundationDisclosureTemplate:()=>Vt,foundationDivider:()=>to,foundationDividerShadowOptions:()=>Qt,foundationDividerStyles:()=>Kt,foundationDividerTemplate:()=>Zt,foundationDropdownMenu:()=>co,foundationDropdownMenuStyles:()=>io,foundationDropdownMenuTemplate:()=>ro,foundationErrorBanner:()=>go,foundationErrorBannerShadowOptions:()=>mo,foundationErrorBannerTemplate:()=>uo,foundationErrorBoundary:()=>Do,foundationErrorBoundaryShadowOptions:()=>Fo,foundationErrorBoundaryTemplate:()=>So,foundationErrorDialog:()=>Lo,foundationErrorDialogShadowOptions:()=>ko,foundationErrorDialogStyles:()=>Oo,foundationFileUpload:()=>Ko,foundationFileUploadShadowOptions:()=>Xo,foundationFileUploadStyles:()=>Mo,foundationFileUploadTemplate:()=>Ao,foundationFilter:()=>ci,foundationFilterBar:()=>yi,foundationFilterBarStyles:()=>ui,foundationFilterBarTemplate:()=>gi,foundationFilterStyles:()=>Jo,foundationFilterTemplate:()=>si,foundationFlexLayout:()=>_i,foundationFlexLayoutShadowOptions:()=>$i,foundationFlexLayoutStyles:()=>Si,foundationFlexLayoutTemplate:()=>Fi,foundationFlipper:()=>Ai,foundationFlipperShadowOptions:()=>Li,foundationFlipperStyles:()=>ki,foundationFlipperTemplate:()=>Oi,foundationFlyout:()=>Gi,foundationFlyoutShadowOptions:()=>Pi,foundationFlyoutStyles:()=>Ei,foundationFlyoutTemplate:()=>Mi,foundationGridLayout:()=>Xi,foundationGridLayoutItem:()=>ea,foundationGridLayoutItemShadowOptions:()=>Ki,foundationGridLayoutItemTemplate:()=>Zi,foundationGridLayoutShadowOptions:()=>Ui,foundationGridLayoutStyles:()=>ji,foundationGridLayoutTemplate:()=>Vi,foundationIcon:()=>pa,foundationIconShadowOptions:()=>la,foundationIconStyles:()=>sa,foundationIconTemplate:()=>ta,foundationListboxOption:()=>ba,foundationListboxOptionShadowOptions:()=>ga,foundationListboxOptionStyles:()=>ma,foundationListboxOptionTemplate:()=>ha,foundationMenu:()=>$a,foundationMenuItem:()=>Ta,foundationMenuItemShadowOptions:()=>Oa,foundationMenuItemStyles:()=>Ca,foundationMenuItemTemplate:()=>Da,foundationMenuShadowOptions:()=>Sa,foundationMenuStyles:()=>wa,foundationMenuTemplate:()=>ya,foundationModal:()=>Ea,foundationModalShadowOptions:()=>Aa,foundationModalStyles:()=>La,foundationModalTemplate:()=>Ra,foundationMultiselect:()=>Ua,foundationMultiselectShadowOptions:()=>za,foundationNumberField:()=>Ka,foundationNumberFieldShadowOptions:()=>Xa,foundationNumberFieldStyles:()=>Wa,foundationNumberFieldTemplate:()=>Ya,foundationPopper:()=>cn,foundationProgress:()=>an,foundationProgressRing:()=>gn,foundationProgressRingShadowOptions:()=>mn,foundationProgressRingStyles:()=>pn,foundationProgressRingTemplate:()=>un,foundationProgressShadowOptions:()=>tn,foundationProgressStyles:()=>Qa,foundationProgressTemplate:()=>Ja,foundationRadio:()=>Sn,foundationRadioGroup:()=>On,foundationRadioGroupShadowOptions:()=>Cn,foundationRadioGroupStyles:()=>$n,foundationRadioGroupTemplate:()=>Fn,foundationRadioShadowOptions:()=>wn,foundationRadioStyles:()=>bn,foundationRadioTemplate:()=>vn,foundationSegmentedControl:()=>Mn,foundationSegmentedControlShadowOptions:()=>Rn,foundationSegmentedControlStyles:()=>Tn,foundationSegmentedControlTemplate:()=>kn,foundationSegmentedItem:()=>Gn,foundationSegmentedItemShadowOptions:()=>Pn,foundationSegmentedItemStyles:()=>En,foundationSegmentedItemTemplate:()=>Nn,foundationSelect:()=>Yn,foundationSelectShadowOptions:()=>Vn,foundationSelectStyles:()=>zn,foundationSelectTemplate:()=>Bn,foundationSkeleton:()=>Jn,foundationSkeletonShadowOptions:()=>Zn,foundationSkeletonStyles:()=>qn,foundationSkeletonTemplate:()=>Wn,foundationSlider:()=>dr,foundationSliderShadowOptions:()=>sr,foundationSliderStyles:()=>nr,foundationSliderTemplate:()=>ar,foundationSnackbar:()=>ir,foundationSnackbarShadowOptions:()=>tr,foundationSnackbarStyles:()=>Qn,foundationSnackbarTemplate:()=>er,foundationSwitch:()=>fr,foundationSwitchShadowOptions:()=>hr,foundationSwitchStyles:()=>ur,foundationSwitchTemplate:()=>cr,foundationTab:()=>xr,foundationTabPanel:()=>_r,foundationTabPanelShadowOptions:()=>Dr,foundationTabPanelStyles:()=>Fr,foundationTabPanelTemplate:()=>Sr,foundationTabShadowOptions:()=>yr,foundationTabStyles:()=>vr,foundationTabTemplate:()=>gr,foundationTabs:()=>Ar,foundationTabsShadowOptions:()=>Lr,foundationTabsStyles:()=>kr,foundationTabsTemplate:()=>Or,foundationTextArea:()=>Hr,foundationTextAreaShadowOptions:()=>Ir,foundationTextAreaStyles:()=>Nr,foundationTextAreaTemplate:()=>Mr,foundationTextField:()=>Ur,foundationTextFieldShadowOptions:()=>jr,foundationTextFieldStyles:()=>Br,foundationTextFieldTemplate:()=>Gr,foundationToast:()=>Kr,foundationToastShadowOptions:()=>qr,foundationToastStyles:()=>Yr,foundationToastTemplate:()=>Wr,foundationToolbar:()=>is,foundationToolbarShadowOptions:()=>ts,foundationToolbarStyles:()=>Qr,foundationToolbarTemplate:()=>Jr,foundationTooltip:()=>ds,foundationTooltipShadowOptions:()=>ss,foundationTooltipStyles:()=>ns,foundationTooltipTemplate:()=>as,foundationTreeItem:()=>fs,foundationTreeItemShadowOptions:()=>hs,foundationTreeItemStyles:()=>us,foundationTreeItemTemplate:()=>cs,foundationTreeView:()=>xs,foundationTreeViewShadowOptions:()=>ys,foundationTreeViewStyles:()=>vs,foundationTreeViewTemplate:()=>gs,foundationUrlInput:()=>_s,foundationUrlInputShadowOptions:()=>$s,foundationUrlInputStyles:()=>Fs,fuiAccentPalette:()=>st,fuiAccentSwatch:()=>rt,fuiCardFillColor:()=>ct,fuiCardForegroundColor:()=>ht,fuiDefaultCardFillColor:()=>et,fuiDefaultCardPalette:()=>tt,fuiFillColor:()=>dt,fuiNeutralPalette:()=>at,fuiNeutralSwatch:()=>it,getDefaultConfig:()=>$t,getDropdownMenuTemplate:()=>no,getErrorDialogTemplate:()=>Co,getExports:()=>Dt,getFontawesomeIconsCss:()=>ra,getPrefixedFileUpload:()=>Ro,getPrefixedMultiselect:()=>Ia,jsonConverter:()=>rn,mapType:()=>pi,maxheight:()=>Ha,mixinSegoeUiFontFamily:()=>ft,multiselectStyles:()=>Ga,multiselectTemplate:()=>Pa,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForeground:()=>pt,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralPaletteValue:()=>_t,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,paletteFromHex:()=>St,provideDesignSystem:()=>Ts,provideTokens:()=>yt,registerFoundationDesignSystem:()=>zs,segoeUiFontFaces:()=>mt,strokeWidth:()=>m.strokeWidth,swatchConverter:()=>xt,tagFor:()=>Hs,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight,urlinputTemplate:()=>Ss,white:()=>Xe});var i={};o.r(i),o.d(i,{accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,bodyFont:()=>m.bodyFont,controlCornerRadius:()=>m.controlCornerRadius,defaultNeutralForegroundContrast:()=>ut,density:()=>m.density,designUnit:()=>m.designUnit,direction:()=>m.direction,disabledOpacity:()=>m.disabledOpacity,fillColor:()=>m.fillColor,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,fuiCardFillColor:()=>ct,fuiCardForegroundColor:()=>ht,fuiFillColor:()=>dt,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForeground:()=>pt,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,strokeWidth:()=>m.strokeWidth,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight});var a={};o.r(a),o.d(a,{accentPaletteValue:()=>Ct,baseLayerLuminanceValue:()=>Ot,bodyFontValue:()=>Rt,controlCornerRadiusValue:()=>Tt,designUnitValue:()=>Lt,directionValue:()=>kt,neutralPaletteValue:()=>_t});var n=o(5373),r=o(1273),s=o(9398),l=o(9691);const d=(e,t)=>r.css`
+  :host {
+    --actions-opener-height-multiplier: 0.7px;
+    --actions-opener-bg-color: 249 254 255;
+    --menu-item-height-multiplier: 0.7px;
+  }
+
+  .actions-container {
+    align-items: center;
+    display: flex;
+    height: 100%;
+    justify-content: right;
+  }
+
+  .actions-menu {
+    display: none;
+    position: absolute;
+    max-width: 350px;
+    overflow-y: auto;
+  }
+
+  .actions-vertical .actions-menu {
+    padding: calc(var(--design-unit) * 1px);
+    max-height: 175px;
+    z-index: 100;
+  }
+
+  .actions-menu:not(.hidden):hover {
+    display: inline-flex;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .visible {
+    display: inline-flex;
+  }
+
+  .actions-opener {
+    align-self: center;
+    display: flex;
+    height: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--actions-opener-height-multiplier)
+    );
+  }
+
+  svg {
+    width: 100%;
+    height: 100%;
+    fill: #879ba6;
+  }
+
+  .actions-opener:hover svg {
+    fill: #fff;
+  }
+
+  fast-menu-item {
+    display: flex;
+    user-select: none;
+  }
+
+  fast-menu-item::part(content) {
+    margin-inline: 10px;
+  }
+
+  fast-menu-item[disabled] {
+    pointer-events: none;
+  }
+
+  .menu-item {
+    flex: 1;
+    max-height: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--menu-item-height-multiplier)
+    );
+  }
+
+  .actions-vertical .menu-item {
+    flex: 1 1 auto;
+    justify-content: center;
+    margin: calc(var(--design-unit) * 1px);
+  }
+
+  .actions-vertical .visible,
+  .actions-vertical .actions-menu:not(.hidden):hover {
+    display: flex;
+    flex-direction: column;
+  }
+`,c=(e,t)=>r.css`
+  ${d(e,t)}
+`,u=r.html`
+  <div
+    class="actions-container${e=>e.isVertical?" actions-vertical":""}"
+    part="actions-container"
+  >
+    <fast-button
+      id="actiosnMenuTrigger"
+      class="actions-opener${e=>e.open?" opened":""}"
+      appearance="${e=>e.buttonAppearance}"
+      part="actions-opener"
+      @click=${e=>e.toggleActionsMenuVisibility()}
+    >
+      ${e=>e.open?"✖":r.html`
+              ${e.name}
+            `}
+    </fast-button>
+    <fast-menu
+      ${(0,r.ref)("actionsMenu")}
+      class="actions-menu ${e=>e.classNames}"
+      part="actions-menu"
+    >
+      ${(0,r.repeat)((e=>e.allActions),r.html`
+          ${(0,r.when)(((e,t)=>e.isDisabled&&e.isDisabled(t.parent.rowData)),r.html`
+              <fast-menu-item
+                class="menu-item"
+                tabindex="${(e,t)=>t.index}"
+                disabled
+              >
+                ${e=>e.name}
+              </fast-menu-item>
+            `)}
+          ${(0,r.when)(((e,t)=>!e.isDisabled||!e.isDisabled(t.parent.rowData)),r.html`
+              <fast-menu-item
+                class="menu-item"
+                tabindex="${(e,t)=>t.index}"
+                @click=${(e,t)=>t.parent.onActionMenuItemClick(e.callback)}
+                style="${e=>e.color?`color: ${e.color};`:""}"
+              >
+                ${e=>e.name}
+              </fast-menu-item>
+            `)}
+        `,{positioning:!0})}
+    </fast-menu>
+  </div>
+`;class p extends s.FoundationElement{constructor(){super(...arguments),this.isVertical=!1,this.addDefaultActions=!0,this.autoCloseOnAction=!0,this.name="Actions",this.open=!1}definitionChanged(e,t){var o,i;this.actions=[...null!==(o=this.actions)&&void 0!==o?o:[],...null!==(i=null==t?void 0:t.actions)&&void 0!==i?i:[]],delete this.definition.actions,t.buttonText&&(this.name=t.buttonText,delete this.definition.customButtonText),t.isVertical&&(this.isVertical=t.isVertical,delete this.definition.isVertical),t.buttonAppearance&&(this.buttonAppearance=t.buttonAppearance,delete this.definition.buttonAppearance)}openChanged(){this.classNames=(0,l.classNames)(["visible",this.open],["hidden",!this.open])}toggleActionsMenuVisibility(){this.open=!this.open}onActionMenuItemClick(e){this.autoCloseOnAction&&(this.open=!1),e(this.rowData)}get allActions(){var e;const t=[{name:"✖",callback:()=>this.open=!1}];return this.addDefaultActions?[...null!==(e=this.actions)&&void 0!==e?e:[],...t]:this.actions}get rowData(){if(!this.definition)return;const{node:e,data:t}=this.definition;return(null==e?void 0:e.data)||t}}(0,n.__decorate)([r.observable],p.prototype,"actions",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"is-vertical",mode:"boolean"})],p.prototype,"isVertical",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"add-default-actions",mode:"boolean"})],p.prototype,"addDefaultActions",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"auto-close-on-action",mode:"boolean"})],p.prototype,"autoCloseOnAction",void 0),(0,n.__decorate)([r.observable],p.prototype,"classNames",void 0),(0,n.__decorate)([r.observable],p.prototype,"definition",void 0),(0,n.__decorate)([r.attr],p.prototype,"name",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"open",mode:"boolean"})],p.prototype,"open",void 0),(0,n.__decorate)([r.attr],p.prototype,"buttonAppearance",void 0);const h=p.compose({baseName:"actions-menu",styles:c,template:u});var m=o(2617);const f=(e,t)=>(0,s.anchorTemplate)(e,t),g=(e,t)=>r.css`
+  ${(0,m.anchorStyles)(e,t)}
+`;class v extends m.Anchor{}const b={delegatesFocus:!0,mode:"open"},y={},w=v.compose(Object.assign({baseName:"anchor",template:f,styles:g,shadowOptions:b},y)),x=(e,t)=>(0,s.badgeTemplate)(e,t),S=(e,t)=>r.css`
+  ${(0,m.badgeStyles)(e,t)}
+`;class F extends m.Badge{}const $=void 0,D={},C=F.compose(Object.assign({baseName:"badge",template:x,styles:S,shadowOptions:$},D)),_=r.css`
+  @keyframes delete-animate {
+    from {
+      height: 100px;
+      opacity: 100%;
+    }
+
+    to {
+      height: 0;
+      opacity: 0%;
+    }
+  }
+
+  @keyframes append-animate {
+    from {
+      height: 0;
+      opacity: 0%;
+    }
+
+    to {
+      height: var(--banner-height);
+      opacity: 100%;
+    }
+  }
+
+  :host {
+    --banner-width: 100%;
+    --banner-height: 65px;
+    --flow: row;
+  }
+
+  @media screen and (max-width: 640px) {
+    :host {
+      --flow: column;
+      --banner-height: 100px;
+    }
+  }
+
+  .banner {
+    animation: append-animate 0.3s linear;
+    width: var(--banner-width);
+    height: var(--banner-height);
+    background-color: var(--fill-color);
+    display: flex;
+    flex-direction: var(--flow);
+    padding: 5px 8px;
+    box-sizing: border-box;
+    overflow: hidden;
+  }
+
+  .banner-delete {
+    animation: delete-animate 0.3s linear;
+    opacity: 0%;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    flex: 2;
+    font-size: 12px;
+    overflow: hidden;
+  }
+
+  .action {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    gap: 10px;
+    flex: 1;
+    overflow: hidden;
+  }
+`,O=r.html`
+  <div class="banner ${e=>e.dismissAnimation}" ${(0,r.ref)("banner")}>
+    <div part="content" class="content">
+      <slot name="content"></slot>
+    </div>
+    <div part="action" class="action">
+      <slot name="action" class="action"></slot>
+    </div>
+  </div>
+`,k={mode:"open",delegatesFocus:!0};class T extends s.FoundationElement{constructor(){super(...arguments),this.dismissAnimation=""}connectedCallback(){super.connectedCallback()}dismiss(){return this.dismissAnimation="banner-delete",new Promise((e=>{this.banner.onanimationend=()=>{this.remove(),e()}}))}}(0,n.__decorate)([r.observable],T.prototype,"dismissAnimation",void 0);const L=T.compose({baseName:"banner",styles:_,template:O,shadowOptions:k}),R=(e,t)=>(0,s.breadcrumbItemTemplate)(e,t),A=(e,t)=>r.css`
+  ${(0,m.breadcrumbItemStyles)(e,t)}
+`;class M extends m.BreadcrumbItem{}const N=void 0,E={separator:"/"},I=M.compose(Object.assign({baseName:"breadcrumb-item",template:R,styles:A,shadowOptions:N},E)),P=(e,t)=>(0,s.breadcrumbTemplate)(e,t),H=(e,t)=>r.css`
+  ${(0,m.breadcrumbStyles)(e,t)}
+`;class G extends m.Breadcrumb{}const B=void 0,z={},j=G.compose(Object.assign({baseName:"breadcrumb",template:P,styles:H,shadowOptions:B},z)),V=(e,t)=>(0,s.buttonTemplate)(e,t),U=(e,t)=>r.css`
+  ${(0,m.buttonStyles)(e,t)}
+`;class Y extends m.Button{}const W={delegatesFocus:!0,mode:"open"},q={},X=Y.compose(Object.assign({baseName:"button",template:V,styles:U,shadowOptions:W},q)),Z=(e,t)=>(0,s.cardTemplate)(e,t),K=(e,t)=>r.css`
+  ${(0,m.cardStyles)(e,t)}
+  :host {
+    background-color: var(--fui-card-fill-color);
+    color: var(--fui-card-foreground-color);
+  }
+`;class J extends m.Card{}const Q=void 0,ee={},te=J.compose(Object.assign({baseName:"card",template:Z,styles:K,shadowOptions:Q},ee)),oe=(e,t)=>(0,s.checkboxTemplate)(e,t),ie=(e,t)=>r.css`
+  ${(0,m.checkboxStyles)(e,t)}
+`;class ae extends m.Checkbox{}const ne=void 0,re={checkedIndicator:'\n    <svg\n      aria-hidden="true"\n      part="checked-indicator"\n      class="checked-indicator"\n      viewBox="0 0 20 20"\n      xmlns="http://www.w3.org/2000/svg"\n    >\n      <path\n        fill-rule="evenodd"\n        clip-rule="evenodd"\n        d="M8.143 12.6697L15.235 4.5L16.8 5.90363L8.23812 15.7667L3.80005 11.2556L5.27591 9.7555L8.143 12.6697Z"\n      />\n    </svg>\n  ',indeterminateIndicator:'\n    <div part="indeterminate-indicator" class="indeterminate-indicator"></div>\n  '},se=ae.compose(Object.assign({baseName:"checkbox",template:oe,styles:ie,shadowOptions:ne},re)),le=(e,t)=>(0,s.comboboxTemplate)(e,t),de=(e,t)=>r.css`
+  ${(0,m.comboboxStyles)(e,t)}
+`;class ce extends m.Combobox{}const ue=void 0,pe={indicator:'\n        <svg\n            class="combo-box-indicator"\n            part="combo-box-indicator"\n            viewBox="0 0 12 7"\n            xmlns="http://www.w3.org/2000/svg"\n        >\n            <path\n                d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n            />\n        </svg>\n    '},he=ce.compose(Object.assign({baseName:"combobox",template:le,styles:de,shadowOptions:ue},pe));var me=o(7148);const fe=(e,t)=>r.css`
+  :host {
+    --light-size: 12px;
+    --height: calc(var(--design-unit) * 2px + var(--light-size));
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: var(--height);
+    margin: calc(var(--design-unit) * 2px) 0;
+
+    /* https://www.colorxs.com/color/traffic-light-green-2032-20 */
+    --green: 50 164 49;
+    --trafic-light-green: rgb(var(--green));
+    --trafic-light-green-glow:
+      rgb(var(--green) / 40%) 0 0 4px 4px,
+      rgb(var(--green) / 20%) 0 0 8px 8px;
+
+    /* https://www.colorxs.com/color/ral-3020-traffic-red */
+    --red: 187 30 16;
+    --trafic-light-red: rgb(var(--red));
+    --trafic-light-red-glow:
+      rgb(var(--red) / 40%) 0 0 4px 4px,
+      rgb(var(--red) / 20%) 0 0 8px 8px;
+  }
+
+  .light {
+    height: var(--light-size);
+    width: var(--light-size);
+    margin: 1rem;
+    border-radius: 100%;
+  }
+
+  .green {
+    background: var(--trafic-light-green);
+    box-shadow: var(--trafic-light-green-glow);
+  }
+
+  .red {
+    background: var(--trafic-light-red);
+    box-shadow: var(--trafic-light-red-glow);
+  }
+
+  .label {
+    font-family: 'Courier New', Courier, monospace;
+    font-size: small;
+    color: grey;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+`,ge=r.html`
+  <div class=${e=>(0,l.classNames)(["light",!0],[e.colour,!0])}></div>
+  ${(0,r.when)((e=>e.showLabel),r.html`
+      <div class="label">${e=>e.label}</div>
+    `)}
+`;class ve extends s.FoundationElement{constructor(){super(...arguments),this.showLabel=!1,this.label="disconnected",this.colour="red"}connectedCallback(){super.connectedCallback(),this.subscription=this.connect.isConnectedSubject.subscribe((e=>{this.label=this.getLabel(e),this.colour=e?"green":"red"}))}disconnectedCallback(){var e;null===(e=this.subscription)||void 0===e||e.unsubscribe()}getLabel(e){if(!e)return"disconnected";return`${this.session.getSessionStorageItem("hostUrl")} ✔`}}(0,n.__decorate)([me.Connect],ve.prototype,"connect",void 0),(0,n.__decorate)([me.Session],ve.prototype,"session",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean",attribute:"show-label"})],ve.prototype,"showLabel",void 0),(0,n.__decorate)([r.observable],ve.prototype,"label",void 0),(0,n.__decorate)([r.observable],ve.prototype,"colour",void 0);const be=ve.compose({baseName:"connection-indicator",template:ge,styles:fe}),ye=(e,t)=>r.css`
+  ${(0,m.dataGridStyles)(e,t)}
+`,we=(e,t)=>(0,s.dataGridTemplate)(e,t);class xe extends m.DataGrid{}const Se=void 0,Fe={},$e=xe.compose(Object.assign({baseName:"data-grid",template:we,styles:ye,shadowOptions:Se},Fe)),De=(e,t)=>r.css`
+  ${(0,m.dataGridCellStyles)(e,t)}
+`;class Ce extends m.DataGridCell{}const _e=void 0,Oe={},ke=Ce.compose(Object.assign({baseName:"data-grid-cell",template:s.dataGridCellTemplate,styles:De,shadowOptions:_e},Oe)),Te=(e,t)=>r.css`
+  ${(0,m.dataGridRowStyles)(e,t)}
+`;class Le extends m.DataGridRow{}const Re=void 0,Ae={},Me=Le.compose(Object.assign({baseName:"data-grid-row",template:s.dataGridRowTemplate,styles:Te,shadowOptions:Re},Ae));var Ne=o(6436),Ee=o.n(Ne);const Ie=r.css`
+  :host {
+    position: relative;
+  }
+
+  .date-toggle {
+    padding: 0 0 0 15px;
+    border: none;
+    appearance: none;
+    background: #eee;
+    color: #333;
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    cursor: pointer;
+    text-transform: capitalize;
+  }
+
+  .date-toggle zero-icon {
+    padding: 10px;
+  }
+
+  .calendar-dropdown {
+    display: none;
+    width: 300px;
+    z-index: 999;
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translate(-50%, 8px);
+    margin: 10px 0 0;
+    padding: 20px;
+    background: var(--neutral-foreground-rest);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
+  }
+
+  .calendar-dropdown.top {
+    top: auto;
+    bottom: 100%;
+    margin: 0 0 5px;
+    transform: translate(-50%, -8px);
+  }
+
+  .calendar-dropdown.left {
+    top: 50%;
+    left: 0;
+    margin: 0 0 0 5px;
+    transform: translate(calc(-8px + -100%), -50%);
+  }
+
+  .calendar-dropdown.right {
+    top: 50%;
+    left: 100%;
+    transform: translate(8px, -50%);
+  }
+
+  .calendar-dropdown.visible {
+    display: block;
+  }
+
+  .header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin: 0 0 10px;
+  }
+
+  .header h3 {
+    margin: 0;
+    text-transform: capitalize;
+    font-weight: bold;
+    color: var(--foreground-on-accent-rest);
+  }
+
+  .header .months-arrows {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .header .icon-container {
+    display: flex;
+    width: 25px;
+    height: 25px;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .header .icon-container:first-child {
+    margin-right: calc(var(--design-unit) * 2px);
+  }
+
+  .header .prev-month,
+  .header .next-month {
+    color: var(--foreground-on-accent-rest);
+    font-size: 18px;
+  }
+
+  .week-days {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    grid-gap: 5px;
+    margin-bottom: 10px;
+    color: var(--foreground-on-accent-rest);
+  }
+
+  .week-days span {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    font-weight: bold;
+    text-transform: capitalize;
+  }
+
+  .month-days {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    grid-gap: 5px;
+  }
+
+  .month-day {
+    padding: 8px 5px;
+    color: #808080;
+    background: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: calc(var(--control-corner-radius) * 4px);
+    cursor: pointer;
+    border: none;
+  }
+
+  .month-day.current {
+    opacity: 100%;
+    color: var(--foreground-on-accent-rest);
+  }
+
+  .month-day.selected {
+    background: var(--accent-foreground-rest);
+    color: var(--neutral-foreground-rest);
+  }
+
+  .month-day:hover {
+    background: var(--neutral-stroke-hover);
+    color: (--neutral-foreground-rest);
+  }
+`,Pe=r.html`
+  <foundation-button type="button" class="date-toggle" ${(0,r.ref)("toggleButton")}>
+    ${e=>e.formatDate}
+    <zero-icon variant="regular" name="calendar-alt"></zero-icon>
+  </foundation-button>
+  <div class="calendar-dropdown ${e=>e.calendarDropdownClasses} ${e=>e.position}">
+    <div class="header">
+      <h3>${e=>e.currentMonth} ${e=>e.currentYear}</h3>
+      <div class="months-arrows">
+        <div class="icon-container" ${(0,r.ref)("prevBtn")}>
+          <zero-icon name="angle-left" class="prev-month" aria-label="previous month"></zero-icon>
+        </div>
+        <div class="icon-container" ${(0,r.ref)("nextBtn")}>
+          <zero-icon name="angle-right" class="next-month" aria-label="next month"></zero-icon>
+        </div>
+      </div>
+    </div>
+    <div class="week-days">
+      ${(0,r.repeat)((e=>e.calendar.weekDays),r.html`
+          <span>${(e,t)=>e.substring(0,t.parent.substringNumber)}</span>
+        `)}
+    </div>
+    <div class="month-days" ${(0,r.ref)("calendarDaysContainer")}>
+      ${(0,r.repeat)((e=>e.monthList),r.html`
+          <button
+            class="month-day 
+        ${(e,t)=>t.parent.isSelectedDate(e)?"selected":""} 
+        ${(e,t)=>e.monthNumber===t.parent.calendar.month.number?"current":""}"
+            @click=${(e,t)=>t.parent.selectDay(e)}
+          >
+            ${(e,t)=>e.date}
+          </button>
+        `)}
+    </div>
+  </div>
+`;class He{constructor(e=null,t="default"){e=null!=e?e:new Date,this.Date=e,this.date=e.getDate(),this.day=e.toLocaleString(t,{weekday:"long"}),this.dayNumber=e.getDay()+1,this.dayShort=e.toLocaleString(t,{weekday:"short"}),this.year=e.getFullYear(),this.yearShort=Number(e.toLocaleString(t,{year:"2-digit"})),this.month=e.toLocaleString(t,{month:"long"}),this.monthShort=e.toLocaleString(t,{month:"short"}),this.monthNumber=e.getMonth()+1,this.timestamp=e.getTime()}}var Ge=o(547),Be=o.n(Ge);Ee().extend(Be());class ze{constructor(e=null,t="default"){const o=new He(e,t);this.lang=t,this.name=o.month,this.number=o.monthNumber,this.year=o.year,this.numberOfDays=[31,28,31,30,31,30,31,31,30,31,30,31][this.number-1],2===this.number&&(this.numberOfDays+=Ee()(o.date).isLeapYear()?1:0)}getDay(e){return new He(new Date(this.year,this.number-1,e),this.lang)}}Ee().extend(Be());class je{constructor(e=null,t=null,o="default"){this.weekDays=Array.from({length:7}),this.today=new He(null,o),this.year=null!=e?e:this.today.year,this.month=new ze(new Date(this.year,(t||this.today.monthNumber)-1),o),this.lang=o,this.weekDays.forEach(((e,t)=>{const o=this.month.getDay(t);this.weekDays[o.dayNumber-1]=o.day}))}getMonth(e){return new ze(new Date(this.year,e-1),this.lang)}getPreviousMonth(){return 1===this.month.number?new ze(new Date(this.year-1,11),this.lang):new ze(new Date(this.year,this.month.number-2),this.lang)}getNextMonth(){return 1===this.month.number?new ze(new Date(this.year+1,0),this.lang):new ze(new Date(this.year,this.month.number+2),this.lang)}goToDate(e,t){this.month=new ze(new Date(t,e-1),this.lang),this.year=t}goToNextYear(){this.year+=1,this.month=new ze(new Date(this.year,0),this.lang)}goToPreviousYear(){this.year-=1,this.month=new ze(new Date(this.year,11),this.lang)}goToNextMonth(){if(12===this.month.number)return this.goToNextYear();this.month=new ze(new Date(this.year,this.month.number+1-1),this.lang)}goToPreviousMonth(){if(1===this.month.number)return this.goToPreviousYear();this.month=new ze(new Date(this.year,this.month.number-1-1),this.lang)}}const Ve=void 0,Ue={};class Ye extends s.FoundationElement{formatChanged(e,t){t&&this.calendar&&(this.formatDate=Ee()(this.currentDate.Date).format(t))}valueChanged(e,t){t&&this.calendar&&(this.currentDate=new He(new Date(t)),this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid())}constructor(){var e;super(),this.format="MM-DD-YYYY",this.visible=!1,this.position="bottom";const t="en-US",o=new Date(null!==(e=this.currentDate)&&void 0!==e?e:this.getAttribute("value")||Date.now());this.substringNumber=3,this.currentDate=new He(o,t),this.value=Ee()(this.currentDate.Date).format("MM-DD-YYYY"),this.calendar=new je(this.currentDate.year,this.currentDate.monthNumber,t)}connectedCallback(){super.connectedCallback(),this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year,this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.toggleButton.addEventListener("click",(()=>this.toggleCalendar())),this.prevBtn.addEventListener("click",(()=>this.prevMonth())),this.nextBtn.addEventListener("click",(()=>this.nextMonth())),this.monthList=this.getMonthDaysGrid()}updateHeaderText(){this.currentMonth=this.calendar.month.name,this.currentYear=this.calendar.year}toggleCalendar(){this.visible=!this.visible,this.toggleVisibility(),this.isCurrentCalendarMonth()||(this.calendar.goToDate(this.currentDate.monthNumber,this.currentDate.year),this.updateHeaderText())}toggleVisibility(){this.calendarDropdownClasses=(0,l.classNames)(["visible",this.visible],this.position)}isSelectedDate(e){return Ee()(e.Date).isSame(this.currentDate.Date,"day")}isCurrentCalendarMonth(){return this.currentMonth===this.currentDate.monthNumber&&this.currentYear===this.currentDate.year}prevMonth(){this.calendar.goToPreviousMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}nextMonth(){this.calendar.goToNextMonth(),this.updateHeaderText(),this.monthList=this.getMonthDaysGrid()}selectDay(e){Ee()(e.Date).isSame(this.currentDate.Date)||(this.currentDate=e,e.monthNumber!==this.calendar.month.number&&this.prevMonth(),this.formatDate=Ee()(this.currentDate.Date).format(this.format),this.value=Ee()(e.Date).format("MM-DD-YYYY"),this.toggleCalendar())}getMonthDaysGrid(){const e=this.calendar.month.getDay(1),t=this.calendar.getPreviousMonth(),o=e.dayNumber-1,i=this.calendar.month.numberOfDays+o,a=Array.from({length:i});for(let e=o;e<i;e+=1)a[e]=this.calendar.month.getDay(e+1-o);for(let e=0;e<o;e+=1){const i=o-(e+1);a[e]=t.getDay(t.numberOfDays-i)}return a}}(0,n.__decorate)([r.attr],Ye.prototype,"format",void 0),(0,n.__decorate)([r.attr],Ye.prototype,"visible",void 0),(0,n.__decorate)([r.attr],Ye.prototype,"position",void 0),(0,n.__decorate)([r.attr],Ye.prototype,"value",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"currentDate",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"currentMonth",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"currentYear",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"calendarDropdownClasses",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"formatDate",void 0),(0,n.__decorate)([r.observable],Ye.prototype,"monthList",void 0);const We=Ye.compose(Object.assign({baseName:"date-picker",styles:Ie,template:Pe,shadowOptions:Ve},Ue));var qe=o(2441);const Xe=m.SwatchRGB.create(1,1,1),Ze=m.SwatchRGB.create(0,0,0),Ke=(0,qe.parseColorHexRGB)("#585858"),Je=m.SwatchRGB.create(Ke.r,Ke.g,Ke.b),Qe=(0,qe.parseColorHexRGB)("#ffffff"),et=m.SwatchRGB.create(Qe.r,Qe.g,Qe.b),tt=m.PaletteRGB.from(et),ot=(0,qe.parseColorHexRGB)("#eeeeee"),it=m.SwatchRGB.create(ot.r,ot.g,ot.b),at=m.PaletteRGB.from(it),nt=(0,qe.parseColorHexRGB)("#08c3a5"),rt=m.SwatchRGB.create(nt.r,nt.g,nt.b),st=m.PaletteRGB.from(rt),{create:lt}=s.DesignToken,dt=lt("fui-fill-color").withDefault(Je),ct=lt({name:"card-fill-color",cssCustomPropertyName:"fui-card-fill-color"}).withDefault(et),ut=14;function pt(e,t){return e.colorContrast(t,ut)}const ht=lt({name:"card-foreground-color",cssCustomPropertyName:"fui-card-foreground-color"}).withDefault((e=>pt(lt("fui-card-palette").withDefault(tt).getValueFor(e),ct.getValueFor(e)))),mt='\n  @font-face {\n    font-family: Segoe UI;\n    font-weight: 300;\n    src: local("Segoe UI Semilight"), local("Segoe UI");\n  }\n',ft=(e="normal",t="normal")=>`\n  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; \n  font-style: ${e};\n  font-weight: ${t};\n`,gt=r.css`
+  ${(0,s.display)("flex")}
+  :host {
+    flex: 1;
+  }
+`,vt=r.css`
+  :host {
+    background-color: ${dt};
+  }
+`.withBehaviors((0,s.forcedColorsStylesheetBehavior)(r.css`
+      :host {
+        background-color: ${l.SystemColors.ButtonFace};
+        box-shadow: 0 0 0 1px ${l.SystemColors.CanvasText};
+        color: ${l.SystemColors.ButtonText};
+      }
+    `)),bt=(e,t)=>r.css`
+  ${e.name} ${"h"+t} {
+    margin: 0;
+  }
+`,yt=(e,t,o)=>{const i=o?(e,t)=>e.setValueFor(o,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach((o=>{const a=`${o}Value`;t[a]&&i(e[o],t[a])}))};function wt(e){return(t,o)=>{t[o+"Changed"]=function(t,o){null!=o?e.setValueFor(this,o):e.deleteValueFor(this)}}}const xt={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=(0,qe.parseColorHexRGB)(e);return t?m.SwatchRGB.create(t.r,t.g,t.b):null}},St=e=>m.PaletteRGB.from(m.SwatchRGB.from((0,qe.parseColorHexRGB)(e))),Ft=["baseClass","baseName","shadowOptions","styles","template"],$t=(e,t=Ft)=>Object.keys(e).filter((e=>!t.includes(e))).reduce(((t,o)=>(t[o]=e[o],t)),{}),Dt=e=>{const{definition:t}=e(),{shadowOptions:o,styles:i,template:a}=t;return{shadowOptions:o,styles:i,template:a,defaultConfig:$t(t)}},Ct=St("#08c3a5"),_t=St("#eeeeee"),Ot=m.StandardLuminance.DarkMode,kt=l.Direction.ltr,Tt=4,Lt=4,Rt='"Segoe UI", Arial, Helvetica, sans-serif';class At extends m.DesignSystemProvider{constructor(){super(),yt(i,a,this)}}(0,n.__decorate)([(0,r.attr)({attribute:"card-fill-color",converter:xt}),wt(ct)],At.prototype,"cardFillColor",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"card-foreground-color",converter:xt}),wt(ht)],At.prototype,"cardForegroundColor",void 0);const Mt=At.compose({baseName:"design-system-provider",template:r.html`
+    <slot></slot>
+  `,styles:e=>{const t=(e=>r.css`
+  ${mt}
+  :host {
+    ${ft()}
+  }
+
+  ${bt(e,"1")}
+  ${bt(e,"2")}
+  ${bt(e,"3")}
+  ${bt(e,"4")}
+  ${bt(e,"5")}
+  ${bt(e,"6")}
+`)(e);return t.addStylesTo(document),r.css`
+    ${gt}
+    ${vt}
+      ${t}
+  `}});var Nt=o(8090);const Et=r.css`
+  .close-icon {
+    position: absolute;
+    right: calc(var(--design-unit) * 2px);
+    top: calc(var(--design-unit) * 2px);
+    cursor: pointer;
+  }
+
+  .close-icon svg {
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    padding: calc(var(--design-unit) * 2px);
+  }
+
+  dialog {
+    background-color: var(--dialog-background, var(--fill-color));
+    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px)
+      calc(var(--design-unit) * 4px);
+    overflow: inherit;
+  }
+
+  :host([position='right']) dialog .content-wrapper,
+  :host([position='left']) dialog .content-wrapper,
+  :host([position='left']) dialog,
+  :host([position='right']) dialog {
+    height: 100%;
+  }
+
+  :host([position='left']) dialog {
+    margin-left: 0;
+  }
+
+  :host([position='right']) dialog {
+    margin-right: 0;
+  }
+
+  ::slotted(zero-divider) {
+    width: 100%;
+  }
+`,It=(e="start")=>`\n  <svg class="svg-icon" slot="${e}" width="16px" height="16px">\n    <g transform="matrix(1 0 0 1 -1865 -3576 )">\n      <path d="M 15.8825 14.185499999999998  L 9.697000000000001 8  L 14.825000000000001 2.872  L 15.8825 1.814499999999999  C 16.0385 1.6584999999999992  16.0385 1.4049999999999994  15.8825 1.2489999999999988  L 14.751 0.11749999999999972  C 14.594999999999999 -0.03850000000000087  14.3415 -0.03850000000000087  14.1855 0.11749999999999972  L 8 6.303000000000001  L 1.8145 0.11699999999999999  C 1.6585 -0.03900000000000059  1.4050000000000002 -0.03900000000000059  1.2489999999999999 0.11699999999999999  L 0.11699999999999999 1.2485  C -0.039000000000000014 1.4044999999999996  -0.039000000000000014 1.6579999999999995  0.11699999999999999 1.814  L 6.303000000000001 8  L 0.11699999999999999 14.185499999999998  C -0.039000000000000014 14.3415  -0.039000000000000014 14.594999999999999  0.11699999999999999 14.751000000000001  L 1.2485 15.8825  C 1.4045 16.0385  1.658 16.0385  1.814 15.8825  L 8 9.697  L 13.128 14.825  L 14.1855 15.8825  C 14.3415 16.0385  14.594999999999999 16.0385  14.751 15.8825  L 15.8825 14.751000000000001  C 16.0385 14.594999999999999  16.0385 14.3415  15.8825 14.185499999999998  Z " fill-rule="nonzero" fill="#879ba6" stroke="none" transform="matrix(1 0 0 1 1865 3576 )" />\n    </g>\n  </svg>\n`,Pt=r.html`
+  <dialog ${(0,r.ref)("mainElement")}>
+    <div class="content-wrapper">
+      <div part="top" class="top">
+        <slot name="top"></slot>
+        ${(0,r.when)((e=>e.showCloseIcon),r.html`
+            <div class="close-icon" @click=${e=>e.close()}>${It()}</div>
+          `)}
+      </div>
+      <slot></slot>
+      <div part="bottom" class="bottom">
+        <slot name="bottom"></slot>
+      </div>
+    </div>
+  </dialog>
+`,Ht={mode:"open",delegatesFocus:!0},Gt={};class Bt extends s.FoundationElement{constructor(){super(...arguments),this.position="centre",this.showCloseIcon=!0}connectedCallback(){super.connectedCallback(),window.HTMLDialogElement||Nt.Z.registerDialog(this.mainElement),this.mainElement.addEventListener("close",(()=>{this.onCloseCallback&&this.onCloseCallback()}))}get open(){return this.mainElement.hasAttribute("open")}close(){this.mainElement.close()}}(0,n.__decorate)([r.attr],Bt.prototype,"position",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean",attribute:"show-close-icon"})],Bt.prototype,"showCloseIcon",void 0),(0,n.__decorate)([r.observable],Bt.prototype,"onShowCallback",void 0),(0,n.__decorate)([r.observable],Bt.prototype,"onCloseCallback",void 0),(0,n.__decorate)([r.volatile],Bt.prototype,"open",null);class zt extends Bt{show(){this.onShowCallback&&this.onShowCallback(),this.mainElement.show()}}const jt=zt.compose(Object.assign({baseName:"dialog",styles:Et,template:Pt,shadowOptions:Ht},Gt)),Vt=(e,t)=>(0,s.disclosureTemplate)(e,t),Ut=(e,t)=>r.css`
+  ${(0,m.disclosureStyles)(e,t)}
+`;class Yt extends s.Disclosure{}const Wt=void 0,qt={},Xt=Yt.compose(Object.assign({baseName:"disclosure",template:Vt,styles:Ut,shadowOptions:Wt},qt)),Zt=(e,t)=>(0,s.dividerTemplate)(e,t),Kt=(e,t)=>r.css`
+  ${(0,m.dividerStyles)(e,t)}
+`;class Jt extends s.Divider{}const Qt=void 0,eo={},to=Jt.compose(Object.assign({baseName:"divider",template:Zt,styles:Kt,shadowOptions:Qt},eo)),oo=(e,t,o)=>r.css`
+  :host {
+    --dropdown-opener-height-multiplier: 0.7px;
+    --menu-item-height-multiplier: 0.7px;
+  }
+
+  .actions-menu {
+    display: inline-flex;
+    flex-direction: column;
+    max-height: calc(
+      var(--max-height) -
+        ((var(--base-height-multiplier) + var(--density)) * var(--design-unit) * 1px)
+    );
+    position: absolute;
+    z-index: 1;
+    gap: calc(var(--design-unit) * 1px);
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  .actions-opener {
+    display: flex;
+    justify-content: center;
+    height: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--dropdown-opener-height-multiplier)
+    );
+    max-width: 120px;
+  }
+
+  ${e}-menu-item {
+    display: flex;
+    user-select: none;
+  }
+
+  ${e}-menu-item::part(content) {
+    margin-inline: 5px;
+  }
+
+  ${e}-menu-item::part(expand-collapse-glyph-container) {
+    margin-inline-end: 5px;
+  }
+
+  ${e}-menu-item::part(expand-collapse) {
+    margin-inline-start: 5px;
+  }
+
+  ${e}-menu-item[disabled] {
+    pointer-events: none;
+  }
+
+  ${e}-icon {
+    padding-left: 5px;
+  }
+
+  .menu-item {
+    max-height: calc(
+      (var(--base-height-multiplier) + var(--density)) * var(--design-unit) *
+        var(--menu-item-height-multiplier)
+    );
+  }
+`,io=(e,t)=>r.css`
+  ${oo("foundation",e,t)}
+`,ao=(e,t)=>r.html`
+  ${(0,r.repeat)((()=>e),r.html`
+      ${(0,r.when)((e=>e.isDisabled&&e.isDisabled()),r.html`
+          <${t}-menu-item class="menu-item" disabled>${e=>e.name}</${t}-menu-item>
+        `)}
+      ${(0,r.when)((e=>!e.isDisabled||!e.isDisabled()),r.html`
+          <${t}-menu-item
+            class="menu-item"
+            @click=${e=>e.submenu?"":e.callback()}
+            style="${e=>e.color?`color: ${e.color};`:""}"
+          >
+          ${(0,r.when)((e=>e.icon),r.html`
+              <${t}-icon
+                name=${e=>e.icon.name}
+                size=${e=>e.icon.size}
+                variant=${e=>e.icon.variant}
+                slot="start"
+              ></${t}-icon>
+            `)}
+            ${e=>e.name}
+            ${(0,r.when)((e=>e.submenu),r.html`
+                <${t}-menu>${e=>ao(e.submenu,t)}</${t}-menu>
+              `)}
+          </${t}-menu-item>
+        `)}
+    `)}
+`,no=e=>r.html`
+  <div class="actions-container" part="actions-container">
+    <${e}-button
+      id="actiosnMenuTrigger"
+      class="actions-opener"
+      appearance="${e=>e.buttonAppearance}"
+      part="actions-opener"
+      @click=${e=>e.toggleDropdownMenuVisibility()}
+      :disabled=${e=>e.disabled}
+    >
+      ${e=>e.name}
+    </${e}-button>
+    <${e}-menu
+      ${(0,r.ref)("dropdownMenu")}
+      class="actions-menu ${e=>e.classNames}"
+      part="actions-menu"
+    >
+      ${t=>ao(t.allItems,e)}
+    </${e}-menu>
+  </div>
+`,ro=r.html`
+  ${e=>no(e.tagName.toLowerCase().split("-")[0])}
+`,so=(e,t)=>!e.composedPath().includes(t);class lo extends s.FoundationElement{constructor(){super(...arguments),this.autoClose=!0,this.disabled=!1,this.name="Dropdown Menu",this.open=!1,this.clickOutside=e=>this.handleClickOutside(e)}connectedCallback(){super.connectedCallback(),this.addEventListener("onMenuClick",this.onDropdownMenuItemClick)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}handleClickOutside(e){so(e,this)&&(this.open=!1)}openChanged(){this.classNames=(0,l.classNames)(["hidden",!this.open]),this.open?document.addEventListener("mousedown",this.clickOutside):document.removeEventListener("mousedown",this.clickOutside)}toggleDropdownMenuVisibility(){this.open=!this.open}onDropdownMenuItemClick(){this.autoClose&&(this.open=!1)}get allItems(){return this.items}}(0,n.__decorate)([r.observable],lo.prototype,"items",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"auto-close",mode:"boolean"})],lo.prototype,"autoClose",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"disable-button",mode:"boolean"})],lo.prototype,"disabled",void 0),(0,n.__decorate)([r.observable],lo.prototype,"classNames",void 0),(0,n.__decorate)([r.attr],lo.prototype,"name",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"open",mode:"boolean"})],lo.prototype,"open",void 0),(0,n.__decorate)([r.attr],lo.prototype,"buttonAppearance",void 0);const co=lo.compose({baseName:"dropdown-menu",styles:io,template:ro}),uo=r.html`
+  <foundation-banner ${(0,r.ref)("banner")}>
+    <div slot="content">
+      <div>${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
+    </div>
+
+    <foundation-button slot="action" appearance="lightweight" @click=${e=>{var t;return null===(t=e.banner)||void 0===t?void 0:t.dismiss()}}>
+      ${e=>{var t,o,i,a;return(null===(a=null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.banner)||void 0===i?void 0:i.dismissingAction)||void 0===a?void 0:a.label)||"Ignore"}}
+    </foundation-button>
+    ${(0,r.repeat)((e=>{var t,o;return null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.banner.confirmingActions}),r.html`
+        <foundation-button
+          slot="action"
+          appearance="lightweight"
+          @click=${(e,t)=>{var o;null==e||e.action(),null===(o=t.parent)||void 0===o||o.dismiss()}}
+        >
+          ${e=>e.label}
+        </foundation-button>
+      `)}
+  </foundation-banner>
+`;var po=o(5904);const ho=(0,po.createLogger)("foundation-ui"),mo={mode:"open",delegatesFocus:!0};class fo extends s.FoundationElement{connectedCallback(){super.connectedCallback()}dismiss(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{yield this.banner.dismiss(),this.remove()}catch(e){ho.error(e)}}))}}(0,n.__decorate)([r.observable],fo.prototype,"error",void 0);const go=fo.compose({baseName:"error-banner",template:uo,shadowOptions:mo});var vo;!function(e){e.ERROR_BOUNDARY_EVENT="error-boundary-event"}(vo||(vo={}));const bo=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.errorDetails)&&void 0!==o?o:"Something went wrong"}`},yo=(e,t)=>{const o=t.split("-")[0];let i=document.querySelector(`#${e}`);if(!i){i=document.createElement("div"),i.setAttribute("id",e);const t=document.createElement(`${o}-design-system-provider`);t.appendChild(i),document.body.appendChild(t)}return i},wo=(0,po.createLogger)("foundation-error"),xo={alert:e=>{alert(bo(e))},notification:(e,t)=>{var o,i,a,n,r,s,l,d,c,u,p;const h=t.split("-")[0],m=yo("notify-container",t);m&&(m.style.position="fixed",m.style.top="0",m.style.right="0");const f=document.createElement(`${h}-toast`),g=document.createElement("div");g.setAttribute("slot","top"),g.textContent=null!==(o=e.title)&&void 0!==o?o:"Error";const v=document.createElement("div");v.setAttribute("slot","content"),v.textContent=(null==e?void 0:e.errorDetails)||"";const b=document.createElement("div");b.setAttribute("slot","date"),b.textContent=(new Date).toLocaleTimeString(),f.setAttribute("notify",(null===(a=null===(i=null==e?void 0:e.config)||void 0===i?void 0:i.notification)||void 0===a?void 0:a.type)||""),(null===(r=null===(n=null==e?void 0:e.config)||void 0===n?void 0:n.notification)||void 0===r?void 0:r.autoClose)&&f.setAttribute("auto-close",`${null===(l=null===(s=null==e?void 0:e.config)||void 0===s?void 0:s.notification)||void 0===l?void 0:l.autoClose}`),(null===(c=null===(d=null==e?void 0:e.config)||void 0===d?void 0:d.notification)||void 0===c?void 0:c.closeTimeout)&&f.setAttribute("close-timeout",`${null===(p=null===(u=null==e?void 0:e.config)||void 0===u?void 0:u.notification)||void 0===p?void 0:p.closeTimeout}`),f.appendChild(g),f.appendChild(v),f.appendChild(b),m.appendChild(f)},dialog:(e,t)=>{const o=t.split("-")[0],i=document.createElement(`${o}-error-dialog`);yo("dialog-container",t).appendChild(i),i.error=e,i.show()},snackbar:(e,t)=>{const o=t.split("-")[0],i=document.createElement(`${o}-snackbar`);yo("snack-container",t).appendChild(i),i.error=e}},So=r.html`
+  <template ${(0,r.ref)("anchor")}>
+    <slot></slot>
+  </template>
+`,Fo={mode:"open",delegatesFocus:!0};class $o extends s.FoundationElement{constructor(){super(...arguments),this.logger=(0,po.createLogger)("error-boundary")}connectedCallback(){super.connectedCallback(),this.addEventListener(vo.ERROR_BOUNDARY_EVENT,(e=>{var t,o,i,a;e.stopImmediatePropagation(),t=e.detail,o=this.tagName,wo.log({message:bo(t),level:(i=t,(null==i?void 0:i.logLevel)||(null===(a=null==i?void 0:i.config)||void 0===a?void 0:a.logLevel)||po.LogLevel.Error)}),Object.keys((null==t?void 0:t.config)||{}).forEach((e=>{xo[e]&&xo[e](t,o)}))}))}}(0,n.__decorate)([r.observable],$o.prototype,"anchor",void 0);const Do=$o.compose({baseName:"error-boundary",template:So,shadowOptions:Fo}),Co=e=>r.html`
+  <${e}-dialog show-close-icon="false" ${(0,r.ref)("dialog")}>
+    <h2 slot="top" class="title">${e=>{var t;return null===(t=e.error)||void 0===t?void 0:t.title}}</h2>
+    <div class="details">${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
+    <${e}-button slot="bottom" appearance="lightweight" @click=${e=>e.dismiss()}>
+      ${e=>{var t,o,i,a;return(null===(a=null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.dialog)||void 0===i?void 0:i.dismissingAction)||void 0===a?void 0:a.label)||"Ignore"}}
+    </${e}-button>
+    ${(0,r.repeat)((e=>{var t,o;return null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.dialog.confirmingActions}),r.html`
+        <${e}-button
+          slot="bottom"
+          appearance="lightweight"
+          @click=${(e,t)=>{null==e||e.action(),t.parent.dismiss()}}
+        >
+          ${e=>e.label}
+        </${e}-button>
+      `)}
+  </${e}-dialog>
+`,_o=r.html`
+  ${e=>Co(e.tagName.toLowerCase().split("-")[0])}
+`,Oo=r.css`
+  :host {
+    --design-unit: 3;
+    --dialog-max-width: 358px;
+    --dialog-min-width: 358px;
+    --dialog-max-height: 128px;
+    --error-details-min-height: 40px;
+  }
+
+  .title {
+    margin-top: calc(var(--design-unit) * 2px);
+    font-size: 14px;
+  }
+
+  .details {
+    font-size: 12px;
+    overflow: hidden;
+    min-height: var(--error-details-min-height);
+  }
+`,ko={mode:"open",delegatesFocus:!0};class To extends s.FoundationElement{connectedCallback(){super.connectedCallback()}show(){this.dialog.show()}dismiss(){try{this.dialog.close(),this.remove()}catch(e){ho.error(e)}}}(0,n.__decorate)([r.observable],To.prototype,"error",void 0);const Lo=To.compose({baseName:"error-dialog",template:_o,styles:Oo,shadowOptions:ko}),Ro=e=>r.html`
+<template>
+  <div class="file-selection">
+    <input type="file" multiple ${(0,r.ref)("fileInput")} 
+    @change=${(e,t)=>e.onInputChange(t.event)} :accept="${e=>e.accept}"/>
+    <${e}-text-field readOnly type="text" id="fileName" 
+        :label="${e=>e.label}" 
+        :value="${e=>e.fileName}">
+        ${e=>e.label} 
+        ${(0,r.when)((e=>e.fileName),r.html`
+        <${e}-icon slot="end" class="clear-icon" name="xmark" 
+          @click=${e=>e.clearSelection()}></${e}-icon>
+          `)}
+    </${e}-text-field>
+
+    <${e}-button @click=${e=>e.handleClick()}>Browse</${e}-button>
+    <${e}-button @click=${e=>e.handleFileUpload()}
+      :disabled="${e=>!e.fileName}">Upload</${e}-button>
+  </div>
+  <div class="uploader-grid">
+      <${e}-data-grid generate-header="sticky" 
+      :rowsData="${e=>e.uploadedFilesList}"
+      :columnDefinitions="${e=>e.filesGridColumnDefinitions}">         
+      </${e}-data-grid>
+  </div>
+</template>
+`,Ao=r.html`
+  ${e=>Ro(e.tagName.toLowerCase().split("-")[0])}
+`,Mo=r.css`
+  /* Host */
+  :host {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+  }
+
+  .file-selection {
+    display: flex;
+    align-items: end;
+    justify-content: start;
+    padding-bottom: 10px;
+  }
+
+  .file-selection :nth-last-child(-n + 2) {
+    margin: 0;
+    margin-left: 10px;
+  }
+
+  input[type='file'] {
+    display: none;
+  }
+
+  .clear-icon {
+    cursor: pointer;
+  }
+
+  .uploader-grid {
+    display: flex;
+    flex-direction: row;
+    height: 250px;
+    width: 600px;
+    overflow-y: auto;
+  }
+`,No=(0,po.createLogger)("foundation-criteria");var Eo;!function(e){e.AND="&&",e.OR="||",e.NOT="!",e.GT=">",e.GE=">=",e.LT="<",e.LE="<=",e.NE="!=",e.EQ="=="}(Eo||(Eo={}));class Io{constructor(e){this.$$operator=e}static And(){return new Io(Eo.AND)}static Or(){return new Io(Eo.OR)}static Not(){return new Io(Eo.NOT)}static GreaterThan(){return new Io(Eo.GT)}static GreaterThanOrEqual(){return new Io(Eo.GE)}static LessThan(){return new Io(Eo.LT)}static LessThanOrEqual(){return new Io(Eo.LE)}static NotEqual(){return new Io(Eo.NE)}static Equal(){return new Io(Eo.EQ)}get operator(){return this.$$operator}}const Po="default";class Ho{constructor(){this.expressions={},this.And=(e,t={})=>this.withExpression(e,t,Io.And()),this.Or=(e,t={})=>this.withExpression(e,t,Io.Or()),this.Not=(e,t={})=>this.withExpression(e,t,Io.Not())}withExpression(e,t={},o=Io.And()){const{condition:i,join:a,groupName:n}=t,r=(e,t=Po)=>{var n;const r=null!==(n=this.expressions[t])&&void 0!==n?n:[];this.expressions[t]=[...r,{join:o||a,condition:i,expression:e}]};if(Array.isArray(e))if(a){const t=e.filter((e=>{const t=e instanceof Io;return t&&No.warn("Inline joins will be discarded when join is defined in ExpressionOptions"),!t}));if(n)t.forEach((e=>{r(e,n)}));else{const e=(s=a,t.flat().flatMap(((e,t,o)=>o.length-1!==t?[e,s]:e)));r(e,Po)}}else r(e,Po);else r(e,e.group);var s;return this}build(e){const t=Object.entries(this.expressions).reduce(((e,[t,o])=>Object.assign(Object.assign({},e),{[t]:`(${o.filter((({condition:e})=>!e||e())).map((({expression:e,join:t},o,i)=>this.parseExpression(e,i[o-1],t))).join("")})`})),{});return e?e(t):`(${Object.values(t).join(" && ")})`}reset(){this.expressions={}}parseExpression(e,t,o){const i=[];return o&&t&&i.push(` ${o.operator} `),Array.isArray(e)?(e.forEach(((e,t,o)=>{if(e instanceof Io){if(o[t-1]instanceof Io)throw new Error("Adjacent Join operations detected")}})),i.push(`(${e.map((e=>this.parseExpression(e,void 0))).join("")})`)):e instanceof Io?i.push(` ${e.operator} `):e&&i.push(e.serialiser(e)),i.join("")}}const Go=e=>{const{value:t}=e;return e.valueGetter?e.valueGetter(t):"function"==typeof t?t(e):Array.isArray(t)?t.join(","):"string"==typeof t?`"${t}"`:t},Bo=e=>t=>`${t.field} ${e} ${Go(t)}`,zo=e=>Bo(Eo.EQ)(e);class jo{constructor(e){this.serialiser=zo,this.build=()=>{if(!this.field)throw new Error("Missing required param 'field'");if(void 0===this.value)throw new Error("Missing required param 'value'");if(!this.serialiser)throw new Error("Missing required param 'serialise'");return{field:this.field,value:this.value,serialiser:this.serialiser,params:this.params,valueGetter:this.valueGetter,group:this.group}},e&&(this.field=e.field,this.value=e.value,this.serialiser=e.serialiser,this.params=e.params,this.valueGetter=e.valueGetter,this.group=e.group)}withField(e){return this.field=e,this}withValue(e){return this.value=e,this}withSerialiser(e){return this.serialiser=e,this}withParams(e){return this.params=e,this}withValueGetter(e){return this.valueGetter=e,this}withGroup(e){return this.group=e,this}}const Vo=["image/png","image/bmp","image/gif","image/jpeg","image/jpg"],Uo=["text/plain","text/csv"],Yo=["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/pdf"],Wo=r.html`
+  ${(0,r.when)((e=>e.rowData),r.html`
+      ${e=>"DATETIME"===e.columnDefinition.type?(0,po.formatDateTimeTimestamp)(e.rowData[e.columnDefinition.columnDataKey]):e.rowData[e.columnDefinition.columnDataKey]}
+    `)}
+`;class qo extends s.FoundationElement{constructor(){super(...arguments),this.acceptedFormats=[],this.label="Choose File",this.accept="",this.fileSizeLimitBytes=104857600,this.uploadedFilesResourceName="ALL_FILE_ATTACHMENTS",this.uploadEventName="attachment-handler/upload",this.gridFields="",this.fileName="",this.uploadedFilesList=[],this.filesGridColumnDefinitions=[]}acceptChanged(){let e=[];this.accept.length>0&&this.accept.split(",").forEach((t=>{"image/*"===t?e=[...e,...Vo]:"office/*"===t?e=[...e,...Yo]:"text/*"===t?e=[...e,...Uo]:e.push(t)})),this.acceptedFormats=e}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.setGridCriteria(),this.setRowData(),(null===(t=this.filesGridColumnDefinitions)||void 0===t?void 0:t.length)||this.setColumnDefs()}))}setGridCriteria(){void 0!==this.entityId&&(this.gridCriteria=(new Ho).withExpression((new jo).withField(this.fieldName).withValue(this.entityId).build()).build())}handleStreamRowOperation(e){let t;for(const o of e.ROW)if(o.DETAILS)switch(o.DETAILS.OPERATION){case"INSERT":this.uploadedFilesList.unshift(o);break;case"MODIFY":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1,o);break;case"DELETE":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1);break;default:me.logger.error(`Unsupported operation type: ${o.DETAILS.OPERATION}`)}}setRowData(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){yield this.connect.stream(this.uploadedFilesResourceName,(e=>{var t;1===e.SEQUENCE_ID?this.uploadedFilesList=null!==(t=e.ROW)&&void 0!==t?t:[]:this.handleStreamRowOperation(e)}),(e=>{me.logger.error(e)}),{CRITERIA_MATCH:this.gridCriteria})}))}setColumnDefs(){var e;return(0,n.__awaiter)(this,void 0,void 0,(function*(){const t=yield this.connect.getMetadata(this.uploadedFilesResourceName),o=(this.gridFields.length>0&&t.FIELD?t.FIELD.filter((e=>this.gridFields.split(" ").includes(e.NAME))):null!==(e=t.FIELD)&&void 0!==e?e:[]).map((e=>({columnDataKey:e.NAME,title:e.NAME.toLowerCase().split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "),type:e.TYPE,cellTemplate:Wo})));this.filesGridColumnDefinitions=o}))}handleClick(){this.fileInput.value=null,this.fileInput.click()}onInputChange(e){var t,o;const i=Array.from(null!==(o=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.files)&&void 0!==o?o:[]);this.onFilesSelected(i)}onFilesSelected(e){if(e.length>0){if(this.acceptedFormats.length>0)for(const t of e){if(!this.acceptedFormats.includes(t.type))return void alert(`Not a valid file type. Accepted Formats are ${this.accept}`);if(t.size>this.fileSizeLimitBytes)return void alert(`File size exceeds the file size limit of ${this.fileSizeLimitBytes} bytes`)}this.selectedFiles=e,this.fileName=this.selectedFiles.map((e=>e.name.trim())).join()}}handleFileUpload(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{const e=(e=>{const t=new FormData;return e.forEach((e=>{t.append(e.name,e)})),t})(this.selectedFiles);e.append(this.uploadKey,this.entityId);const t=(e=>{let t;return t="https://"+location.hostname+e,t})(this.uploadEventName),o=yield((e,t,o)=>{const i=new Headers;return i.append("SESSION_AUTH_TOKEN",o),fetch(e,{method:"POST",body:t,headers:i}).then((e=>e.json().then((e=>e))))})(t,e,this.session.getItem("authToken","session"));if(o.ERROR)return me.logger.error(o.ERROR),void this.$emit("errorOut",o.ERROR);me.logger.info(o),this.clearSelection()}catch(e){me.logger.error(e)}}))}clearSelection(){this.fileName="",this.selectedFiles=[]}}(0,n.__decorate)([r.observable],qo.prototype,"gridCriteria",void 0),(0,n.__decorate)([me.Connect],qo.prototype,"connect",void 0),(0,n.__decorate)([me.Session],qo.prototype,"session",void 0),(0,n.__decorate)([r.attr],qo.prototype,"label",void 0),(0,n.__decorate)([r.attr],qo.prototype,"accept",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"file-size-limit-bytes"})],qo.prototype,"fileSizeLimitBytes",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"uploaded-files-resource-name"})],qo.prototype,"uploadedFilesResourceName",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"upload-event-name"})],qo.prototype,"uploadEventName",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"field-name"})],qo.prototype,"fieldName",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"entity-id"})],qo.prototype,"entityId",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"upload-key"})],qo.prototype,"uploadKey",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"grid-fields"})],qo.prototype,"gridFields",void 0),(0,n.__decorate)([r.observable],qo.prototype,"fileName",void 0),(0,n.__decorate)([r.observable],qo.prototype,"uploadedFilesList",void 0),(0,n.__decorate)([r.observable],qo.prototype,"filesGridColumnDefinitions",void 0);const Xo=void 0,Zo={},Ko=qo.compose(Object.assign({baseName:"file-upload",styles:Mo,template:Ao,shadowOptions:Xo},Zo)),Jo=r.css`
+  .filter-wrapper {
+    border: 1px solid gray;
+    border-radius: calc(var(--design-unit) * 2px);
+    padding: calc(var(--design-unit) * 1px);
+  }
+
+  .close-icon {
+    display: flex;
+    place-content: center;
+    align-items: center;
+    flex-direction: column;
+    align-content: center;
+    justify-content: center;
+    margin: calc(var(--design-unit) * 1px);
+    padding: calc(var(--design-unit) * 1px);
+    border: 1px solid transparent;
+    border-radius: calc(var(--design-unit) * 2px);
+    cursor: pointer;
+  }
+
+  .close-icon,
+  .cloase-icon svg path {
+    transition-property: all;
+    transition-timing-function: linear;
+    transition-duration: 300ms;
+  }
+
+  .close-icon:hover {
+    border-color: red;
+    background: rgb(255 0 0 / 25%);
+  }
+
+  .close-icon:hover svg path {
+    fill: red;
+  }
+
+  .flex-row {
+    display: flex;
+    flex-direction: row;
+    align-content: center;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .flex-row zero-text-field,
+  .flex-row zero-select,
+  .flex-row foundation-text-field,
+  .flex-row foundation-select {
+    flex: 1;
+  }
+`,Qo=r.html`
+  <div class="close-icon" @click=${e=>e.clear()}>${It()}</div>
+`,ei=r.html`
+  <div class="flex-row">
+    <div>${e=>e.label}</div>
+    ${Qo}
+  </div>
+  <div class="flex-row">
+    <foundation-text-field
+      ${(0,r.ref)("textFilterField")}
+      type="text"
+      :value=${(0,po.sync)((e=>e.textFilter))}
+    />
+  </div>
+`,ti=r.html`
+  <div class="flex-row">
+    <div>${e=>e.label}</div>
+    ${Qo}
+  </div>
+  <div class="flex-row">
+    <foundation-text-field
+      ${(0,r.ref)("numFilterFieldMin")}
+      type="number"
+      :value=${(0,po.sync)((e=>e.numFilterMin))}
+      placeholder="min"
+    ></foundation-text-field>
+    <foundation-text-field
+      ${(0,r.ref)("numFilterFieldMax")}
+      type="number"
+      :value=${(0,po.sync)((e=>e.numFilterMax))}
+      placeholder="max"
+    ></foundation-text-field>
+  </div>
+`,oi=r.html`
+  <div class="flex-row">
+    <div>${e=>e.label}</div>
+    ${Qo}
+  </div>
+  <div class="flex-row">
+    <foundation-text-field
+      ${(0,r.ref)("dateFilterFieldMin")}
+      type="date"
+      :value=${(0,po.sync)((e=>e.dateFilterMin))}
+    ></foundation-text-field>
+    <foundation-text-field
+      ${(0,r.ref)("dateFilterFieldMax")}
+      type="date"
+      :value=${(0,po.sync)((e=>e.dateFilterMax))}
+    ></foundation-text-field>
+  </div>
+`;function ii(e){var t,o,i;return null!==(i=null===(o=null===(t=null==e?void 0:e.event)||void 0===t?void 0:t.target)||void 0===o?void 0:o.value)&&void 0!==i?i:"all"}const ai=[{name:"All",value:"all",selected:!0},{name:"True",value:"true"},{name:"False",value:"false"},{name:"N/A",value:"null"}],ni=r.html`
+  <div class="flex-row">
+    <div>${e=>e.label}</div>
+    ${Qo}
+  </div>
+  <div class="flex-row">
+    <foundation-select @change="${(e,t)=>e.onBooleanFilterSelection(ii(t))}}">
+      ${(0,r.repeat)((()=>ai),r.html`
+          <foundation-option value="${e=>e.value}" selected="${e=>e.selected}">
+            ${e=>e.name}
+          </foundation-option>
+        `)}
+    </foundation-select>
+  </div>
+`,ri=r.html`
+  <div class="flex-row">
+    <div>${e=>e.label}</div>
+    ${Qo}
+  </div>
+  <div class="flex-row">
+    <zero-select @change="${(e,t)=>e.onEnumFilterSelection(ii(t))}}">
+      ${(0,r.repeat)((e=>e.enumFilterOptions),r.html`
+          <zero-option value="${e=>e.value}" selected="${e=>e.selected}">
+            ${e=>e.name}
+          </zero-option>
+        `)}
+    </zero-select>
+  </div>
+`,si=r.html`
+  <div class="filter-wrapper">${e=>(e=>{switch(e.type){case"number":return ti;case"date":return oi;case"boolean":return ni;case"enum":return ri;default:return ei}})(e)}</div>
+`;var li;!function(e){e.change="filter-changed",e.clear="filter-cleared"}(li||(li={}));class di extends s.FoundationElement{constructor(){super(...arguments),this.type="text",this.textFilter="",this.enumFilterOptions=[{name:"All",value:"all",selected:!0}]}textFilterChanged(e,t){if(!(null==t?void 0:t.length))return void this.$emit(li.clear,{fieldName:this.fieldName,target:this.target});const o=`Expr.containsIgnoreCase(${this.fieldName},'${t}')`;this.$emit(li.change,{fieldName:this.fieldName,filter:o,target:this.target})}numFilterMinChanged(e,t){this.numFilterMin=Number.isFinite(Number(t))?Number(t):void 0,this.handleNumericFilter(this.numFilterMin,this.numFilterMax)}numFilterMaxChanged(e,t){this.numFilterMax=Number.isFinite(Number(t))?Number(t):void 0,this.handleNumericFilter(this.numFilterMin,this.numFilterMax)}handleNumericFilter(e,t){if(!Number.isFinite(e)&&!Number.isFinite(t))return void this.$emit(li.clear,{fieldName:this.fieldName,target:this.target});const o=`${this.fieldName} >= ${e}`,i=`${this.fieldName} <= ${t}`,a=Number.isFinite(e)?Number.isFinite(t)?`(${o} && ${i})`:o:i;this.$emit(li.change,{fieldName:this.fieldName,filter:a,target:this.target})}formatDate(e){if(Number.isFinite(e))return new Date(e).toISOString().slice(0,19).replace(/-/g,"").replace("T","-")}dateFilterMinChanged(e,t){this.dateMinMS=Date.parse(t),this.handleDateFilter(this.dateMinMS,this.dateMaxMS)}dateFilterMaxChanged(e,t){this.dateMaxMS=Date.parse(t),this.handleDateFilter(this.dateMinMS,this.dateMaxMS)}handleDateFilter(e,t){if(!Number.isFinite(e)&&!Number.isFinite(t))return void this.$emit(li.clear,{fieldName:this.fieldName});const o=`Expr.dateTimeIsAfter(${this.fieldName}, '${this.formatDate(e)}')`,i=`Expr.dateTimeIsBefore(${this.fieldName}, '${this.formatDate(t)}')`,a=Number.isFinite(e)?Number.isFinite(t)?`(${o} && ${i})`:o:i;this.$emit(li.change,{fieldName:this.fieldName,filter:a,target:this.target})}connectedCallback(){var e;if(super.connectedCallback(),null===(e=this.enumOptions)||void 0===e?void 0:e.length){const e=this.enumOptions.includes("|")?"|":",",t=this.enumOptions.split(e).map((e=>({name:e,value:e})));this.enumFilterOptions=[{name:"All",value:"all",selected:!0},...t]}}clear(){switch(this.type){case"number":this.numFilterFieldMin.value=void 0,this.numFilterFieldMax.value=void 0,this.numFilterMin=void 0,this.numFilterMax=void 0;break;case"date":this.dateFilterFieldMin.value="",this.dateFilterFieldMax.value="",this.dateMinMS=NaN,this.dateMaxMS=NaN;break;case"text":this.textFilterField.value=""}this.$emit(li.clear,{fieldName:this.fieldName,target:this.target})}onBooleanFilterSelection(e){e&&"all"!==e?this.$emit(li.change,{fieldName:this.fieldName,filter:`${this.fieldName} == ${e}`,target:this.target}):this.$emit(li.clear,{fieldName:this.fieldName,target:this.target})}onEnumFilterSelection(e){e&&"all"!==e?this.$emit(li.change,{fieldName:this.fieldName,filter:`${this.fieldName} == "${e}"`,target:this.target}):this.$emit(li.clear,{fieldName:this.fieldName,target:this.target})}}(0,n.__decorate)([r.attr],di.prototype,"fieldName",void 0),(0,n.__decorate)([r.attr],di.prototype,"type",void 0),(0,n.__decorate)([r.attr],di.prototype,"label",void 0),(0,n.__decorate)([r.attr],di.prototype,"target",void 0),(0,n.__decorate)([r.observable],di.prototype,"textFilter",void 0),(0,n.__decorate)([r.observable],di.prototype,"numFilterMin",void 0),(0,n.__decorate)([r.observable],di.prototype,"numFilterMax",void 0),(0,n.__decorate)([r.observable],di.prototype,"dateFilterMin",void 0),(0,n.__decorate)([r.observable],di.prototype,"dateFilterMax",void 0),(0,n.__decorate)([r.attr],di.prototype,"enumOptions",void 0),(0,n.__decorate)([r.observable],di.prototype,"enumFilterOptions",void 0);const ci=di.compose({baseName:"filter",template:si,styles:Jo}),ui=(e,t)=>r.css`
+  .filter-bar {
+    background-color: #2c2f33;
+    padding: calc(var(--design-unit) * 2px);
+    transition: all 0.5s ease-out;
+  }
+
+  .filter-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: minmax(64px, auto);
+    gap: calc(var(--design-unit) * 1px);
+    align-items: end;
+    justify-items: stretch;
+  }
+
+  .toggle {
+    display: flex;
+    justify-content: center;
+    min-height: 20px;
+    cursor: pointer;
+    border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px)
+      0 0;
+    border-top: 2px solid;
+    color: #f44378;
+  }
+
+  .collapsed {
+    max-height: 0;
+    padding: 0;
+    overflow: hidden;
+  }
+
+  .toggle-collapsed {
+    color: #48ed9c;
+  }
+`,pi=e=>{switch(e){case"INT":case"DOUBLE":case"LONG":return"number";case"DATETIME":return"date";case"BOOLEAN":return"boolean";case"ENUM":return"enum";default:return"text"}},hi=r.html`
+  <p>Fetching metadata for ${e=>e.resource}...</p>
+`,mi=r.html`
+  ${(0,r.when)((e=>e.collapsed),r.html`
+      <foundation-icon name="arrow-up"></foundation-icon>
+    `)}
+  ${(0,r.when)((e=>!e.collapsed),r.html`
+      <foundation-icon name="arrow-down"></foundation-icon>
+    `)}
+`,fi=r.html`
+  <div
+    class=${e=>(0,l.classNames)(["toggle",!0],["toggle-collapsed",e.collapsed])}
+    @click="${e=>e.toggle()}"
+  >
+    ${mi}
+  </div>
+  <div class=${e=>(0,l.classNames)(["filter-bar",!0],["collapsed",e.collapsed])}>
+    <div class="filter-grid" ${(0,r.ref)("filterGrid")}>
+      ${(0,r.repeat)((e=>e.fields),r.html`
+          <foundation-filter
+            label="${e=>e.UI_LABEL}"
+            target="${(e,t)=>{var o;return null===(o=t.parent)||void 0===o?void 0:o.target}}"
+            type="${e=>pi(e.TYPE)}"
+            fieldName="${e=>e.NAME}"
+          ></foundation-filter>
+        `)}
+    </div>
+  </div>
+`,gi=r.html`
+  ${e=>e.ready?fi:hi}
+`,vi=5;class bi extends s.FoundationElement{constructor(){super(...arguments),this.columns=vi,this.ready=!1,this.collapsed=!0}connectedCallback(){super.connectedCallback(),this.init()}initLabels(){var e,t,o,i,a;let n=!1,r=[];(null===(e=null==this?void 0:this.labels)||void 0===e?void 0:e.length)&&(r=null===(t=this.labels.split(","))||void 0===t?void 0:t.map((e=>e.trim())),n=(null===(o=this.fields)||void 0===o?void 0:o.length)===(null==r?void 0:r.length));for(let e=0;null!==(a=e<(null===(i=this.fields)||void 0===i?void 0:i.length))&&void 0!==a&&a;e+=1){const t=n?r[e]:this.camelCasePreserveWhitespace(this.fields[e].NAME.replace(/_/g," "));this.fields[e].UI_LABEL=t}}camelCasePreserveWhitespace(e){return e.split(" ").map((e=>(0,l.pascalCase)(e))).join(" ")}resourceChanged(e,t){e!==t&&(null==e?void 0:e.length)&&this.init()}init(){this.ready=!1,this.connect.getMetadata(this.resource).then((e=>{var t,o;if(this.fields=e.FIELD,null===(t=this.only)||void 0===t?void 0:t.length){const e=this.only.split(",").map((e=>e.trim())),t=(t,o)=>e.indexOf(t.NAME)>e.indexOf(o.NAME)?1:-1;this.fields=null===(o=this.fields)||void 0===o?void 0:o.filter((t=>e.includes(t.NAME))).sort(t)}this.ready=!0})).then((()=>this.initLabels())).then((()=>window.requestAnimationFrame((()=>{this.adjustColumnStyles()})))).catch((e=>ho.error(e)))}adjustColumnStyles(){this.filterGrid&&(this.filterGrid.style["grid-template-columns"]=`repeat(${this.columns}, 1fr)`)}toggle(){this.ready&&(this.collapsed=!this.collapsed)}}(0,n.__decorate)([r.attr],bi.prototype,"resource",void 0),(0,n.__decorate)([r.attr],bi.prototype,"only",void 0),(0,n.__decorate)([r.attr],bi.prototype,"labels",void 0),(0,n.__decorate)([r.attr],bi.prototype,"target",void 0),(0,n.__decorate)([r.attr],bi.prototype,"columns",void 0),(0,n.__decorate)([r.observable],bi.prototype,"ready",void 0),(0,n.__decorate)([r.observable],bi.prototype,"fields",void 0),(0,n.__decorate)([me.Connect],bi.prototype,"connect",void 0),(0,n.__decorate)([r.observable],bi.prototype,"collapsed",void 0);const yi=bi.compose({baseName:"filter-bar",template:gi,styles:ui});var wi;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(wi||(wi={}));const xi=e=>{const t=e?`-${e}`:"";return r.css`
+    ${t&&`@media only screen and ${wi[e]} {`}
+    :host(.spacing${t}-1x) slot {
+      gap: calc(var(--design-unit) * 2px);
+    }
+
+    :host(.spacing${t}-2x) slot {
+      gap: calc(var(--design-unit) * 4px);
+    }
+
+    :host(.spacing${t}-3x) slot {
+      gap: calc(var(--design-unit) * 6px);
+    }
+
+    :host(.spacing${t}-4x) slot {
+      gap: calc(var(--design-unit) * 8px);
+    }
+
+    :host(.spacing${t}-5x) slot {
+      gap: calc(var(--design-unit) * 10px);
+    }
+
+    :host(.spacing${t}-6x) slot {
+      gap: calc(var(--design-unit) * 12px);
+    }
+
+    :host(.flex${t}-column) slot {
+      flex-direction: column;
+    }
+
+    :host(.flex${t}-column-reverse) slot {
+      flex-direction: column-reverse;
+    }
+
+    :host(.flex${t}-row) slot {
+      flex-direction: row;
+    }
+
+    :host(.flex${t}-row-reverse) slot {
+      flex-direction: row-reverse;
+    }
+
+    :host(.flex${t}-wrap) slot {
+      flex-wrap: wrap;
+    }
+
+    :host(.flex${t}-wrap-reverse) slot {
+      flex-wrap: wrap-reverse;
+    }
+
+    :host(.justify${t}-start) slot {
+      justify-content: flex-start;
+    }
+
+    :host(.justify${t}-end) slot {
+      justify-content: flex-end;
+    }
+
+    :host(.justify${t}-center) slot {
+      justify-content: center;
+    }
+
+    :host(.justify${t}-between) slot {
+      justify-content: space-between;
+    }
+
+    :host(.justify${t}-around) slot {
+      justify-content: space-around;
+    }
+
+    :host(.justify${t}-evenly) slot {
+      justify-content: space-evenly;
+    }
+
+    :host(.items${t}-start) slot {
+      align-items: flex-start;
+    }
+
+    :host(.items${t}-end) slot {
+      align-items: flex-end;
+    }
+
+    :host(.items${t}-center) slot {
+      align-items: center;
+    }
+
+    :host(.items${t}-stretch) slot {
+      align-items: stretch;
+    }
+
+    :host(.items${t}-baseline) slot {
+      align-items: baseline;
+    }
+
+    :host(.content${t}-start) slot {
+      align-content: flex-start;
+    }
+
+    :host(.content${t}-end) slot {
+      align-content: flex-end;
+    }
+
+    :host(.content${t}-center) slot {
+      align-content: center;
+    }
+
+    :host(.content${t}-between) slot {
+      align-content: space-between;
+    }
+
+    :host(.content${t}-around) slot {
+      align-content: space-around;
+    }
+
+    :host(.content${t}-evenly) slot {
+      align-content: space-evenly;
+    }
+    ${t&&"}"}
+  `},Si=r.css`
+  :host {
+    width: 100%;
+    height: 100%;
+  }
+
+  slot {
+    width: 100%;
+    height: 100%;
+    display: flex;
+  }
+
+  ${xi()}
+  ${xi("lg")}
+  ${xi("md")}
+  ${xi("sm")}
+`,Fi=r.html`
+  <template>
+    <slot></slot>
+  </template>
+`,$i=void 0,Di={};class Ci extends s.FoundationElement{}const _i=Ci.compose(Object.assign({baseName:"flex-layout",styles:Si,template:Fi,shadowOptions:$i},Di)),Oi=(e,t)=>(0,s.flipperTemplate)(e,t),ki=(e,t)=>r.css`
+  ${(0,m.flipperStyles)(e,t)}
+`;class Ti extends m.Flipper{}const Li=void 0,Ri={next:'\n    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n      <path\n        d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n      />\n    </svg>\n  ',previous:'\n    <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n      <path\n        d="M11.273 15.977L3.29 8 11.273.023l.704.704L4.71 8l7.266 7.273-.704.704z"\n      />\n    </svg>\n  '},Ai=Ti.compose(Object.assign({baseName:"flipper",template:Oi,styles:ki,shadowOptions:Li},Ri)),Mi=r.html`
+  <template ?closed=${e=>e.closed} ?visuallyhidden=${e=>e.visuallyhidden}>
+    <div class="container">
+      <div class="background" @click=${e=>e.closeFlyout()}></div>
+      <div class="flyout" @transitionend=${e=>e.closingFinished()}>
+        <div class="header">
+          <div class="title">
+            <slot name="title"></slot>
+          </div>
+          <div class="exit" @click=${e=>e.closeFlyout()}>
+            <zero-icon name="times"></zero-icon>
+          </div>
+        </div>
+        <div class="content">
+          <slot></slot>
+        </div>
+        <div class="footer">
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    </div>
+  </template>
+`,Ni=225,Ei=r.css`
+  /* Host */
+  :host {
+    display: inline-block;
+    height: 100vh;
+    position: absolute;
+    width: 100vw;
+  }
+
+  :host([closed]) {
+    display: none;
+  }
+
+  div.container {
+    height: 100%;
+    width: 100%;
+  }
+
+  /* flyout */
+  div.flyout {
+    background-color: white;
+    color: black;
+    height: 100%;
+    position: absolute;
+    /* stylelint-disable-next-line function-name-case */
+    transition: transform ${Ni.toString()}ms ease-in;
+    width: 20%;
+    z-index: 2001;
+  }
+
+  :host([position='left']) div.flyout {
+    left: 0;
+    transform: translateX(0%);
+  }
+
+  :host([position='right']) div.flyout {
+    right: 0;
+    transform: translateX(0%);
+  }
+
+  :host([visuallyhidden][position='left']) div.flyout {
+    left: 0;
+    transform: translateX(-100%);
+  }
+
+  :host([visuallyhidden][position='right']) div.flyout {
+    right: 0;
+    transform: translateX(100%);
+  }
+
+  div.header {
+    align-items: center;
+    display: flex;
+    padding: calc(var(--design-unit) * 3px) calc(var(--design-unit) * 2px);
+  }
+
+  div.title {
+    flex-grow: 1;
+  }
+
+  div.header zero-icon {
+    cursor: pointer;
+  }
+
+  div.footer {
+    bottom: 0;
+    position: absolute;
+    width: 100%;
+  }
+
+  /* Background */
+  div.background {
+    background-color: black;
+    height: 100%;
+    opacity: 50%;
+    position: absolute;
+    /* stylelint-disable-next-line function-name-case */
+    transition: opacity ${Ni.toString()}ms linear;
+    width: 100%;
+    z-index: 2000;
+  }
+
+  :host([visuallyhidden]) div.background {
+    opacity: 0%;
+  }
+`;class Ii extends s.FoundationElement{constructor(){super(...arguments),this.position="right",this.closed=!0,this.visuallyhidden=!0}closedChanged(){this.closed||setTimeout((()=>this.visuallyhidden=!1),1)}closeFlyout(){this.visuallyhidden=!0}closingFinished(){this.visuallyhidden&&(this.closed=!0,this.$emit("closed"))}}(0,n.__decorate)([r.attr],Ii.prototype,"position",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],Ii.prototype,"closed",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],Ii.prototype,"visuallyhidden",void 0);const Pi=void 0,Hi={},Gi=Ii.compose(Object.assign({baseName:"flyout",styles:Ei,template:Mi,shadowOptions:Pi},Hi));var Bi;!function(e){e.sm="(max-width: 640px)",e.md="(min-width: 641px) and (max-width: 1023px)",e.lg="(min-width: 1024px)"}(Bi||(Bi={}));const zi=e=>{const t=e?`-${e}`:"";return r.css`
+    ${t&&`@media only screen and ${Bi[e]} {`}
+    :host(.spacing${t}-1x) slot {
+      gap: calc(var(--design-unit) * 2px);
+    }
+
+    :host(.spacing${t}-2x) slot {
+      gap: calc(var(--design-unit) * 4px);
+    }
+
+    :host(.spacing${t}-3x) slot {
+      gap: calc(var(--design-unit) * 6px);
+    }
+
+    :host(.spacing${t}-4x) slot {
+      gap: calc(var(--design-unit) * 8px);
+    }
+
+    :host(.spacing${t}-5x) slot {
+      gap: calc(var(--design-unit) * 10px);
+    }
+
+    :host(.spacing${t}-6x) slot {
+      gap: calc(var(--design-unit) * 12px);
+    }
+
+    :host(.flow${t}-row) slot {
+      grid-auto-flow: row;
+    }
+
+    :host(.flow${t}-column) slot {
+      grid-auto-flow: column;
+    }
+
+    :host(.flow${t}-row-dense) slot {
+      grid-auto-flow: row dense;
+    }
+
+    :host(.flow${t}-column-dense) slot {
+      grid-auto-flow: column dense;
+    }
+
+    :host(.content${t}-center) slot {
+      place-content: center;
+    }
+
+    :host(.content${t}-start) slot {
+      place-content: start;
+    }
+
+    :host(.content${t}-end) slot {
+      place-content: end;
+    }
+
+    :host(.content${t}-between) slot {
+      place-content: space-between;
+    }
+
+    :host(.content${t}-around) slot {
+      place-content: space-around;
+    }
+
+    :host(.content${t}-evenly) slot {
+      place-content: space-evenly;
+    }
+
+    :host(.content${t}-stretch) slot {
+      place-content: stretch;
+    }
+
+    :host(.place${t}-items-start) slot {
+      place-items: start;
+    }
+
+    :host(.place${t}-items-end) slot {
+      place-items: end;
+    }
+
+    :host(.place${t}-items-center) slot {
+      place-items: center;
+    }
+
+    :host(.place${t}-items-stretch) slot {
+      place-items: stretch;
+    }
+    ${t&&"}"}
+  `},ji=r.css`
+  slot {
+    width: 100%;
+    height: 100%;
+    display: grid;
+  }
+
+  ${zi()}
+  ${zi("lg")}
+  ${zi("md")}
+  ${zi("sm")}
+`,Vi=r.html`
+  <template>
+    <slot></slot>
+  </template>
+`,Ui=void 0,Yi={};class Wi{constructor(e,t,o,i="1fr",a="1fr"){this.listenerCache=new WeakMap,this.query=window.matchMedia(e);const n=t&&r.cssPartial`grid-template-columns: repeat(${t}, ${i});`,s=o&&r.cssPartial`grid-template-rows: repeat(${o}, ${a});`;this.styles=r.css`
+      slot {
+        ${s||""}
+        ${n||""}
+      }
+    `}bind(e){let t=!1;const o=o=>{const{matches:i}=o;i&&!t?(e.$fastController.addStyles(this.styles),t=!0):!i&&t&&(e.$fastController.removeStyles(this.styles),t=!1)};o({matches:this.query.matches}),this.query.addEventListener("change",o),this.listenerCache.set(e,o)}unbind(e){const t=this.listenerCache.get(e);t&&(this.query.removeEventListener("change",t),this.listenerCache.delete(e)),e.$fastController.removeStyles(this.styles)}}class qi extends s.FoundationElement{constructor(){super(...arguments),this.behaviors=[]}connectedCallback(){super.connectedCallback(),this.behaviors=Object.keys(Bi).map((e=>{if(this[`col-${e}-count`]||this[`row-${e}-count`])return new Wi(Bi[e],this[`col-${e}-count`],this[`row-${e}-count`],this[`col-${e}-width`],this[`row-${e}-height`])})).filter((e=>!!e));const e=this["row-count"]&&r.cssPartial`grid-template-rows: repeat(${this["row-count"]}, ${this["row-height"]||"1fr"});`,t=this["col-count"]&&r.cssPartial`grid-template-columns: repeat(${this["col-count"]}, ${this["col-width"]||"1fr"});`;this.baseStyles=r.css`
+      slot {
+        ${e||""}
+        ${t||""}
+      }
+    `,this.$fastController.addStyles(this.baseStyles),this.$fastController.addBehaviors(this.behaviors)}disconnectedCallback(){super.disconnectedCallback(),this.$fastController.removeBehaviors(this.behaviors),this.$fastController.removeStyles(this.baseStyles)}}(0,n.__decorate)([r.attr],qi.prototype,"col-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-width",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-lg-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-lg-width",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-md-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-md-width",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-sm-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"col-sm-width",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-height",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-lg-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-lg-height",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-md-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-md-height",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-sm-count",void 0),(0,n.__decorate)([r.attr],qi.prototype,"row-sm-height",void 0);const Xi=qi.compose(Object.assign({baseName:"grid-layout",styles:ji,template:Vi,shadowOptions:Ui},Yi)),Zi=r.html`
+  <template>
+    <style>
+      :host {
+        width: 100%;
+        height: 100%;
+        ${e=>e.setGridItemProperties(e.colNumber,e.rowNumber,e.width,e.height)}
+      }
+
+      @media only screen and (min-width: 1025px) {
+        :host {
+          ${e=>e.setGridItemProperties(e.colLgNumber,e.rowLgNumber,e.widthLg,e.heightLg)}
+        }
+      }
+
+      @media only screen and (min-width: 641px) and (max-width: 1024px) {
+        :host {
+          ${e=>e.setGridItemProperties(e.colMdNumber,e.rowMdNumber,e.widthSm,e.heightMd)}
+        }
+      }
+
+      @media only screen and (max-width: 640px) {
+        :host {
+          ${e=>e.setGridItemProperties(e.colSmNumber,e.rowSmNumber,e.widthSm,e.heightSm)}
+        }
+      }
+    </style>
+    <slot></slot>
+  </template>
+`,Ki=void 0,Ji={};class Qi extends s.FoundationElement{setGridItemProperties(e,t,o,i){if(t&&e&&o&&i){return`grid-row: ${0===t||0===i?"auto":`${t} / ${Number(t)+Number(i)}`}; grid-column: ${0===e||0===o?"auto":`${e} / ${Number(e)+Number(o)}`}`}}}(0,n.__decorate)([(0,r.attr)({attribute:"col-number"})],Qi.prototype,"colNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"col-sm-number"})],Qi.prototype,"colSmNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"col-md-number"})],Qi.prototype,"colMdNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"col-lg-number"})],Qi.prototype,"colLgNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"row-number"})],Qi.prototype,"rowNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"row-sm-number"})],Qi.prototype,"rowSmNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"row-md-number"})],Qi.prototype,"rowMdNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"row-lg-number"})],Qi.prototype,"rowLgNumber",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"width"})],Qi.prototype,"width",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"width-sm"})],Qi.prototype,"widthSm",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"width-md"})],Qi.prototype,"widthMd",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"width-lg"})],Qi.prototype,"widthLg",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"height"})],Qi.prototype,"height",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"height-sm"})],Qi.prototype,"heightSm",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"height-md"})],Qi.prototype,"heightMd",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"height-lg"})],Qi.prototype,"heightLg",void 0);const ea=Qi.compose(Object.assign({baseName:"grid-layout-item",template:Zi,shadowOptions:Ki},Ji)),ta=r.html`
+  <template>
+    <i ${(0,r.ref)("iElement")} class=${e=>`fa-${e.variant} fa-${e.name} fa-${e.size}`}>
+      <slot></slot>
+    </i>
+  </template>
+`;var oa=o(6531),ia=o(3719),aa=o(8160),na=o(723);const ra=()=>(oa.vI.add(ia.mRB,aa.NCV,na.vnX),oa.vz.css()),sa=(e,t)=>r.css`
+  ${ra()}
+`,la={mode:"open",delegatesFocus:!0},da={};var ca;!function(e){e.solid="fas",e.regular="far",e.brand="fab"}(ca||(ca={}));class ua extends s.FoundationElement{constructor(){super(...arguments),this.variant="solid",this.size="sm"}variantChanged(e,t){t&&this.loadIcon()}nameChanged(e,t){t&&this.loadIcon()}sizeChanged(e,t){t&&this.loadIcon()}connectedCallback(){super.connectedCallback(),this.loadIcon()}disconnectedCallback(){super.disconnectedCallback(),this.iElement.replaceChildren()}loadIcon(){if(!this.iElement)return;const e=(0,oa.N)({prefix:ca[this.variant],iconName:this.name}),t=(0,oa.qv)(e);t&&t.node&&Array.from(t.node).map((e=>this.iElement.appendChild(e)))}}(0,n.__decorate)([r.observable],ua.prototype,"iElement",void 0),(0,n.__decorate)([r.attr],ua.prototype,"variant",void 0),(0,n.__decorate)([r.attr],ua.prototype,"name",void 0),(0,n.__decorate)([r.attr],ua.prototype,"size",void 0);const pa=ua.compose(Object.assign({baseName:"icon",template:ta,styles:sa,shadowOptions:la},da)),ha=(e,t)=>(0,s.listboxOptionTemplate)(e,t),ma=(e,t)=>r.css`
+  ${(0,m.optionStyles)(e,t)}
+`;class fa extends m.ListboxOption{}const ga=void 0,va={},ba=fa.compose(Object.assign({baseName:"option",template:ha,styles:ma,shadowOptions:ga},va)),ya=(e,t)=>(0,s.menuTemplate)(e,t),wa=(e,t)=>r.css`
+  ${(0,m.menuStyles)(e,t)}
+`;class xa extends m.Menu{}const Sa=void 0,Fa={},$a=xa.compose(Object.assign({baseName:"menu",template:ya,styles:wa,shadowOptions:Sa},Fa)),Da=(e,t)=>(0,s.menuItemTemplate)(e,t),Ca=(e,t)=>r.css`
+  ${(0,m.menuItemStyles)(e,t)}
+`;class _a extends m.MenuItem{connectedCallback(){super.connectedCallback(),this.addEventListener("click",(()=>this.$emit("onMenuClick")))}}const Oa=void 0,ka={expandCollapseGlyph:'\n    <svg \n      class="expand-collapse-glyph"\n      part="expand-collapse-glyph" \n      viewBox="0 0 16 16" \n      xmlns="http://www.w3.org/2000/svg">\n      <path\n        d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"\n      />\n    </svg>\n  '},Ta=_a.compose(Object.assign({baseName:"menu-item",template:Da,styles:Ca,shadowOptions:Oa},ka)),La=r.css`
+  ${Et}
+`,Ra=r.html`
+  ${Pt}
+`,Aa={mode:"open",delegatesFocus:!0},Ma={};class Na extends Bt{show(){this.onShowCallback&&this.onShowCallback(),this.mainElement.showModal()}}const Ea=Na.compose(Object.assign({baseName:"modal",styles:La,template:Ra,shadowOptions:Aa},Ma)),Ia=(e="foundation")=>r.html`
+  <label
+    part="label"
+    for="control"
+    class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"
+  >
+    <slot
+      ${(0,r.slotted)({property:"defaultSlottedNodes",filter:s.whitespaceFilter})}
+    ></slot>
+  </label>
+  <div class="root">
+    <div class="control">
+      <svg
+        ${(0,r.ref)("arrowIcon")}
+        @click=${e=>e.toggle()}
+        id="arrow-icon"
+        version="1.1"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        width="16px"
+        height="10px"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <g transform="matrix(1 0 0 1 -357 -108 )">
+          <path
+            d="M 15.839679358717452 7.564483924860394  C 15.94655978623915 7.670429077869895  16 7.792266003830264  16 7.929994702742739  C 16 8.06772340165439  15.94655978623915 8.189560327615172  15.839679358717452 8.295505480624673  L 15.038076152304509 9.090094128194075  C 14.93119572478281 9.196039281203163  14.808283233132897 9.249011857707707  14.669338677354567 9.249011857707707  C 14.53039412157644 9.249011857707707  14.407481629926528 9.196039281203163  14.300601202404827 9.090094128194075  L 8 2.84462735829865  L 1.6993987975951717 9.090094128194075  C 1.592518370073473 9.196039281203163  1.46960587842356 9.249011857707707  1.3306613226454322 9.249011857707707  C 1.1917167668671027 9.249011857707707  1.0688042752171896 9.196039281203163  0.9619238476954908 9.090094128194075  L 0.1603206412825481 8.295505480624673  C 0.05344021376084937 8.189560327615172  0 8.06772340165439  0 7.929994702742739  C 0 7.792266003830264  0.05344021376084937 7.670429077869895  0.1603206412825481 7.564483924860394  L 7.631262525050058 0.15891772951363237  C 7.738142952571757 0.05297257650454412  7.861055444221872 0  8 0  C 8.138944555778128 0  8.261857047428244 0.05297257650454412  8.368737474949942 0.15891772951363237  L 15.839679358717452 7.564483924860394  Z "
+            fill-rule="nonzero"
+            fill="white"
+            stroke="none"
+            transform="matrix(1 0 0 1 357 108 )"
+          />
+        </g>
+      </svg>
+      <input
+        readonly
+        type="text"
+        id="display-field"
+        :value="${e=>e.getDisplayValue}"
+        @click=${e=>e.toggle()}
+      />
+    </div>
+    <div ${(0,r.ref)("optionsElement")} class="options">
+      ${(0,r.when)((e=>e.search),r.html`
+          <${e}-text-field
+            id="filter-search"
+            placeholder="${e=>e.getPlaceholder}"
+            @input=${(e,t)=>e.setFilter(t.event)}
+            @change=${(e,t)=>e.changeHandler(t.event)}
+          ></${e}-text-field>
+        `)}
+      <div class="checkbox-container">
+        ${(0,r.when)((e=>e.all),r.html`
+            <${e}-checkbox
+              @click=${e=>e.selectCheckboxAll()}
+              @change=${(e,t)=>e.changeHandler(t.event)}
+              ?current-checked="${e=>e.isAllSelected}"
+            >
+              All ${e=>e.name}
+            </${e}-checkbox>
+          `)}
+        ${(0,r.repeat)((e=>e.filteredAvailableOptions),r.html`
+            <${e}-checkbox
+              @click=${(e,t)=>t.parent.selectCheckboxOne(e)}
+              @change=${(e,t)=>t.parent.changeHandler(t.event)}
+              ?current-checked="${(e,t)=>t.parent.isOptionSelected(e)}"
+            >
+              ${e=>e}
+            </${e}-checkbox>
+          `)}
+      </div>
+    </div>
+  </div>
+`,Pa=r.html`
+  ${Ia()}
+`,Ha=230,Ga=r.css`
+  .root {
+    position: relative;
+    width: inherit;
+  }
+
+  .control {
+    cursor: pointer;
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+
+  #display-field {
+    width: 100%;
+    cursor: pointer;
+    color: rgb(241 241 241);
+    min-height: 36px;
+    padding: 0 8px;
+    border-width: 0;
+    background: var(--neutral-fill-input-rest);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+
+  #display-field:focus {
+    outline: 1px solid var(--accent-fill-rest);
+    background: var(--neutral-fill-input-rest);
+    border-style: none;
+    box-shadow: none;
+  }
+
+  #display-field:hover:not(:focus) {
+    outline: 1px solid rgb(231 232 232);
+  }
+
+  button {
+    pointer-events: none;
+  }
+
+  #arrow-icon {
+    position: absolute;
+    left: calc(100% - 28px);
+    padding: 0;
+    cursor: pointer;
+    transform: rotate(180deg);
+    transition: transform 0.2s linear 0s;
+  }
+
+  #arrow-icon.flipped {
+    transform: rotate(0deg);
+  }
+
+  .options {
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    height: max-content;
+    overflow-y: hidden;
+    margin-top: 5px;
+    border: 1px solid rgba(46 51 57 / 100%);
+    border-radius: 4px;
+    background: var(--neutral-fill-input-rest);
+    width: 100%;
+    max-height: 0;
+    visibility: hidden;
+    transition: max-height 0.4s ease 0s, visibility 0.4s ease 0s;
+    z-index: 999;
+  }
+
+  .position-above {
+    bottom: 100%;
+  }
+
+  .checkbox-container {
+    display: flex;
+    flex-direction: column;
+    overflow-y: scroll;
+    scrollbar-width: thin;
+    scrollbar-color: rgb(46 48 53) rgb(31 33 38);
+  }
+
+  #filter-search {
+    padding: 5px;
+  }
+
+  ::-webkit-scrollbar {
+    width: 12px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: rgb(31 33 38);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    width: 8px;
+    border-radius: 10px;
+    box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);
+    background-color: rgb(46 48 53);
+    border: 3px solid rgb(31 33 38);
+  }
+
+  .visible {
+    visibility: visible;
+    max-height: ${Ha.toString()}px;
+  }
+
+  ::slotted(foundation-checkbox),
+  foundation-checkbox {
+    border-bottom: 1px solid rgb(46 48 52);
+    padding: 5px 0 5px 5px;
+    margin: 0;
+  }
+
+  ::slotted(foundation-checkbox:hover),
+  foundation-checkbox:hover {
+    background-color: rgb(45 47 51);
+    cursor: pointer;
+  }
+
+  ::slotted(foundation-checkbox)::part(label),
+  foundation-checkbox::part(label) {
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .label {
+    display: block;
+    cursor: pointer;
+    font-size: var(--type-ramp-base-font-size);
+    line-height: var(--type-ramp-base-line-height);
+    font-family: Roboto-Medium, sans-serif;
+    font-style: normal;
+    margin: calc(var(--design-unit) * 2px) 0;
+  }
+`;var Ba;!function(e){e.BELOW="below",e.ABOVE="above",e.DYNAMIC="dynamic"}(Ba||(Ba={}));const za=void 0,ja={};class Va extends s.FoundationElement{constructor(){super(...arguments),this.name="",this.all=!0,this.allSelected=!1,this.search=!0,this.clickOutside=e=>this.handleClickOutside(e),this.open=!1,this.options=[],this.selectedOptions=[],this.filteredAvailableOptions=[...this.options],this.position=Ba.BELOW,this.initialisedOptions=!1}openChanged(e,t){var o,i,a,n;t?(document.addEventListener("mousedown",this.clickOutside),null===(o=this.arrowIcon)||void 0===o||o.classList.add("flipped"),null===(i=this.optionsElement)||void 0===i||i.classList.add("visible")):(document.removeEventListener("mousedown",this.clickOutside),null===(a=this.arrowIcon)||void 0===a||a.classList.remove("flipped"),null===(n=this.optionsElement)||void 0===n||n.classList.remove("visible"))}connectedCallback(){var e;super.connectedCallback(),this.position===Ba.ABOVE&&(null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"))}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("mousedown",this.clickOutside)}optionsChanged(){this.allSelected&&!this.initialisedOptions&&(this.selectedOptions=[...this.options]),this.filteredAvailableOptions=[...this.options]}selectedOptionsChanged(){this.$fastController.isConnected&&(this.initialisedOptions=!0)}toggle(){this.open||this.position!==Ba.DYNAMIC||this.setDropdownPosition(),this.open=!this.open}setDropdownPosition(){var e,t;(this.scrollContainer||this.parentElement).clientHeight-(this.offsetTop-(this.scrollContainer||this.parentElement).scrollTop)<Ha+this.offsetHeight?null===(e=this.optionsElement)||void 0===e||e.classList.add("position-above"):null===(t=this.optionsElement)||void 0===t||t.classList.remove("position-above")}get getDisplayValue(){let e="";switch(this.selectedOptions.length){case 0:e=this.getPlaceholder;break;case 1:e=this.selectedOptions[0]||"";break;case this.options.length:e=`All ${this.name}`.trim();break;default:e=`${this.selectedOptions.length} Selected`}return e}get getPlaceholder(){return`Search ${this.name}`.trim().concat("...")}get isAllSelected(){return this.selectedOptions.length===this.options.length}isOptionSelected(e){return this.selectedOptions.includes(e)}selectCheckboxOne(e){const t=e;this.selectedOptions.includes(t)?(this.selectedOptions=[...this.selectedOptions],this.selectedOptions.splice(this.selectedOptions.indexOf(t),1)):this.selectedOptions=[...this.selectedOptions,t],this.$emit("selectionChange",this.selectedOptions)}selectCheckboxAll(){const e=this.selectedOptions.length===this.options.length;this.selectedOptions=e?[]:[...this.options],this.onAllSelectedCallback&&this.onAllSelectedCallback(!e),this.$emit("selectionChange",this.selectedOptions)}setFilter(e){this.filteredAvailableOptions=[...this.options.filter((t=>{const o=e.currentTarget;return t.toLowerCase().startsWith(o.value.toLowerCase())}))]}changeHandler(e){e.preventDefault(),e.stopImmediatePropagation()}handleClickOutside(e){so(e,this)&&(this.open=!1)}}(0,n.__decorate)([r.attr],Va.prototype,"name",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],Va.prototype,"all",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],Va.prototype,"allSelected",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],Va.prototype,"search",void 0),(0,n.__decorate)([r.observable],Va.prototype,"defaultSlottedNodes",void 0),(0,n.__decorate)([r.observable],Va.prototype,"open",void 0),(0,n.__decorate)([r.observable],Va.prototype,"options",void 0),(0,n.__decorate)([r.observable],Va.prototype,"selectedOptions",void 0),(0,n.__decorate)([r.observable],Va.prototype,"filteredAvailableOptions",void 0),(0,n.__decorate)([r.observable],Va.prototype,"scrollContainer",void 0),(0,n.__decorate)([r.observable],Va.prototype,"position",void 0),(0,n.__decorate)([r.observable],Va.prototype,"onAllSelectedCallback",void 0),(0,n.__decorate)([r.volatile],Va.prototype,"getDisplayValue",null),(0,n.__decorate)([r.volatile],Va.prototype,"getPlaceholder",null),(0,n.__decorate)([r.volatile],Va.prototype,"isAllSelected",null);const Ua=Va.compose(Object.assign({baseName:"multiselect",template:Pa,styles:Ga,shadowOptions:za},ja)),Ya=(e,t)=>r.html`
+  ${(0,s.numberFieldTemplate)(e,t)}
+`,Wa=(e,t)=>r.css`
+  ${(0,m.numberFieldStyles)(e,t)}
+  ::part(label) {
+    color: var(--neutral-foreground-rest);
+  }
+
+  fast-text-field {
+    display: unset;
+  }
+
+  .controls {
+    margin-bottom: auto;
+    margin-inline-end: 5px;
+    margin-top: auto;
+  }
+
+  .step-down,
+  .step-up {
+    display: block;
+    fill: var(--neutral-foreground-rest);
+  }
+
+  .step-down-glyph,
+  .step-up-glyph {
+    padding: unset;
+  }
+
+  ::part(end) {
+    margin-inline-end: unset;
+  }
+`;class qa extends m.NumberField{constructor(){super(...arguments),this.hideStep=!1,this.value="",this.withFormatting=!1,this.isStepChange=!1}sanitiseInputVal(e){return e.replace(/[^0-9\-+.]|\b[-+]|[.]{2,}$/g,"")}toIntlNumberFormat(e){return Intl.NumberFormat().format(Number(e.replace(/,/g,"")))}validateValue(e){var t,o;let i=parseFloat(parseFloat(this.sanitiseInputVal(e)).toPrecision(12));return isNaN(i)?i="":(i=Math.min(i,null!==(t=this.max)&&void 0!==t?t:i),i=Math.max(i,null!==(o=this.min)&&void 0!==o?o:i).toString()),i.toLocaleString()}handleStepChange(){this.isStepChange=!0,this.value=this.sanitiseInputVal(this.value),this.isStepChange=!1}stepUp(){this.handleStepChange(),super.stepUp()}stepDown(){this.handleStepChange(),super.stepDown()}valueChanged(e,t){if(!this.isStepChange)if(this.withFormatting){const e=/^(?![\s\S])|^-$|\.0*$/g;this.value=e.test(t)?t:this.toIntlNumberFormat(this.validateValue(t))}else super.valueChanged(e,this.value)}}(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],qa.prototype,"hideStep",void 0),(0,n.__decorate)([r.attr],qa.prototype,"value",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],qa.prototype,"withFormatting",void 0);const Xa={delegatesFocus:!0,mode:"open"},Za={stepDownGlyph:'\n    <svg class="step-down-glyph" viewBox="0 0 24 24" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg">\n      <path d="M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z"/>\n    </svg>\n  ',stepUpGlyph:'\n    <svg class="step-up-glyph" viewBox="0 0 24 24" width="1rem" height="1rem" xmlns="http://www.w3.org/2000/svg">\n      <path d="M6.1018 16.9814C5.02785 16.9814 4.45387 15.7165 5.16108 14.9083L10.6829 8.59762C11.3801 7.80079 12.6197 7.80079 13.3169 8.59762L18.8388 14.9083C19.5459 15.7165 18.972 16.9814 17.898 16.9814H6.1018Z"/>\n    </svg>\n  '},Ka=qa.compose(Object.assign({baseName:"number-field",template:Ya,styles:Wa,shadowOptions:Xa},Za)),Ja=(e,t)=>(0,s.progressTemplate)(e,t),Qa=(e,t)=>r.css`
+  ${(0,m.progressStyles)(e,t)}
+  :host {
+    height: calc(var(--design-unit) * 2px);
+  }
+`;class en extends m.Progress{}const tn=void 0,on={indeterminateIndicator1:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>',indeterminateIndicator2:'<span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>'},an=en.compose(Object.assign({baseName:"progress",template:Ja,styles:Qa,shadowOptions:tn},on));var nn=o(7928);const rn={toView:e=>JSON.stringify(e),fromView:e=>null==e?e:JSON.parse(e)};class sn extends s.FoundationElement{constructor(){super(...arguments),this.show=!1,this.event="click",this.placement="bottom",this.flip=!1}selectorChanged(e,t){t!==e&&(this.popper&&this.popper.destroy(),this.target&&this.target.removeEventListener(this.event,this.toggle.bind(this)),this.target=this.getRootNode().querySelector(this.selector),this.target.addEventListener(this.event,this.toggle.bind(this)),this.popper=(0,nn.fi)(this.target,this,this.buildOptions()))}placementChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}offsetChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}flipChanged(){this.popper&&this.popper.setOptions(this.buildOptions())}buildOptions(){return{placement:this.placement,modifiers:[{name:"offset",options:{offset:this.offset||[0,0]}},{name:"flip",enabled:this.flip}]}}toggle(){this.show=!this.show}disconnectedCallback(){super.disconnectedCallback(),this.popper&&(this.popper.destroy(),this.popper=null)}}(0,n.__decorate)([r.attr],sn.prototype,"selector",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],sn.prototype,"show",void 0),(0,n.__decorate)([r.attr],sn.prototype,"event",void 0),(0,n.__decorate)([r.attr],sn.prototype,"placement",void 0),(0,n.__decorate)([(0,r.attr)({converter:rn})],sn.prototype,"offset",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],sn.prototype,"flip",void 0);const ln=r.css`
+  :host {
+    display: none;
+    inset: unset !important;
+    transform: unset !important;
+  }
+
+  :host([show]) {
+    display: block;
+  }
+`,dn=r.html`
+  <template>
+    <slot></slot>
+  </template>
+`,cn=sn.compose({baseName:"popper",styles:ln,template:dn}),un=(e,t)=>(0,s.progressRingTemplate)(e,t),pn=(e,t)=>r.css`
+  ${(0,m.progressRingStyles)(e,t)}
+`;class hn extends m.Progress{}const mn=void 0,fn={indeterminateIndicator:'\n  <svg class="progress" part="progress" viewBox="0 0 16 16">\n    <circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>\n    <circle class="indeterminate-indicator-1" part="indeterminate-indicator-1" cx="8px" cy="8px" r="7px"></circle>\n  </svg>\n  '},gn=hn.compose(Object.assign({baseName:"progress-ring",template:un,styles:pn,shadowOptions:mn},fn)),vn=(e,t)=>(0,s.radioTemplate)(e,t),bn=(e,t)=>r.css`
+  ${(0,m.radioStyles)(e,t)}
+`;class yn extends m.Radio{}const wn=void 0,xn={checkedIndicator:'\n    <div part="checked-indicator" class="checked-indicator"></div>\n  '},Sn=yn.compose(Object.assign({baseName:"radio",template:vn,styles:bn,shadowOptions:wn},xn)),Fn=(e,t)=>(0,s.radioGroupTemplate)(e,t),$n=(e,t)=>r.css`
+  ${(0,m.radioGroupStyles)(e,t)}
+`;class Dn extends m.RadioGroup{}const Cn=void 0,_n={},On=Dn.compose(Object.assign({baseName:"radio-group",template:Fn,styles:$n,shadowOptions:Cn},_n)),kn=(e,t)=>(0,s.radioGroupTemplate)(e,t),Tn=(e,t)=>r.css`
+  ${(0,m.radioGroupStyles)(e,t)}
+  ::slotted(foundation-segmented-item:first-of-type) {
+    border-radius: calc(var(--control-corner-radius) * 1px) 0 0
+      calc(var(--control-corner-radius) * 1px);
+    border-right-width: 0;
+  }
+
+  ::slotted(foundation-segmented-item:last-of-type) {
+    border-radius: 0 calc(var(--control-corner-radius) * 1px)
+      calc(var(--control-corner-radius) * 1px) 0;
+    border-left-width: 0;
+  }
+`;class Ln extends s.RadioGroup{}const Rn=void 0,An={},Mn=Ln.compose(Object.assign({baseName:"segmented-control",template:kn,styles:Tn,shadowOptions:Rn},An)),Nn=(e,t)=>r.html`
+  <template
+    role="radio"
+    aria-checked="${e=>e.checked}"
+    aria-required="${e=>e.required}"
+    aria-disabled="${e=>e.disabled}"
+    aria-readonly="${e=>e.readOnly}"
+    @keypress="${(e,t)=>e.keypressHandler(t.event)}"
+    @click="${(e,t)=>e.clickHandler(t.event)}"
+  >
+    <span>
+      <slot></slot>
+    </span>
+  </template>
+`,En=(e,t)=>r.css`
+  ${(0,m.radioStyles)(e,t)}
+  :host {
+    padding: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 4px);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+    cursor: pointer;
+  }
+
+  :host([aria-checked='true']) {
+    background: var(--accent-foreground-rest);
+  }
+`;class In extends m.Radio{}const Pn=void 0,Hn={},Gn=In.compose(Object.assign({baseName:"segmented-item",template:Nn,styles:En,shadowOptions:Pn},Hn)),Bn=(e,t)=>(0,s.selectTemplate)(e,t),zn=(e,t)=>r.css`
+  ${(0,m.selectStyles)(e,t)}
+`;class jn extends m.Select{}const Vn=void 0,Un={indicator:'\n        <svg\n            class="select-indicator"\n            part="select-indicator"\n            viewBox="0 0 12 7"\n            xmlns="http://www.w3.org/2000/svg"\n        >\n            <path\n                d="M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z"\n            />\n        </svg>\n    '},Yn=jn.compose(Object.assign({baseName:"select",template:Bn,styles:zn,shadowOptions:Vn},Un)),Wn=(e,t)=>(0,s.skeletonTemplate)(e,t),qn=(e,t)=>r.css`
+  ${(0,m.skeletonStyles)(e,t)}
+`;class Xn extends m.Skeleton{}const Zn=void 0,Kn={},Jn=Xn.compose(Object.assign({baseName:"skeleton",template:Wn,styles:qn,shadowOptions:Zn},Kn)),Qn=r.css`
+  @keyframes append-animate {
+    from {
+      transform: translateX(100%);
+      opacity: 0%;
+    }
+
+    to {
+      transform: translateX(0%);
+      opacity: 100%;
+    }
+  }
+
+  @keyframes delete-animate {
+    from {
+      transform: translateX(0%);
+      opacity: 100%;
+    }
+
+    to {
+      transform: translateX(100%);
+      opacity: 0%;
+    }
+  }
+
+  :host {
+    --snackbar-min-width: 356px;
+    --snackbar-min-height: 55px;
+    --snackbar-max-width: 496px;
+    --snackbar-max-height: 55px;
+  }
+
+  .snackbar {
+    animation: append-animate 0.3s linear;
+    max-width: var(--snackbar-max-width);
+    min-width: var(--snackbar-min-width);
+    max-height: var(--snackbar-max-height);
+    background-color: var(--fill-color);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border-width: thin;
+    border-color: var(--neutral-fill-rest);
+    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);
+    box-sizing: border-box;
+    display: flex;
+    position: fixed;
+    bottom: 5px;
+    flex-direction: row;
+    padding: 2px 16px;
+  }
+
+  .snackbar-delete {
+    animation: delete-animate 0.3s linear;
+    opacity: 0%;
+  }
+
+  .snackbar::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 0;
+    height: calc(100% - 2px);
+    width: 2px;
+    border-radius: 2px;
+  }
+
+  .content {
+    display: flex;
+    align-items: center;
+    flex: 2;
+    font-size: 12px;
+    overflow: hidden;
+  }
+
+  .action {
+    display: flex;
+    flex-direction: row-reverse;
+    align-items: center;
+    gap: 10px;
+    flex: 1;
+    overflow: hidden;
+  }
+`,er=r.html`
+  <div class="snackbar ${e=>e.deleteAnimation}" ${(0,r.ref)("snackbar")}>
+    <div part="content" class="content">
+      <div>${e=>{var t;return(null===(t=e.error)||void 0===t?void 0:t.errorDetails)||"Place holder for error message"}}</div>
+    </div>
+    <div part="action" class="action">
+      ${(0,r.repeat)((e=>{var t,o,i;return null===(i=null===(o=null===(t=e.error)||void 0===t?void 0:t.config)||void 0===o?void 0:o.snackbar)||void 0===i?void 0:i.confirmingActions}),r.html`
+          <foundation-button
+            slot="action"
+            appearance="lightweight"
+            @click=${(e,t)=>{var o;null==e||e.action(),null===(o=t.parent)||void 0===o||o.dismiss()}}
+          >
+            ${e=>e.label}
+          </foundation-button>
+        `)}
+    </div>
+  </div>
+`,tr={mode:"open",delegatesFocus:!0};class or extends s.FoundationElement{constructor(){super(...arguments),this.deleteAnimation="",this.closeTimeout=1e4,this.autoClose=!0,this.type=""}connectedCallback(){super.connectedCallback(),this.autoClose&&setTimeout((()=>{this.deleteAnimation="snackbar-delete",this.snackbar.onanimationend=()=>{this.dismiss()}}),this.closeTimeout)}errorChanged(e,t){var o,i,a;this.type=null!==(a=null===(i=null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.snackbar)||void 0===i?void 0:i.type)&&void 0!==a?a:""}dismiss(){this.remove()}}(0,n.__decorate)([r.observable],or.prototype,"error",void 0),(0,n.__decorate)([r.observable],or.prototype,"deleteAnimation",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"close-timeout"})],or.prototype,"closeTimeout",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"auto-close"})],or.prototype,"autoClose",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"type"})],or.prototype,"type",void 0);const ir=or.compose({baseName:"snackbar",styles:Qn,template:er,shadowOptions:tr}),ar=(e,t)=>r.html`
+  <template
+    role="slider"
+    class="${e=>e.readOnly?"readonly":""}
+      ${e=>e.orientation||l.Orientation.horizontal}"
+    tabindex="${e=>e.disabled?null:0}"
+    aria-valuetext="${e=>e.valueTextFormatter(e.value)}"
+    aria-valuenow="${e=>e.value}"
+    aria-valuemin="${e=>e.min}"
+    aria-valuemax="${e=>e.max}"
+    aria-disabled="${e=>!!e.disabled||void 0}"
+    aria-readonly="${e=>!!e.readOnly||void 0}"
+    aria-orientation="${e=>e.orientation}"
+    class="${e=>e.orientation}"
+  >
+    <div part="positioning-region" class="positioning-region">
+      <div ${(0,r.ref)("track")} part="track-container" class="track">
+        <div
+          class="track-progress"
+          style="${e=>{const t=1-(0,l.limit)(0,1,(parseInt(e.value)-e.min)/(e.max-e.min)),o=Math.round(100*(1-t));return"horizontal"===e.orientation?e.isDragging?`height: calc(var(--track-width) * 1px); width: ${o}%;`:`height: calc(var(--track-width) * 1px); width: ${o}%; transition: all 0.2s ease;`:e.isDragging?`width: calc(var(--track-width) * 1px); height: ${o}%;`:`width: calc(var(--track-width) * 1px); height: ${o}%; transition: all 0.2s ease;`}}"
+        ></div>
+      </div>
+      <slot></slot>
+      <div
+        ${(0,r.ref)("thumb")}
+        part="thumb-container"
+        class="thumb-container"
+        style="${e=>e.position}"
+      >
+        <slot name="thumb">${t.thumb||""}</slot>
+      </div>
+    </div>
+  </template>
+`,nr=(e,t)=>r.css`
+  ${(0,m.sliderStyles)(e,t)}
+  .track-progress {
+    background-color: var(--accent-fill-rest);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+`;class rr extends m.Slider{}const sr=void 0,lr={thumb:'\n    <div class="thumb-cursor"></div>\n  '},dr=rr.compose(Object.assign({baseName:"slider",template:ar,styles:nr,shadowOptions:sr},lr)),cr=(e,t)=>(0,s.switchTemplate)(e,t),ur=(e,t)=>r.css`
+  ${(0,m.switchStyles)(e,t)}
+  .checked-indicator {
+    transform: scale(1.3);
+  }
+
+  .switch {
+    border-radius: calc(var(--control-corner-radius) * 3px);
+  }
+
+  .checked-indicator {
+    border-radius: calc(var(--control-corner-radius) * 2px);
+  }
+`;class pr extends m.Switch{}const hr=void 0,mr={switch:'<div class="checked-indicator" part="checked-indicator"></div>'},fr=pr.compose(Object.assign({baseName:"switch",template:cr,styles:ur,shadowOptions:hr},mr)),gr=(e,t)=>(0,s.tabTemplate)(e,t),vr=(e,t)=>r.css`
+  ${(0,m.tabStyles)(e,t)}
+`;class br extends m.Tab{}const yr=void 0,wr={},xr=br.compose(Object.assign({baseName:"tab",template:gr,styles:vr,shadowOptions:yr},wr)),Sr=(e,t)=>(0,s.tabPanelTemplate)(e,t),Fr=(e,t)=>r.css`
+  ${(0,m.tabPanelStyles)(e,t)}
+`;class $r extends m.TabPanel{}const Dr=void 0,Cr={},_r=$r.compose(Object.assign({baseName:"tab-panel",template:Sr,styles:Fr,shadowOptions:Dr},Cr)),Or=(e,t)=>(0,s.tabsTemplate)(e,t),kr=(e,t)=>r.css`
+  ${(0,m.tabsStyles)(e,t)}
+`;class Tr extends m.Tabs{}const Lr=void 0,Rr={},Ar=Tr.compose(Object.assign({baseName:"tabs",template:Or,styles:kr,shadowOptions:Lr},Rr)),Mr=(e,t)=>(0,s.textAreaTemplate)(e,t),Nr=(e,t)=>r.css`
+  ${(0,m.textAreaStyles)(e,t)}
+  :host .control {
+    padding: calc(var(--design-unit) * 3px);
+  }
+`;class Er extends m.TextArea{}const Ir=void 0,Pr={},Hr=Er.compose(Object.assign({baseName:"text-area",template:Mr,styles:Nr,shadowOptions:Ir},Pr)),Gr=(e,t)=>r.html`
+  <template
+    class="
+            ${e=>e.readOnly?"readonly":""}
+        "
+  >
+    <label
+      part="label"
+      for="${e=>e.id?e.id:"control"}"
+      class="${e=>e.defaultSlottedNodes&&e.defaultSlottedNodes.length?"label":"label label__hidden"}"
+    >
+      <slot ${(0,r.slotted)({property:"defaultSlottedNodes",filter:s.whitespaceFilter})}></slot>
+    </label>
+    <div class="root" part="root">
+      ${(0,s.startSlotTemplate)(e,t)}
+      <input
+        name="${e=>e.name}"
+        autocomplete="${e=>e.autocomplete}"
+        autocapitalize="${e=>e.autocapitalize}"
+        id="${e=>e.id?e.id:"control"}"
+        class="control"
+        part="control"
+        @input="${e=>e.handleTextInput()}"
+        @change="${e=>e.handleChange()}"
+        step="${e=>e.step}"
+        ?autofocus="${e=>e.autofocus}"
+        ?disabled="${e=>e.disabled}"
+        list="${e=>e.list}"
+        maxlength="${e=>e.maxlength}"
+        minlength="${e=>e.minlength}"
+        pattern="${e=>e.pattern}"
+        placeholder="${e=>e.placeholder}"
+        ?readonly="${e=>e.readOnly}"
+        ?required="${e=>e.required}"
+        size="${e=>e.size}"
+        ?spellcheck="${e=>e.spellcheck}"
+        :value="${e=>e.value}"
+        type="${e=>e.type}"
+        aria-atomic="${e=>e.ariaAtomic}"
+        aria-busy="${e=>e.ariaBusy}"
+        aria-controls="${e=>e.ariaControls}"
+        aria-current="${e=>e.ariaCurrent}"
+        aria-describedby="${e=>e.ariaDescribedby}"
+        aria-details="${e=>e.ariaDetails}"
+        aria-disabled="${e=>e.ariaDisabled}"
+        aria-errormessage="${e=>e.ariaErrormessage}"
+        aria-flowto="${e=>e.ariaFlowto}"
+        aria-haspopup="${e=>e.ariaHaspopup}"
+        aria-hidden="${e=>e.ariaHidden}"
+        aria-invalid="${e=>e.ariaInvalid}"
+        aria-keyshortcuts="${e=>e.ariaKeyshortcuts}"
+        aria-label="${e=>e.ariaLabel}"
+        aria-labelledby="${e=>e.ariaLabelledby}"
+        aria-live="${e=>e.ariaLive}"
+        aria-owns="${e=>e.ariaOwns}"
+        aria-relevant="${e=>e.ariaRelevant}"
+        aria-roledescription="${e=>e.ariaRoledescription}"
+        ${(0,r.ref)("control")}
+      />
+      ${(0,s.endSlotTemplate)(e,t)}
+    </div>
+  </template>
+`,Br=(e,t)=>r.css`
+  ${(0,m.textFieldStyles)(e,t)}
+
+  input {
+    color-scheme: ${po.activeColorScheme};
+  }
+`;class zr extends m.TextField{constructor(){super(...arguments),this.autocapitalize="off"}autocompleteChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autocomplete=this.autocomplete)}autocapitalizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autocapitalize=this.autocapitalize)}}(0,n.__decorate)([r.attr],zr.prototype,"autocomplete",void 0),(0,n.__decorate)([r.attr],zr.prototype,"autocapitalize",void 0),(0,n.__decorate)([r.attr],zr.prototype,"step",void 0);const jr={mode:"open",delegatesFocus:!0},Vr={},Ur=zr.compose(Object.assign({baseName:"text-field",template:Gr,styles:Br,shadowOptions:jr},Vr)),Yr=r.css`
+  @keyframes append-animate {
+    from {
+      transform: translateX(100%);
+      opacity: 0%;
+    }
+
+    to {
+      transform: translateX(0%);
+      opacity: 100%;
+    }
+  }
+
+  @keyframes delete-animate {
+    from {
+      transform: translateX(0%);
+      opacity: 100%;
+    }
+
+    to {
+      transform: translateX(100%);
+      opacity: 0%;
+    }
+  }
+
+  :host {
+    --toast-min-width: 356px;
+    --toast-min-height: 128px;
+    --toast-max-width: 356px;
+    --toast-max-height: 272px;
+  }
+
+  .toast {
+    animation: append-animate 0.3s linear;
+    max-width: var(--toast-max-width);
+    min-width: var(--toast-min-width);
+    background-color: var(--fill-color);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border-width: thin;
+    border-color: var(--neutral-fill-rest);
+    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
+    display: flex;
+    position: relative;
+    flex-direction: row;
+    padding: 8px 8px 8px 15px;
+    margin: 5px;
+  }
+
+  .toast-delete {
+    animation: delete-animate 0.3s linear;
+    opacity: 0%;
+  }
+
+  .toast::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 5px;
+    height: calc(100% - 10px);
+    width: 4px;
+    border-radius: 2px;
+    background-color: red;
+  }
+
+  .content-wrapper {
+    height: fit-content;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: stretch;
+  }
+
+  .bottom {
+    width: 70%;
+  }
+
+  .top {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .content {
+    width: 85%;
+    font-size: 12px;
+  }
+
+  .date {
+    color: var(--neutral-foreground-hint);
+    font-size: 12px;
+    margin: 0 0 5px;
+  }
+
+  .close-icon svg {
+    cursor: pointer;
+  }
+`,Wr=r.html`
+  <div class="toast ${e=>e.deleteAnimation}" ${(0,r.ref)("toast")}>
+    <div class="content-wrapper">
+      <div part="top" class="top">
+        <slot name="top"></slot>
+        <div class="close-icon" @click=${e=>e.close()}>${It()}</div>
+      </div>
+      <div part="content" class="content">
+        <slot name="content"></slot>
+      </div>
+      <div part="date" class="date">
+        <slot name="date"></slot>
+      </div>
+      <div part="bottom" class="bottom">
+        <slot name="bottom"></slot>
+      </div>
+    </div>
+  </div>
+`,qr={mode:"open",delegatesFocus:!0},Xr={};class Zr extends s.FoundationElement{constructor(){super(...arguments),this.deleteAnimation="",this.closeTimeout=1e4,this.autoClose=!1}connectedCallback(){super.connectedCallback(),this.autoClose&&setTimeout((()=>{this.deleteAnimation="toast-delete",this.toast.onanimationend=()=>{this.remove()}}),this.closeTimeout)}close(){this.remove()}}(0,n.__decorate)([r.observable],Zr.prototype,"deleteAnimation",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"close-timeout"})],Zr.prototype,"closeTimeout",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"auto-close"})],Zr.prototype,"autoClose",void 0);const Kr=Zr.compose(Object.assign({baseName:"toast",styles:Yr,template:Wr,shadowOptions:qr},Xr)),Jr=(e,t)=>(0,s.toolbarTemplate)(e,t),Qr=(e,t)=>r.css`
+  ${(0,m.toolbarStyles)(e,t)}
+`;class es extends m.Toolbar{}const ts=void 0,os={},is=es.compose(Object.assign({baseName:"toolbar",template:Jr,styles:Qr,shadowOptions:ts},os)),as=(e,t)=>(0,s.tooltipTemplate)(e,t),ns=(e,t)=>r.css`
+  ${(0,m.tooltipStyles)(e,t)}
+`;class rs extends m.Tooltip{}const ss=void 0,ls={},ds=rs.compose(Object.assign({baseName:"tooltip",template:as,styles:ns,shadowOptions:ss},ls)),cs=(e,t)=>(0,s.treeItemTemplate)(e,t),us=(e,t)=>r.css`
+  ${(0,m.treeItemStyles)(e,t)}
+  :host {
+    --focus-stroke-width: 0;
+    --tree-item-nested-width: 1em;
+  }
+
+  :host([selected])::after {
+    height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) * 1px);
+    width: 5px;
+    top: 0;
+    border-radius: 0;
+  }
+
+  .positioning-region {
+    height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) * 1px);
+  }
+`;class ps extends m.TreeItem{}const hs=void 0,ms={expandCollapseGlyph:'\n  <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="expand-collapse-glyph">\n    <path d="M5.00001 12.3263C5.00124 12.5147 5.05566 12.699 5.15699 12.8578C5.25831 13.0167 5.40243 13.1437 5.57273 13.2242C5.74304 13.3047 5.9326 13.3354 6.11959 13.3128C6.30659 13.2902 6.4834 13.2152 6.62967 13.0965L10.8988 8.83532C11.0739 8.69473 11.2153 8.51658 11.3124 8.31402C11.4096 8.11146 11.46 7.88966 11.46 7.66499C11.46 7.44033 11.4096 7.21853 11.3124 7.01597C11.2153 6.81341 11.0739 6.63526 10.8988 6.49467L6.62967 2.22347C6.48274 2.10422 6.30501 2.02912 6.11712 2.00691C5.92923 1.9847 5.73889 2.01628 5.56823 2.09799C5.39757 2.17969 5.25358 2.30817 5.153 2.46849C5.05241 2.62882 4.99936 2.8144 5.00001 3.00369V12.3263Z"></path>\n  </svg>'},fs=ps.compose(Object.assign({baseName:"tree-item",template:cs,styles:us,shadowOptions:hs},ms)),gs=(e,t)=>(0,s.treeViewTemplate)(e,t),vs=(e,t)=>r.css`
+  ${(0,m.treeViewStyles)(e,t)}
+`;class bs extends s.TreeView{}const ys=void 0,ws={},xs=bs.compose(Object.assign({baseName:"tree-view",template:gs,styles:vs,shadowOptions:ys},ws)),Ss=r.html`
+  <div class="container" value=${e=>e.value}>
+    <fast-text-field
+      class="url-input"
+      required
+      type="url"
+      :value=${e=>e.focused&&!e.readOnly?e.value:""}
+      @blur=${(e,t)=>{var o;return e.readOnly?"":e.saveUrl(null===(o=t.event)||void 0===o?void 0:o.target.value)}}
+      @focus=${e=>e.focus()}
+      :readOnly=${e=>e.readOnly}
+      }
+    ></fast-text-field>
+    ${(0,r.when)((e=>e.readOnly||!e.focused),r.html`
+        <a class="url-input-link" href=${e=>e.value} target="_blank">${e=>e.value}</a>
+      `)}
+  </div>
+`,Fs=(e,t)=>r.css`
+  .container {
+    position: relative;
+    width: 100%;
+  }
+
+  .url-input {
+    position: relative;
+    width: 100%;
+  }
+
+  .url-input-link {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    max-width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`,$s=void 0,Ds={};class Cs extends m.TextField{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,n.__decorate)([r.observable],Cs.prototype,"value",void 0),(0,n.__decorate)([r.observable],Cs.prototype,"focused",void 0);const _s=Cs.compose(Object.assign({baseName:"url-input",template:Ss,styles:Fs,shadowOptions:$s},Ds)),Os={foundationActionsMenu:h,foundationAnchor:w,foundationBadge:C,foundationBanner:L,foundationBreadcrumbItem:I,foundationBreadcrumb:j,foundationButton:X,foundationCard:te,foundationCheckbox:se,foundationCombobox:he,foundationConnectionIndicator:be,foundationDataGrid:$e,foundationDataGridCell:ke,foundationDataGridRow:Me,foundationDatePicker:We,foundationDesignSystemProvider:Mt,foundationDialog:jt,foundationDisclosure:Xt,foundationDivider:to,foundationDropdownMenu:co,foundationErrorBoundary:Do,foundationErrorBanner:go,foundationErrorDialog:Lo,foundationFileUpload:Ko,foundationFilter:ci,foundationFilterBar:yi,foundationFlexLayout:_i,foundationFlipper:Ai,foundationFlyout:Gi,foundationGridLayout:Xi,foundationGridLayoutItem:ea,foundationIcon:pa,foundationListboxOption:ba,foundationMenu:$a,foundationMenuItem:Ta,foundationModal:Ea,foundationMultiselect:Ua,foundationNumberField:Ka,foundationProgress:an,foundationPopper:cn,foundationProgressRing:gn,foundationRadio:Sn,foundationRadioGroup:On,foundationSegmentedControl:Mn,foundationSegmentedItem:Gn,foundationSelect:Yn,foundationSkeleton:Jn,foundationSlider:dr,foundationSnackbar:ir,foundationSwitch:fr,foundationTab:xr,foundationTabPanel:_r,foundationTabs:Ar,foundationTextArea:Hr,foundationTextField:Ur,foundationToast:Kr,foundationToolbar:is,foundationTooltip:ds,foundationTreeItem:fs,foundationTreeView:xs,foundationUrlInput:_s,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};function ks(e){return new Proxy(e,{get:(e,t,...o)=>{if(["withPrefix","withShadowRootMode","withElementDisambiguation"].includes(t))throw new Error("Modification of the Design System is not allowed.");return Reflect.get(e,t,...o)}})}const Ts=(e,t="foundation")=>{e&&yt(i,a,e);return ks(s.DesignSystem.getOrCreate(e).withPrefix(t))};class Ls extends r.CSSDirective{constructor(e){super(),this.tokenMap=e}createTokenPartial(e,t){return r.cssPartial`${e}: ${t}`}createTokensCSS(){const e=[];for(const[t,o]of Object.entries(this.tokenMap))e.push(this.createTokenPartial(t,o).createCSS());return e}createCSS(){return this.createTokensCSS().join(";")}}var Rs=o(1857);class As extends s.FoundationElement{constructor(){super(...arguments),this.withGridInit=!0,this.isSnapshot=!1,this.maxRows=me.DatasourceDefaults.MAX_ROWS_250,this.maxView=me.DatasourceDefaults.MAX_VIEW_1000,this.reverse=!1,this.rowId="ROW_REF",this.withTimestampFormatting=!0,this.requiresFullDataRefresh=!0,this.rowsSyncedWithStream=new Map,this.dataSubWasLoggedOff=!1,this.criteriaFromFilters=new Map,this.update=new Rs.X(new Map)}disconnectedCallback(){super.disconnectedCallback(),this.clearData()}reset(){this.requiresFullDataRefresh=!0,this.fetchGenesisData()}fetchGenesisData(e=!0){return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.data)return void this.syncComponentData(this.data);const t=e||!this.datasource.initialized;t||(this.connect.dataLogoff(this.sourceRef),this.clearData());if(yield this.datasource.init(this.datasourceOptions(),t))if(this.isSnapshot){const e=yield this.datasource.snapshotFiltered();this.syncComponentData(e)}else ho.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.subscribe((e=>{this.sourceRef=e.SOURCE_REF;const t=e.MESSAGE_TYPE;if(t&&t===me.MessageType.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const t=this.filterRows(e);this.handleStreamUpdate(t)}else this.handleStreamUpdate(e)}));else ho.debug(`Genesis Datasource init failed for ${this.resourceName}`)}))}initDatasource(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){yield this.datasource.init(this.datasourceOptions(),!0)}))}filterRows(e){const t=e=>{const t=Object.assign(Object.assign({},e),{[this.rowId]:e.DETAILS[this.rowId]});return delete t.DETAILS,t},o=[],i=[],a=[];for(const n of e.ROW)if(n.DETAILS)switch(n.DETAILS.OPERATION){case"INSERT":o.push(t(n));break;case"MODIFY":a.push(t(n));break;case"DELETE":i.push(t(n));break;default:ho.error(`Unsupported operation type: ${n.DETAILS.OPERATION}`)}return{inserts:o,deletes:i,updates:a,SOURCE_REF:e.SOURCE_REF}}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,orderBy:this.orderBy,resourceName:this.resourceName,request:this.request,reverse:this.reverse,maxRows:this.maxRows,maxView:this.maxView}}handleStreamUpdate(e){if(!e)return;e.hasOwnProperty("REPLY")?this.applyRequestServerData(e):this.applyDataserverData(e)}applyRequestServerData(e){var t,o;if(!Array.isArray(e.REPLY)||!(null===(t=e.MESSAGE_TYPE)||void 0===t?void 0:t.startsWith("REP_")))return void ho.error("received invalid RequestServerResult",e);if(this.requiresFullDataRefresh){"ROW_REF"!==this.rowId&&(null===(o=e.REPLY)||void 0===o||o.forEach((e=>{this.rowsSyncedWithStream.set(e[this.rowId],e)})));const t=this.rowsSyncedWithStream.size>0?Array.from(this.rowsSyncedWithStream.values()):e.REPLY;return void this.syncComponentData(t)}this.handleStreamInserts(e.REPLY);const i=Array.from(this.rowsSyncedWithStream.values()).filter((t=>!e.REPLY.includes(t)));this.handleStreamDeletes(i)}applyDataserverData(e){var t,o,i,a;if(this.requiresFullDataRefresh){null===(t=e.inserts)||void 0===t||t.forEach((e=>{this.rowsSyncedWithStream.set(e[this.rowId],e)}));const o=Array.from(this.rowsSyncedWithStream.values());this.syncComponentData(o)}else(null===(o=e.inserts)||void 0===o?void 0:o.length)>0&&this.handleStreamInserts(e.inserts),(null===(i=e.deletes)||void 0===i?void 0:i.length)>0&&this.handleStreamDeletes(e.deletes),(null===(a=e.updates)||void 0===a?void 0:a.length)>0&&this.handleStreamUpdates(e.updates)}buildCriteria(){var e;const t=(null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[];return this.normalizeCriteria(t.join(" && "))}criteriaChanged(e,t){const o=!e&&t,i=e!==this.normalizeCriteria(t);(o||i)&&r.DOM.queueUpdate((()=>this.fetchGenesisData(null)))}normalizeCriteria(e){return e?e.split(";").map((e=>e.trim())).sort(((e,t)=>e.localeCompare(t))).join(";"):e}setFilter(e,t){this.criteriaFromFilters.set(e,t),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}}(0,n.__decorate)([me.Connect],As.prototype,"connect",void 0),(0,n.__decorate)([me.Datasource],As.prototype,"datasource",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],As.prototype,"withGridInit",void 0),(0,n.__decorate)([r.attr],As.prototype,"criteria",void 0),(0,n.__decorate)([r.observable],As.prototype,"data",void 0),(0,n.__decorate)([r.attr],As.prototype,"fields",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],As.prototype,"isSnapshot",void 0),(0,n.__decorate)([r.attr],As.prototype,"maxRows",void 0),(0,n.__decorate)([r.attr],As.prototype,"maxView",void 0),(0,n.__decorate)([r.attr],As.prototype,"orderBy",void 0),(0,n.__decorate)([r.observable],As.prototype,"request",void 0),(0,n.__decorate)([r.attr],As.prototype,"resourceName",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean"})],As.prototype,"reverse",void 0),(0,n.__decorate)([r.attr],As.prototype,"rowId",void 0),(0,n.__decorate)([(0,r.attr)({mode:"boolean",attribute:"with-timestamp-formatting"})],As.prototype,"withTimestampFormatting",void 0);let Ms=class extends As{constructor(){super(...arguments),this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.dataGrid=this.parentElement,this.dataGrid&&this.resourceName&&this.connect.isConnected&&this.fetchGenesisData()}))}getColumnDefs(e){return null==e?void 0:e.flatMap((e=>this.fields&&!this.fields.includes(e.name)?[]:{columnDataKey:e.name}))}clearData(){ho.debug("clearData - Method not implemented.")}syncComponentData(e){const t=null!=e?e:Array.from(this.rowsSyncedWithStream.values()),o=this.getColumnDefs(this.datasource.fieldMetadata);this.dataGrid.columnDefinitions=o,this.dataGrid.rowsData=t}handleStreamInserts(e){ho.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){ho.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){ho.debug("handleStreamUpdates - Method not implemented.")}};var Ns;Ms=(0,n.__decorate)([(0,r.customElement)({name:"data-grid-datasource"})],Ms);let Es=Ns=class extends As{constructor(){super(...arguments),this.optionElement="fast-option",this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.fields=this.labelField?null===(t=this.valueField)||void 0===t?void 0:t.concat(" ",this.labelField):this.valueField,this.select=this.parentElement,this.select.addEventListener("change",(e=>{const t=this.options.find((t=>t.label===e.target.value));this.select.$emit("value-change",t)})),this.select&&this.valueField&&(this.resourceName||this.data)&&this.connect.isConnected&&this.fetchGenesisData(),this.valueField||ho.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label (e.g label-field="NAME")')}))}clearData(){Array.from(this.select.children).forEach((e=>{e instanceof Ns||this.select.removeChild(e)})),this.select.value="",this.select.initialValue=""}syncComponentData(e){var t;const o=null!=e?e:Array.from(this.rowsSyncedWithStream.values());this.options=o.map((e=>({value:e[this.valueField],label:e[this.labelField]})));this.options.map((({value:e,label:t})=>{const o=document.createElement(this.optionElement);return o.textContent=t||e,o.value=e,o})).forEach((e=>{this.select.appendChild(e)}));const i=null===(t=this.options.find((e=>e.value===this.initialSelectedValue)))||void 0===t?void 0:t.label;r.DOM.queueUpdate((()=>{this.select.value=i}))}handleStreamInserts(e){ho.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){ho.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){ho.debug("handleStreamUpdates - Method not implemented.")}};(0,n.__decorate)([(0,r.attr)({attribute:"label-field"})],Es.prototype,"labelField",void 0),(0,n.__decorate)([(0,r.attr)({attribute:"value-field"})],Es.prototype,"valueField",void 0),(0,n.__decorate)([r.observable],Es.prototype,"initialSelectedValue",void 0),Es=Ns=(0,n.__decorate)([(0,r.customElement)({name:"options-datasource"})],Es);let Is=class extends As{constructor(){super(...arguments),this.isSnapshot=!0}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});return(0,n.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.fields=this.valueField,this.select=this.parentElement,this.select&&this.valueField&&(this.resourceName||this.data)&&this.connect.isConnected&&this.fetchGenesisData(),this.valueField||ho.warn('Specify field for values in options (e.g value-field="VALUE") and optionally field for label which is supported only in select and combobox (e.g label-field="NAME")')}))}clearData(){this.select.options=[]}syncComponentData(e){const t=(null!=e?e:Array.from(this.rowsSyncedWithStream.values())).map((e=>({value:e[this.valueField]})));this.select.options=t.map((({value:e})=>e))}handleStreamInserts(e){ho.debug("handleStreamInserts - Method not implemented.")}handleStreamDeletes(e){ho.debug("handleStreamDeletes - Method not implemented.")}handleStreamUpdates(e){ho.debug("handleStreamUpdates - Method not implemented.")}};(0,n.__decorate)([(0,r.attr)({attribute:"value-field"})],Is.prototype,"valueField",void 0),Is=(0,n.__decorate)([(0,r.customElement)({name:"multiselect-datasource"})],Is);const Ps=(e,t)=>o=>{const i="function"==typeof t?t:(a=t,e=>Object.assign(Object.assign({},a),e));var a;return r.FASTElement.define(class extends e{},i(o))};function Hs(e){if("string"==typeof e)return e;if("function"==typeof e&&!(e=r.FASTElementDefinition.forType(e)))throw new Error("Missing FASTElement definition.");return e.name}var Gs=o(975);let Bs=class extends(Gs.F0.from(r.FASTElement)){connectedCallback(){super.connectedCallback(),r.DOM.queueUpdate((()=>(0,n.__awaiter)(this,void 0,void 0,(function*(){this.$router.config=this.config}))))}};Bs=(0,n.__decorate)([(0,r.customElement)({name:"foundation-router"})],Bs);const zs=()=>Ts().register(Os)}}]);
+//# sourceMappingURL=6419.ac4059d7e1a8b3f360e4e3bb6121e7f4.js.map