@genesislcap/design-system-configurator 14.123.0 → 14.124.0

package/dist/{180.180.6425b85f02b10098eaff.js → 180.180.7114512c29b0213eaf23.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[180],{34180:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>mg,ColorToken:()=>fg,ColorTokens:()=>kg,DesignSystemEditor:()=>tg,DesignSystemExport:()=>pg,DesignSystemPreview:()=>Dg,EventName:()=>Vl,PreviewComponents:()=>dg,PreviewForm:()=>jg,PreviewGrid:()=>Pg,TypographyTokens:()=>Ag,defaultBodyFont:()=>ql,fontFamilies:()=>Wl});var t={};r.r(t),r.d(t,{accentFillActive:()=>c.accentFillActive,accentFillActiveDelta:()=>c.accentFillActiveDelta,accentFillFocus:()=>c.accentFillFocus,accentFillFocusDelta:()=>c.accentFillFocusDelta,accentFillHover:()=>c.accentFillHover,accentFillHoverDelta:()=>c.accentFillHoverDelta,accentFillRest:()=>c.accentFillRest,accentFillRestDelta:()=>c.accentFillRestDelta,accentForegroundActive:()=>c.accentForegroundActive,accentForegroundActiveDelta:()=>c.accentForegroundActiveDelta,accentForegroundFocus:()=>c.accentForegroundFocus,accentForegroundFocusDelta:()=>c.accentForegroundFocusDelta,accentForegroundHover:()=>c.accentForegroundHover,accentForegroundHoverDelta:()=>c.accentForegroundHoverDelta,accentForegroundRest:()=>c.accentForegroundRest,accentForegroundRestDelta:()=>c.accentForegroundRestDelta,accentPalette:()=>c.accentPalette,baseHeightMultiplier:()=>c.baseHeightMultiplier,baseLayerLuminance:()=>c.baseLayerLuminance,bodyFont:()=>c.bodyFont,controlCornerRadius:()=>c.controlCornerRadius,density:()=>c.density,designUnit:()=>c.designUnit,direction:()=>c.direction,disabledOpacity:()=>c.disabledOpacity,fillColor:()=>c.fillColor,focusStrokeInner:()=>c.focusStrokeInner,focusStrokeOuter:()=>c.focusStrokeOuter,focusStrokeWidth:()=>c.focusStrokeWidth,foregroundOnAccentActive:()=>c.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>c.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>c.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>c.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>c.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>c.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>c.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>c.foregroundOnAccentRestLarge,neutralFillActive:()=>c.neutralFillActive,neutralFillActiveDelta:()=>c.neutralFillActiveDelta,neutralFillFocus:()=>c.neutralFillFocus,neutralFillFocusDelta:()=>c.neutralFillFocusDelta,neutralFillHover:()=>c.neutralFillHover,neutralFillHoverDelta:()=>c.neutralFillHoverDelta,neutralFillInputActive:()=>c.neutralFillInputActive,neutralFillInputActiveDelta:()=>c.neutralFillInputActiveDelta,neutralFillInputFocus:()=>c.neutralFillInputFocus,neutralFillInputFocusDelta:()=>c.neutralFillInputFocusDelta,neutralFillInputHover:()=>c.neutralFillInputHover,neutralFillInputHoverDelta:()=>c.neutralFillInputHoverDelta,neutralFillInputRest:()=>c.neutralFillInputRest,neutralFillInputRestDelta:()=>c.neutralFillInputRestDelta,neutralFillLayerRest:()=>c.neutralFillLayerRest,neutralFillLayerRestDelta:()=>c.neutralFillLayerRestDelta,neutralFillRest:()=>c.neutralFillRest,neutralFillRestDelta:()=>c.neutralFillRestDelta,neutralFillStealthActive:()=>c.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>c.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>c.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>c.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>c.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>c.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>c.neutralFillStealthRest,neutralFillStealthRestDelta:()=>c.neutralFillStealthRestDelta,neutralFillStrongActive:()=>c.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>c.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>c.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>c.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>c.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>c.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>c.neutralFillStrongRest,neutralFillStrongRestDelta:()=>c.neutralFillStrongRestDelta,neutralForegroundHint:()=>c.neutralForegroundHint,neutralForegroundRest:()=>c.neutralForegroundRest,neutralLayer1:()=>c.neutralLayer1,neutralLayer2:()=>c.neutralLayer2,neutralLayer3:()=>c.neutralLayer3,neutralLayer4:()=>c.neutralLayer4,neutralLayerCardContainer:()=>c.neutralLayerCardContainer,neutralLayerFloating:()=>c.neutralLayerFloating,neutralPalette:()=>c.neutralPalette,neutralStrokeActive:()=>c.neutralStrokeActive,neutralStrokeActiveDelta:()=>c.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>c.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>c.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>c.neutralStrokeFocus,neutralStrokeFocusDelta:()=>c.neutralStrokeFocusDelta,neutralStrokeHover:()=>c.neutralStrokeHover,neutralStrokeHoverDelta:()=>c.neutralStrokeHoverDelta,neutralStrokeRest:()=>c.neutralStrokeRest,neutralStrokeRestDelta:()=>c.neutralStrokeRestDelta,strokeWidth:()=>c.strokeWidth,typeRampBaseFontSize:()=>c.typeRampBaseFontSize,typeRampBaseLineHeight:()=>c.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>c.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>c.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>c.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>c.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>c.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>c.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>c.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>c.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>c.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>c.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>c.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>c.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>c.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>c.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>c.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>c.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>ve,baseLayerLuminanceValue:()=>fe,bodyFontValue:()=>Oe,controlCornerRadiusValue:()=>xe,densityValue:()=>ze,designTokens:()=>Fe,designUnitValue:()=>ke,directionValue:()=>we,neutralPaletteValue:()=>be,strokeWidthValue:()=>ye,typeRampBaseFontSizeValue:()=>De,typeRampBaseLineHeightValue:()=>Ne});var i=r(55714),n=r(92592),l=r(89074),g=r(60724),d=r(83147),s=r(75951),c=r(13896),p=r(67973);const u=d.css`
+"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[180],{34180:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>mg,ColorToken:()=>fg,ColorTokens:()=>kg,DesignSystemEditor:()=>tg,DesignSystemExport:()=>pg,DesignSystemPreview:()=>Dg,EventName:()=>Vl,PreviewComponents:()=>dg,PreviewForm:()=>jg,PreviewGrid:()=>Pg,TypographyTokens:()=>Ag,defaultBodyFont:()=>ql,fontFamilies:()=>Wl});var t={};r.r(t),r.d(t,{accentFillActive:()=>c.accentFillActive,accentFillActiveDelta:()=>c.accentFillActiveDelta,accentFillFocus:()=>c.accentFillFocus,accentFillFocusDelta:()=>c.accentFillFocusDelta,accentFillHover:()=>c.accentFillHover,accentFillHoverDelta:()=>c.accentFillHoverDelta,accentFillRest:()=>c.accentFillRest,accentFillRestDelta:()=>c.accentFillRestDelta,accentForegroundActive:()=>c.accentForegroundActive,accentForegroundActiveDelta:()=>c.accentForegroundActiveDelta,accentForegroundFocus:()=>c.accentForegroundFocus,accentForegroundFocusDelta:()=>c.accentForegroundFocusDelta,accentForegroundHover:()=>c.accentForegroundHover,accentForegroundHoverDelta:()=>c.accentForegroundHoverDelta,accentForegroundRest:()=>c.accentForegroundRest,accentForegroundRestDelta:()=>c.accentForegroundRestDelta,accentPalette:()=>c.accentPalette,baseHeightMultiplier:()=>c.baseHeightMultiplier,baseLayerLuminance:()=>c.baseLayerLuminance,bodyFont:()=>c.bodyFont,controlCornerRadius:()=>c.controlCornerRadius,density:()=>c.density,designUnit:()=>c.designUnit,direction:()=>c.direction,disabledOpacity:()=>c.disabledOpacity,fillColor:()=>c.fillColor,focusStrokeInner:()=>c.focusStrokeInner,focusStrokeOuter:()=>c.focusStrokeOuter,focusStrokeWidth:()=>c.focusStrokeWidth,foregroundOnAccentActive:()=>c.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>c.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>c.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>c.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>c.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>c.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>c.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>c.foregroundOnAccentRestLarge,neutralFillActive:()=>c.neutralFillActive,neutralFillActiveDelta:()=>c.neutralFillActiveDelta,neutralFillFocus:()=>c.neutralFillFocus,neutralFillFocusDelta:()=>c.neutralFillFocusDelta,neutralFillHover:()=>c.neutralFillHover,neutralFillHoverDelta:()=>c.neutralFillHoverDelta,neutralFillInputActive:()=>c.neutralFillInputActive,neutralFillInputActiveDelta:()=>c.neutralFillInputActiveDelta,neutralFillInputFocus:()=>c.neutralFillInputFocus,neutralFillInputFocusDelta:()=>c.neutralFillInputFocusDelta,neutralFillInputHover:()=>c.neutralFillInputHover,neutralFillInputHoverDelta:()=>c.neutralFillInputHoverDelta,neutralFillInputRest:()=>c.neutralFillInputRest,neutralFillInputRestDelta:()=>c.neutralFillInputRestDelta,neutralFillLayerRest:()=>c.neutralFillLayerRest,neutralFillLayerRestDelta:()=>c.neutralFillLayerRestDelta,neutralFillRest:()=>c.neutralFillRest,neutralFillRestDelta:()=>c.neutralFillRestDelta,neutralFillStealthActive:()=>c.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>c.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>c.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>c.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>c.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>c.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>c.neutralFillStealthRest,neutralFillStealthRestDelta:()=>c.neutralFillStealthRestDelta,neutralFillStrongActive:()=>c.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>c.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>c.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>c.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>c.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>c.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>c.neutralFillStrongRest,neutralFillStrongRestDelta:()=>c.neutralFillStrongRestDelta,neutralForegroundHint:()=>c.neutralForegroundHint,neutralForegroundRest:()=>c.neutralForegroundRest,neutralLayer1:()=>c.neutralLayer1,neutralLayer2:()=>c.neutralLayer2,neutralLayer3:()=>c.neutralLayer3,neutralLayer4:()=>c.neutralLayer4,neutralLayerCardContainer:()=>c.neutralLayerCardContainer,neutralLayerFloating:()=>c.neutralLayerFloating,neutralPalette:()=>c.neutralPalette,neutralStrokeActive:()=>c.neutralStrokeActive,neutralStrokeActiveDelta:()=>c.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>c.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>c.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>c.neutralStrokeFocus,neutralStrokeFocusDelta:()=>c.neutralStrokeFocusDelta,neutralStrokeHover:()=>c.neutralStrokeHover,neutralStrokeHoverDelta:()=>c.neutralStrokeHoverDelta,neutralStrokeRest:()=>c.neutralStrokeRest,neutralStrokeRestDelta:()=>c.neutralStrokeRestDelta,strokeWidth:()=>c.strokeWidth,typeRampBaseFontSize:()=>c.typeRampBaseFontSize,typeRampBaseLineHeight:()=>c.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>c.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>c.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>c.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>c.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>c.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>c.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>c.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>c.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>c.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>c.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>c.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>c.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>c.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>c.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>c.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>c.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>ve,baseLayerLuminanceValue:()=>fe,bodyFontValue:()=>Oe,controlCornerRadiusValue:()=>xe,densityValue:()=>ze,designTokens:()=>$e,designUnitValue:()=>ke,directionValue:()=>we,neutralPaletteValue:()=>be,strokeWidthValue:()=>ye,typeRampBaseFontSizeValue:()=>De,typeRampBaseLineHeightValue:()=>Ne});var i=r(68243),n=r(92592),l=r(89074),g=r(60724),d=r(83147),s=r(75951),c=r(13896),p=r(67973);const u=d.css`
   :host {
     border: calc(${c.strokeWidth} * 1px) solid transparent;
     margin: 0;
@@ -43,13 +43,14 @@
 
   .submit-button {
     width: 70px;
+    margin: 0;
   }
 `.withBehaviors((0,s.forcedColorsStylesheetBehavior)(d.css`
     :host {
       background: ${p.H.Canvas};
       border-color: ${p.H.CanvasText};
     }
-  `));var h=r(48101);const m=(0,h.createLogger)("foundation-form"),v={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"},b=d.html`
+  `));var h=r(15955);const m=(0,h.createLogger)("foundation-form"),v={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"},b=d.html`
   <template>
     ${(0,d.when)((e=>!1),d.html`
         <zero-button class="clipboard-button" @click=${e=>e.copyUISchemaToClipboard()}>
@@ -65,7 +66,7 @@
         />
       `)}
   </template>
-`,f=(e,a,r)=>{var t,o,i,n;return null!==(n=null===(i=null===(o=null===(t=null==r?void 0:r.options)||void 0===t?void 0:t.i18n)||void 0===o?void 0:o.error)||void 0===i?void 0:i[e.keyword])&&void 0!==n?n:((e,a,r)=>{var t;return"pattern"===(null==e?void 0:e.keyword)?null!==(t=v[e.params.pattern])&&void 0!==t?t:"Invalid pattern.":(0,g.zjv)(e,a,r)})(e,a,r)};let w=class extends d.FASTElement{constructor(){super(...arguments),this.dispatch=e=>{this.jsonforms=Object.assign(Object.assign({},this.jsonforms),{core:(0,g.mpn)(this.jsonforms.core,e)}),this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})},this.validate=e=>{var a,r,t;const o=null===(r=null===(a=this.jsonforms)||void 0===a?void 0:a.core)||void 0===r?void 0:r.data;if(!o)return[];const i=[];return null===(t=null==e?void 0:e.elements)||void 0===t||t.forEach((e=>{var a,r,t,n;const l=null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.validateFn;if("function"!=typeof l)return;const g=null===(t=null===(r=null==e?void 0:e.scope)||void 0===r?void 0:r.split("/"))||void 0===t?void 0:t.pop(),d=null==e?void 0:e.label;let s=null!==(n=l(o,g,d))&&void 0!==n?n:[];Array.isArray(s)||(s=[s]),i.push(...s)})),i}}schemaChanged(){var e,a,r,t;if(!this.schema)return;this.uichemaToUse=null!==(e=this.uischema)&&void 0!==e?e:g.Iiz.uiSchema(this.schema),this.uischema||console.log("UI schema not provided. Auto generated schema:",this.uichemaToUse);const o=this.validate(this.uichemaToUse);this.jsonforms={core:(()=>{const e={data:this.data,schema:this.schema,uischema:this.uichemaToUse};return(0,g.mpn)(e,g.eXO.init(this.data,this.schema,this.uichemaToUse,{validationMode:this.validationMode||"ValidateAndShow",ajv:this.ajv,additionalErrors:o}))})(),config:(0,g.LsR)(void 0,g.eXO.setConfig(this.config)),i18n:(0,g.YC9)(this.i18n,g.eXO.updateI18n(null===(a=this.i18n)||void 0===a?void 0:a.locale,null===(r=this.i18n)||void 0===r?void 0:r.translate,(null===(t=this.i18n)||void 0===t?void 0:t.translateError)||f)),renderers:this.renderers,readonly:this.readonly},this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})}uischemaChanged(){this.schemaChanged()}dataChanged(){this.schemaChanged()}renderersChanged(){this.schemaChanged()}validationModeChanged(){this.schemaChanged()}ajvChanged(){this.schemaChanged()}readonlyChanged(){this.schemaChanged()}configChanged(){this.schemaChanged()}get props(){var e;if(!this.schema&&!this.uischema)return;const a=null!==(e=this.uischema)&&void 0!==e?e:g.Iiz.uiSchema(this.schema);return{uischema:Object.assign(Object.assign({},a),{elements:a.elements.map((e=>"#/properties/TIMESTAMP"===e.scope?Object.assign(Object.assign({},e),{options:{hidden:!0}}):e))}),schema:this.schema,path:"",enabled:!0,visible:!0}}copyUISchemaToClipboard(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(JSON.stringify(this.uichemaToUse)),m.debug("Autogenerated UI schema copied to clipboard")}catch(e){m.error("Failed to copy autogenerated UI schema: ",e)}}))}};(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],w.prototype,"submitted",void 0),(0,n.__decorate)([d.observable],w.prototype,"jsonforms",void 0),(0,n.__decorate)([d.observable],w.prototype,"i18n",void 0),(0,n.__decorate)([d.observable],w.prototype,"uichemaToUse",void 0),(0,n.__decorate)([d.observable],w.prototype,"schema",void 0),(0,n.__decorate)([d.observable],w.prototype,"uischema",void 0),(0,n.__decorate)([d.observable],w.prototype,"data",void 0),(0,n.__decorate)([d.observable],w.prototype,"renderers",void 0),(0,n.__decorate)([d.observable],w.prototype,"validationMode",void 0),(0,n.__decorate)([d.observable],w.prototype,"ajv",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],w.prototype,"readonly",void 0),(0,n.__decorate)([d.observable],w.prototype,"config",void 0),w=(0,n.__decorate)([(0,d.customElement)({name:"json-forms",template:b,styles:d.css`
+`,f=(e,a,r)=>{var t,o,i,n;return null!==(n=null===(i=null===(o=null===(t=null==r?void 0:r.options)||void 0===t?void 0:t.i18n)||void 0===o?void 0:o.error)||void 0===i?void 0:i[e.keyword])&&void 0!==n?n:((e,a,r)=>{var t;return"pattern"===(null==e?void 0:e.keyword)?null!==(t=v[e.params.pattern])&&void 0!==t?t:"Invalid pattern.":(0,g.zjv)(e,a,r)})(e,a,r)};let w=class extends d.FASTElement{constructor(){super(...arguments),this.dispatch=e=>{this.jsonforms=Object.assign(Object.assign({},this.jsonforms),{core:(0,g.mpn)(this.jsonforms.core,e)}),this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})},this.validate=e=>{var a,r,t;const o=null===(r=null===(a=this.jsonforms)||void 0===a?void 0:a.core)||void 0===r?void 0:r.data;if(!o)return[];const i=[];return null===(t=null==e?void 0:e.elements)||void 0===t||t.forEach((e=>{var a,r,t,n;const l=null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.validateFn;if("function"!=typeof l)return;const g=null===(t=null===(r=null==e?void 0:e.scope)||void 0===r?void 0:r.split("/"))||void 0===t?void 0:t.pop(),d=null==e?void 0:e.label;let s=null!==(n=l(o,g,d))&&void 0!==n?n:[];Array.isArray(s)||(s=[s]),i.push(...s)})),i}}prefixChanged(){this.schemaChanged()}schemaChanged(){var e,a,r,t;if(!this.schema)return;this.uichemaToUse=null!==(e=this.uischema)&&void 0!==e?e:g.Iiz.uiSchema(this.schema),this.uischema||console.log("UI schema not provided. Auto generated schema:",this.uichemaToUse);const o=this.validate(this.uichemaToUse);this.jsonforms={core:(()=>{const e={data:this.data,schema:this.schema,uischema:this.uichemaToUse};return(0,g.mpn)(e,g.eXO.init(this.data,this.schema,this.uichemaToUse,{validationMode:this.validationMode||"ValidateAndShow",ajv:this.ajv,additionalErrors:o}))})(),config:(0,g.LsR)(void 0,g.eXO.setConfig(this.config)),i18n:(0,g.YC9)(this.i18n,g.eXO.updateI18n(null===(a=this.i18n)||void 0===a?void 0:a.locale,null===(r=this.i18n)||void 0===r?void 0:r.translate,(null===(t=this.i18n)||void 0===t?void 0:t.translateError)||f)),renderers:this.renderers,readonly:this.readonly,prefix:this.prefix},this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})}uischemaChanged(){this.schemaChanged()}dataChanged(){this.schemaChanged()}renderersChanged(){this.schemaChanged()}validationModeChanged(){this.schemaChanged()}ajvChanged(){this.schemaChanged()}readonlyChanged(){this.schemaChanged()}configChanged(){this.schemaChanged()}get props(){var e;if(!this.schema&&!this.uischema)return;const a=null!==(e=this.uischema)&&void 0!==e?e:g.Iiz.uiSchema(this.schema);return{uischema:Object.assign(Object.assign({},a),{elements:a.elements.map((e=>"#/properties/TIMESTAMP"===e.scope?Object.assign(Object.assign({},e),{options:{hidden:!0}}):e))}),schema:this.schema,path:"",enabled:!0,visible:!0}}copyUISchemaToClipboard(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(JSON.stringify(this.uichemaToUse)),m.debug("Autogenerated UI schema copied to clipboard")}catch(e){m.error("Failed to copy autogenerated UI schema: ",e)}}))}};(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],w.prototype,"submitted",void 0),(0,n.__decorate)([d.observable],w.prototype,"prefix",void 0),(0,n.__decorate)([d.observable],w.prototype,"jsonforms",void 0),(0,n.__decorate)([d.observable],w.prototype,"i18n",void 0),(0,n.__decorate)([d.observable],w.prototype,"uichemaToUse",void 0),(0,n.__decorate)([d.observable],w.prototype,"schema",void 0),(0,n.__decorate)([d.observable],w.prototype,"uischema",void 0),(0,n.__decorate)([d.observable],w.prototype,"data",void 0),(0,n.__decorate)([d.observable],w.prototype,"renderers",void 0),(0,n.__decorate)([d.observable],w.prototype,"validationMode",void 0),(0,n.__decorate)([d.observable],w.prototype,"ajv",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],w.prototype,"readonly",void 0),(0,n.__decorate)([d.observable],w.prototype,"config",void 0),w=(0,n.__decorate)([(0,d.customElement)({name:"json-forms",template:b,styles:d.css`
     .clipboard-button {
       display: flex;
     }
@@ -92,7 +93,6 @@
             :dispatch=${(e,a)=>a.parent.form.dispatch}
             :jsonforms=${(e,a)=>a.parent.form.jsonforms}
             :props=${(e,a)=>({uischema:a.parent.uiSchema,schema:a.parent.schema,renderers:a.parent.control.renderers,path:(0,g.ZBw)(a.parent.pathName,`${a.index}`),enabled:a.parent.control.enabled})}
-            :prefix=${(e,a)=>a.parent.form.jsonforms.core.uischema.dsPrefix}
           ></dispatch-renderer>
           <${e}-button
             appearance="lightweight"
@@ -114,7 +114,7 @@
       Add another
     </${e}-button>
   </template>
-`)(e.form.jsonforms.core.uischema.dsPrefix)}
+`)(e.form.jsonforms.prefix)}
   `})],x);const z=d.css`
   .tabs-container::part(tablist) {
     background-color: transparent;
@@ -149,7 +149,7 @@
         `)}
     </${e}-tabs>
   </template>
-`)(e.form.prefix)}
+`)(e.form.jsonforms.prefix)}
   `})],k);const S=d.html`
   <template>
     ${(0,d.when)((e=>{var a;return null===(a=e.control)||void 0===a?void 0:a.visible}),d.html`
@@ -195,13 +195,13 @@
   }
 `;let A=class extends d.FASTElement{get showDescription(){return!(0,g.tg6)(this.control.visible,this.control.description,this.control.isFocused,!!this.control.config.showUnfocusedDescription)}get computedLabel(){return(0,g.lgi)(this.control.label,this.control.required,!!this.control.config.hideRequiredAsterisk)}};(0,n.__decorate)([d.observable],A.prototype,"control",void 0),(0,n.__decorate)([d.observable],A.prototype,"touched",void 0),(0,n.__decorate)([d.volatile],A.prototype,"showDescription",null),(0,n.__decorate)([d.volatile],A.prototype,"computedLabel",null),A=(0,n.__decorate)([(0,d.customElement)({name:"control-wrapper",styles:C,template:S})],A);var T=r(80340),O=r.n(T);const D=d.html`
   <template>${e=>e.determinedRenderer.renderer}</template>
-`,N=d.css``;let F=class extends d.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,g.Q8v)({jsonforms:this.jsonforms},this.props),{rootSchema:a}=e,r=(0,n.__rest)(e,["rootSchema"]);this.renderer=r,this.control=((e,a,r,t)=>{const o=Object.assign({},t({jsonforms:a},e)),i=null===g.AZl||void 0===g.AZl?void 0:(0,g.AZl)(r);return Object.assign(Object.assign({},o),i)})(this.props,this.jsonforms,this.dispatch,this.determinedRenderer.mapper)}}jsonformsChanged(){this.createRenderer()}propsChanged(){this.createRenderer()}submittedChanged(){this.touched=!!this.submitted}onBlur(){this.touched=!0}get determinedRenderer(){const e=O()(this.renderer.renderers,(e=>e.tester(this.renderer.uischema,this.renderer.schema)));return this.prefix=this.jsonforms.core.uischema.dsPrefix,void 0===e||-1===e.tester(this.renderer.uischema,this.renderer.schema)?(console.error("UnknownRenderer this.renderer.uischema",this.renderer.uischema),{renderer:"UnknownRenderer"}):e}disconnectedCallback(){super.disconnectedCallback(),this.touched=!1,this.submitted=!1}};(0,n.__decorate)([d.observable],F.prototype,"jsonforms",void 0),(0,n.__decorate)([d.observable],F.prototype,"props",void 0),(0,n.__decorate)([d.observable],F.prototype,"touched",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],F.prototype,"submitted",void 0),(0,n.__decorate)([d.observable],F.prototype,"dispatch",void 0),(0,n.__decorate)([d.observable],F.prototype,"control",void 0),(0,n.__decorate)([d.observable],F.prototype,"renderer",void 0),(0,n.__decorate)([d.observable],F.prototype,"prefix",void 0),F=(0,n.__decorate)([(0,d.customElement)({name:"dispatch-renderer",template:D,styles:N})],F);const $=d.css`
+`,N=d.css``;let $=class extends d.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,g.Q8v)({jsonforms:this.jsonforms},this.props),{rootSchema:a}=e,r=(0,n.__rest)(e,["rootSchema"]);this.renderer=r,this.control=((e,a,r,t)=>{const o=Object.assign({},t({jsonforms:a},e)),i=null===g.AZl||void 0===g.AZl?void 0:(0,g.AZl)(r);return Object.assign(Object.assign({},o),i)})(this.props,this.jsonforms,this.dispatch,this.determinedRenderer.mapper)}}jsonformsChanged(){this.createRenderer()}propsChanged(){this.createRenderer()}submittedChanged(){this.touched=!!this.submitted}onBlur(){this.touched=!0}get determinedRenderer(){const e=O()(this.renderer.renderers,(e=>e.tester(this.renderer.uischema,this.renderer.schema)));return void 0===e||-1===e.tester(this.renderer.uischema,this.renderer.schema)?(console.error("UnknownRenderer this.renderer.uischema",this.renderer.uischema),{renderer:"UnknownRenderer"}):e}disconnectedCallback(){super.disconnectedCallback(),this.touched=!1,this.submitted=!1}};(0,n.__decorate)([d.observable],$.prototype,"jsonforms",void 0),(0,n.__decorate)([d.observable],$.prototype,"props",void 0),(0,n.__decorate)([d.observable],$.prototype,"touched",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],$.prototype,"submitted",void 0),(0,n.__decorate)([d.observable],$.prototype,"dispatch",void 0),(0,n.__decorate)([d.observable],$.prototype,"control",void 0),(0,n.__decorate)([d.observable],$.prototype,"renderer",void 0),$=(0,n.__decorate)([(0,d.customElement)({name:"dispatch-renderer",template:D,styles:N})],$);const F=d.css`
   .tabs-container::part(stepper-panel-container) {
     display: flex;
     justify-content: flex-start;
     align-items: flex-start;
   }
-`;let L=class extends d.FASTElement{connectedCallback(){super.connectedCallback(),this.propertyNames=this.control.uischema.elements.map((e=>e.scope.split("/").pop())),this.validation=this.propertyNames.map(((e,a)=>({isValid:()=>0===(0,g.qiS)(e,this.control.schema)(this.form).length&&Object.keys(this.control.data)[a]===e})))}submit(){this.$emit("submit-button-clicked")}nextStep(){this.$emit("submit-part");const e=this.propertyNames[this.stepper.activeTabIndex];this.control.data[e]||this.$emit("data-change",{data:Object.assign(Object.assign({},this.control.data),{[e]:{}})})}resetValidation(){this.$emit("reset-form")}};(0,n.__decorate)([d.observable],L.prototype,"form",void 0),(0,n.__decorate)([d.observable],L.prototype,"control",void 0),(0,n.__decorate)([d.observable],L.prototype,"validation",void 0),(0,n.__decorate)([d.observable],L.prototype,"stepper",void 0),(0,n.__decorate)([d.observable],L.prototype,"propertyNames",void 0),L=(0,n.__decorate)([(0,d.customElement)({name:"stepper-wrapper",styles:$,template:d.html`
+`;let L=class extends d.FASTElement{connectedCallback(){super.connectedCallback(),this.propertyNames=this.control.uischema.elements.map((e=>e.scope.split("/").pop())),this.validation=this.propertyNames.map(((e,a)=>({isValid:()=>0===(0,g.qiS)(e,this.control.schema)(this.form).length&&Object.keys(this.control.data)[a]===e})))}submit(){this.$emit("submit-button-clicked")}nextStep(){this.$emit("submit-part");const e=this.propertyNames[this.stepper.activeTabIndex];this.control.data[e]||this.$emit("data-change",{data:Object.assign(Object.assign({},this.control.data),{[e]:{}})})}resetValidation(){this.$emit("reset-form")}};(0,n.__decorate)([d.observable],L.prototype,"form",void 0),(0,n.__decorate)([d.observable],L.prototype,"control",void 0),(0,n.__decorate)([d.observable],L.prototype,"validation",void 0),(0,n.__decorate)([d.observable],L.prototype,"stepper",void 0),(0,n.__decorate)([d.observable],L.prototype,"propertyNames",void 0),L=(0,n.__decorate)([(0,d.customElement)({name:"stepper-wrapper",styles:F,template:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
     <${e}-stepper 
@@ -229,8 +229,9 @@
         `)}
     </${e}-stepper>
   </template>
-`)(e.form.prefix)}
+`)(e.form.jsonforms.prefix)}
   `})],L);const M=d.html`
+  ${e=>{return a=e.prefix,d.html`
   <template>
     <json-forms
       @submit-button-clicked=${e=>e._submit()}
@@ -242,21 +243,23 @@
       :uischema=${e=>e.uischema}
       :schema=${e=>e.jsonSchema}
       :data=${e=>e.data}
+      :prefix=${e=>e.prefix}
       @data-change=${(e,a)=>e.onChange(a.event)}
     ></json-forms>
     ${(0,d.when)((e=>e.isSubmitHidden),d.html`
         <slot name="userActions" part="userActions" class="actions">
-          <fast-button
+          <${a}-button
             @click="${e=>e._submit()}"
             ?disable=${e=>!e.submitting}
             class="submit-button"
             appearance="accent"
           >
             Submit
-          </fast-button>
+          </${a}-button>
         </slot>
       `)}
   </template>
+`;var a}}
 `,R=(0,g.or)(g.KmX,(0,g.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,g.ndu)(e,"boolean")))))),j={renderer:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
@@ -276,8 +279,8 @@
       ></${e}-checkbox>
     </control-wrapper>
   </template>
-`)(e.prefix)}
-  `,tester:(0,g.yMz)(3,R),mapper:g.xq9};var I=r(43573);const E=e=>a=>{if(!a||!(0,g.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},P=(0,g.xDy)(E("allOptionsResourceName"),(0,g.or)((0,g.wcO)((e=>(0,g.ndu)(e,"array"))),(0,g.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,g.ndu)(e,"array")))))));I.MultiselectDatasource;const U={renderer:d.html`
+`)(e.jsonforms.prefix)}
+  `,tester:(0,g.yMz)(3,R),mapper:g.xq9};var I=r(33628);const E=e=>a=>{if(!a||!(0,g.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},P=(0,g.xDy)(E("allOptionsResourceName"),(0,g.or)((0,g.wcO)((e=>(0,g.ndu)(e,"array"))),(0,g.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,g.ndu)(e,"array")))))));I.MultiselectDatasource;const U={renderer:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
     <control-wrapper
@@ -302,7 +305,7 @@
       </${e}-multiselect>
     </control-wrapper>
   </template>
-`)(e.prefix)}
+`)(e.jsonforms.prefix)}
   `,tester:(0,g.yMz)(4,P),mapper:g.xq9};I.OptionsDatasource;const G={renderer:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
@@ -331,7 +334,7 @@
       </${e}-combobox>
     </control-wrapper>
   </template>
-`)(e.prefix)}
+`)(e.jsonforms.prefix)}
   `,tester:(0,g.yMz)(4,(0,g.or)(E("allOptionsResourceName"),E("data"))),mapper:g.xq9},B=(0,g.wcO)((e=>"org.joda.time.DateTime"===e.description)),_=(0,g.or)(B,(0,g.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>"org.joda.time.DateTime"===e.description))))),H={renderer:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
@@ -352,7 +355,7 @@
       ></${e}-text-field>
     </control-wrapper>
   </template>
-`)(e.prefix)}
+`)(e.jsonforms.prefix)}
   `,tester:(0,g.yMz)(4,_),mapper:g.xq9},Y=(0,g.or)(g.UvK,(0,g.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>e.hasOwnProperty("enum")))))),V={renderer:d.html`
     ${e=>((e="zero")=>d.html`
   <template>
@@ -375,7 +378,7 @@
       </${e}-combobox>
     </control-wrapper>
   </template>
-`)(e.prefix)}
+`)(e.jsonforms.prefix)}
   `,tester:(0,g.yMz)(3,Y),mapper:(e,a)=>{const r=(0,g.xq9)(e,a),t=a.options||(r.schema.enum||r.schema.oneOf.find((e=>e.hasOwnProperty("enum"))).enum).map((a=>(0,g.vld)(a,(0,g.Ty2)()(e),(0,g.B49)(r.schema,r.uischema,r.path))))||r.schema.const&&[(0,g.vld)(r.schema.const,(0,g.Ty2)()(e),(0,g.B49)(r.schema,r.uischema,r.path))];return Object.assign(Object.assign({},r),{options:t})}},Q={renderer:d.html`
   <template>
     <pre
@@ -497,7 +500,7 @@
       ></${e}-number-field>
     </control-wrapper>
   </template>
-`)(e.prefix)}
+`)(e.jsonforms.prefix)}
   `,tester:(0,g.yMz)(3,te),mapper:g.xq9};var ie=r(55509);function ne(e,a){const r=a.event.target.value;e.control.handleChange(e.control.path,""===r?null:r)}const le=d.html`
   ${e=>((e="zero")=>d.html`
   <template>
@@ -533,8 +536,8 @@
         `)}
     </control-wrapper>
   </template>
-`)(e.prefix)}
-`,ge={renderer:le,tester:(0,g.yMz)(2,g.Wdb),mapper:g.xq9},de=[{renderer:le,tester:(0,g.yMz)(1,g.DRl),mapper:g.xq9},ge,j,q,J,Z,K,ae,X,ee,oe,U,V,G,H,Q];let se=class extends s.FoundationElement{constructor(){super(...arguments),this.renderers=de,this.errors=[],this.data={}}resourceNameChanged(){var e,a;return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.jsonSchema=void 0,this.resourceName){const r=yield this.connect.getJSONSchema(this.resourceName);this.jsonSchema=null===(a=null===(e=null==r?void 0:r.INBOUND)||void 0===e?void 0:e.properties)||void 0===a?void 0:a.DETAILS}}))}removeDataProperties(){if(!this.jsonSchema||!this.data)return;const e=Object.keys(this.jsonSchema.properties);let a=0;return Object.keys(this.data).forEach((r=>{e.includes(r)||(delete this.data[r],a+=1,m.debug("Removing key ",r,"from provided data because it is not part of the payload"))})),a>0&&(this.data=Object.assign({},this.data)),a>0}_submit(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.submitting)return;this.removeDataProperties()&&(yield d.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(m.debug({payload:e,errors:this.errors}),this.$emit("submit",{payload:e,errors:this.errors}),0!==Object.entries(e).length&&this.resourceName){this.submitting=!0;const a=yield this.connect.commitEvent(this.resourceName,{DETAILS:e});this.submitting=!1,a.ERROR?this.$emit("submit-failure",{payload:e,errors:a.ERROR}):this.$emit("submit-success",{payload:e})}}))}get isSubmitHidden(){return!this.readonly&&!this.hideSubmit}submitPart(e){this.submitted=!0}onChange(e){m.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}disconnectedCallback(){super.disconnectedCallback(),this.reset()}reset(e=!0){this.submitted=!1,e&&(this.data={})}};var ce,pe,ue,he,me;(0,n.__decorate)([d.attr],se.prototype,"resourceName",void 0),(0,n.__decorate)([d.observable],se.prototype,"uischema",void 0),(0,n.__decorate)([d.observable],se.prototype,"renderers",void 0),(0,n.__decorate)([d.observable],se.prototype,"jsonSchema",void 0),(0,n.__decorate)([l.lj],se.prototype,"connect",void 0),(0,n.__decorate)([d.observable],se.prototype,"data",void 0),(0,n.__decorate)([d.observable],se.prototype,"submitting",void 0),(0,n.__decorate)([d.observable],se.prototype,"submitted",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],se.prototype,"readonly",void 0),(0,n.__decorate)([(0,d.attr)({attribute:"hide-submit-button",mode:"boolean"})],se.prototype,"hideSubmit",void 0),(0,n.__decorate)([d.volatile],se.prototype,"isSubmitHidden",null),se=(0,n.__decorate)([(0,d.customElement)({name:"foundation-form",template:M,styles:u})],se),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(ce||(ce={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(pe||(pe={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(ue||(ue={})),function(e){e.grey="#7c909b"}(he||(he={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(me||(me={}));const ve=(0,I.paletteFromHex)(pe.blue),be=(0,I.paletteFromHex)(he.grey),fe=c.StandardLuminance.DarkMode;const we=r(5598).N.ltr,ye=c.strokeWidth.getValueFor(c.strokeWidth.appliedTo[0]),xe=4,ze=c.density.getValueFor(c.density.appliedTo[0]),ke=4;var Se=r(47823);const Ce=()=>{(0,Se.sW)("\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n","roboto-font-faces")},Ae='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',Te=(e=Se.Hd.Normal,a=Se.U9.Regular)=>(0,Se.py)(Ae,e,a),Oe=Ae,De=c.typeRampBaseFontSize.getValueFor(c.typeRampBaseFontSize.appliedTo[0]),Ne=c.typeRampBaseLineHeight.getValueFor(c.typeRampBaseLineHeight.appliedTo[0]),Fe={design_tokens:{color:{accent:{$value:ve.source.toColorString(),$type:"color"},neutral:{$value:be.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Oe,$type:"fontFamily"}},typography:{baseFontSize:{$value:De,$type:"dimension"},baseLineHeight:{$value:Ne,$type:"dimension"}},mode:{luminance:{$value:fe,$type:"number"}},style:{density:{$value:ze,$type:"number"},borderRadius:{$value:xe,$type:"number"},strokeWidth:{$value:ye,$type:"number"}},space:{designUnit:{$value:ke,$type:"number"}}}};class $e extends I.Accordion{}const Le=$e.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,I.foundationAccordionTemplate)(e,a),styles:(e,a)=>d.css`
+`)(e.jsonforms.prefix)}
+`,ge={renderer:le,tester:(0,g.yMz)(2,g.Wdb),mapper:g.xq9},de=[{renderer:le,tester:(0,g.yMz)(1,g.DRl),mapper:g.xq9},ge,j,q,J,Z,K,ae,X,ee,oe,U,V,G,H,Q];let se=class extends s.FoundationElement{constructor(){super(...arguments),this.prefix="zero",this.renderers=de,this.errors=[],this.data={}}resourceNameChanged(){var e,a;return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.jsonSchema=void 0,this.resourceName){const r=yield this.connect.getJSONSchema(this.resourceName);this.jsonSchema=null===(a=null===(e=null==r?void 0:r.INBOUND)||void 0===e?void 0:e.properties)||void 0===a?void 0:a.DETAILS}}))}removeDataProperties(){if(!this.jsonSchema||!this.data)return;const e=Object.keys(this.jsonSchema.properties);let a=0;return Object.keys(this.data).forEach((r=>{e.includes(r)||(delete this.data[r],a+=1,m.debug("Removing key ",r,"from provided data because it is not part of the payload"))})),a>0&&(this.data=Object.assign({},this.data)),a>0}_submit(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.submitting)return;this.removeDataProperties()&&(yield d.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(m.debug({payload:e,errors:this.errors}),this.$emit("submit",{payload:e,errors:this.errors}),0!==Object.entries(e).length&&this.resourceName){this.submitting=!0;const a=yield this.connect.commitEvent(this.resourceName,{DETAILS:e});this.submitting=!1,a.ERROR?this.$emit("submit-failure",{payload:e,errors:a.ERROR}):this.$emit("submit-success",{payload:e})}}))}get isSubmitHidden(){return!this.readonly&&!this.hideSubmit}submitPart(e){this.submitted=!0}onChange(e){m.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}disconnectedCallback(){super.disconnectedCallback(),this.reset()}reset(e=!0){this.submitted=!1,e&&(this.data={})}};var ce,pe,ue,he,me;(0,n.__decorate)([(0,d.attr)({attribute:"design-system-prefix"})],se.prototype,"prefix",void 0),(0,n.__decorate)([d.attr],se.prototype,"resourceName",void 0),(0,n.__decorate)([d.observable],se.prototype,"uischema",void 0),(0,n.__decorate)([d.observable],se.prototype,"renderers",void 0),(0,n.__decorate)([d.observable],se.prototype,"jsonSchema",void 0),(0,n.__decorate)([l.lj],se.prototype,"connect",void 0),(0,n.__decorate)([d.observable],se.prototype,"data",void 0),(0,n.__decorate)([d.observable],se.prototype,"submitting",void 0),(0,n.__decorate)([d.observable],se.prototype,"submitted",void 0),(0,n.__decorate)([(0,d.attr)({mode:"boolean"})],se.prototype,"readonly",void 0),(0,n.__decorate)([(0,d.attr)({attribute:"hide-submit-button",mode:"boolean"})],se.prototype,"hideSubmit",void 0),(0,n.__decorate)([d.volatile],se.prototype,"isSubmitHidden",null),se=(0,n.__decorate)([(0,d.customElement)({name:"foundation-form",template:M,styles:u})],se),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(ce||(ce={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(pe||(pe={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(ue||(ue={})),function(e){e.grey="#7c909b"}(he||(he={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(me||(me={}));const ve=(0,I.paletteFromHex)(pe.blue),be=(0,I.paletteFromHex)(he.grey),fe=c.StandardLuminance.DarkMode;const we=r(5598).N.ltr,ye=c.strokeWidth.getValueFor(c.strokeWidth.appliedTo[0]),xe=4,ze=c.density.getValueFor(c.density.appliedTo[0]),ke=4;var Se=r(47823);const Ce=()=>{(0,Se.sW)("\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n","roboto-font-faces")},Ae='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',Te=(e=Se.Hd.Normal,a=Se.U9.Regular)=>(0,Se.py)(Ae,e,a),Oe=Ae,De=c.typeRampBaseFontSize.getValueFor(c.typeRampBaseFontSize.appliedTo[0]),Ne=c.typeRampBaseLineHeight.getValueFor(c.typeRampBaseLineHeight.appliedTo[0]),$e={design_tokens:{color:{accent:{$value:ve.source.toColorString(),$type:"color"},neutral:{$value:be.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Oe,$type:"fontFamily"}},typography:{baseFontSize:{$value:De,$type:"dimension"},baseLineHeight:{$value:Ne,$type:"dimension"}},mode:{luminance:{$value:fe,$type:"number"}},style:{density:{$value:ze,$type:"number"},borderRadius:{$value:xe,$type:"number"},strokeWidth:{$value:ye,$type:"number"}},space:{designUnit:{$value:ke,$type:"number"}}}};class Fe extends I.Accordion{}const Le=Fe.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,I.foundationAccordionTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationAccordionStyles)(e,a)}
 `,shadowOptions:I.foundationAccordionShadowOptions},I.defaultAccordionConfig));class Me extends I.AccordionItem{}const Re=Me.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,I.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationAccordionItemStyles)(e,a)};
@@ -801,7 +804,7 @@
   }
 `,Aa=I.foundationBannerShadowOptions;class Ta extends I.Banner{}const Oa=Ta.compose({baseName:"banner",shadowOptions:Aa,styles:Ca,template:I.foundationBannerTemplate});class Da extends I.Breadcrumb{}const Na=Da.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,I.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationBreadcrumbStyles)(e,a)}
-`,shadowOptions:undefined},{}));class Fa extends I.BreadcrumbItem{}const $a=Fa.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,I.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>d.css`
+`,shadowOptions:undefined},{}));class $a extends I.BreadcrumbItem{}const Fa=$a.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,I.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationBreadcrumbItemStyles)(e,a)}
   :host {
     --neutral-foreground-rest: #18b2e3;
@@ -1064,7 +1067,7 @@
   ${(0,I.dropdownMenuBaseStyles)("zero",e,a)}
 `,template:I.foundationDropdownMenuTemplate}),Dr=d.html`
   ${(0,I.getPrefixedErrorBanner)("zero")}
-`,Nr=I.foundationErrorBannerShadowOptions;class Fr extends I.ErrorBanner{}const $r=Fr.compose({baseName:"error-banner",template:Dr,shadowOptions:Nr});class Lr extends I.ErrorBoundary{}const Mr=Lr.compose({baseName:"error-boundary",template:I.foundationErrorBoundaryTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class Rr extends I.ErrorDialog{}const jr=Rr.compose({baseName:"error-dialog",styles:I.foundationErrorDialogStyles,template:I.errorDialogTemplate,shadowOptions:I.foundationErrorDialogShadowOptions}),Ir=d.css`
+`,Nr=I.foundationErrorBannerShadowOptions;class $r extends I.ErrorBanner{}const Fr=$r.compose({baseName:"error-banner",template:Dr,shadowOptions:Nr});class Lr extends I.ErrorBoundary{}const Mr=Lr.compose({baseName:"error-boundary",template:I.foundationErrorBoundaryTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class Rr extends I.ErrorDialog{}const jr=Rr.compose({baseName:"error-dialog",styles:I.foundationErrorDialogStyles,template:I.errorDialogTemplate,shadowOptions:I.foundationErrorDialogShadowOptions}),Ir=d.css`
   ${I.foundationFileUploadStyles}
   ::-webkit-scrollbar {
     width: 12px;
@@ -1194,7 +1197,7 @@
   }
 `,shadowOptions:zt},I.defaultMenuItemConfig)),Ct=d.css`
   ${br}
-`,At=I.defaultModalConfig,Tt=I.foundationModalTemplate,Ot=I.foundationModalShadowOptions;class Dt extends I.Modal{}const Nt=Dt.compose(Object.assign({baseName:"modal",shadowOptions:Ot,styles:Ct,template:Tt},At)),Ft=d.css`
+`,At=I.defaultModalConfig,Tt=I.foundationModalTemplate,Ot=I.foundationModalShadowOptions;class Dt extends I.Modal{}const Nt=Dt.compose(Object.assign({baseName:"modal",shadowOptions:Ot,styles:Ct,template:Tt},At)),$t=d.css`
   ${I.multiselectStyles}
 
   :host {
@@ -1250,9 +1253,9 @@
   .label {
     color: ${Va};
   }
-`,$t=d.html`
+`,Ft=d.html`
   ${(0,I.getPrefixedMultiselect)("zero")}
-`;class Lt extends I.Multiselect{}const Mt=I.defaultMultiselectConfig,Rt=I.foundationMultiselectShadowOptions,jt=Lt.compose(Object.assign({baseName:"multiselect",template:$t,styles:Ft,shadowOptions:Rt},Mt));class It extends I.NotificationListener{}const Et=It.compose({baseName:"notification-listener",template:I.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}}),Pt=(e,a)=>d.css`
+`;class Lt extends I.Multiselect{}const Mt=I.defaultMultiselectConfig,Rt=I.foundationMultiselectShadowOptions,jt=Lt.compose(Object.assign({baseName:"multiselect",template:Ft,styles:$t,shadowOptions:Rt},Mt));class It extends I.NotificationListener{}const Et=It.compose({baseName:"notification-listener",template:I.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}}),Pt=(e,a)=>d.css`
   ${(0,I.foundationTextFieldStyles)(e,a)}
   :host {
     --primary-gradient-angle: -113.5deg;
@@ -1702,12 +1705,12 @@
     margin-right: 0;
     background-color: var(--zero-card-fill-color);
   }
-`,shadowOptions:I.foundationTabShadowOptions},I.defaultTabConfig));class No extends I.TabPanel{}const Fo=No.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,I.foundationTabPanelTemplate)(e,a),styles:(e,a)=>d.css`
+`,shadowOptions:I.foundationTabShadowOptions},I.defaultTabConfig));class No extends I.TabPanel{}const $o=No.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,I.foundationTabPanelTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationTabPanelStyles)(e,a)}
   :host {
     padding: 0;
   }
-`,shadowOptions:I.foundationTabPanelShadowOptions},I.defaultTabPanelConfig));class $o extends I.Tabs{}const Lo=$o.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,I.foundationTabsTemplate)(e,a),styles:(e,a)=>d.css`
+`,shadowOptions:I.foundationTabPanelShadowOptions},I.defaultTabPanelConfig));class Fo extends I.Tabs{}const Lo=Fo.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,I.foundationTabsTemplate)(e,a),styles:(e,a)=>d.css`
   ${(0,I.foundationTabsStyles)(e,a)}
   :host .tablist {
     padding: 0;
@@ -1860,7 +1863,7 @@
   ${(0,I.foundationTreeViewStyles)(e,a)}
 `,shadowOptions:I.foundationTreeViewShadowOptions},I.defaultTreeViewConfig)),Zo=d.html`
   ${(0,I.getPrefixedUrlInput)("zero")}
-`;class Ko extends I.UrlInput{}const Xo={zeroAccordion:Le,zeroAccordionItem:Re,zeroActionsMenu:Ie,zeroAnchor:fa,zeroAnchoredRegion:ya,zeroAvatar:za,zeroBadge:Sa,zeroBanner:Oa,zeroBreadcrumbItem:$a,zeroBreadcrumb:Na,zeroButton:Ma,zeroCalendar:ja,zeroCard:Ea,zeroCheckbox:Ua,zeroCombobox:Xa,zeroConnectionIndicator:ar,zeroDataGrid:ir,zeroDesignSystemProvider:hr,zeroDialog:zr,zeroDatePicker:gr,zeroDisclosure:Sr,zeroDivider:Ar,zeroDropdownMenu:Or,zeroErrorBoundary:Mr,zeroNotificationListener:Et,zeroErrorBanner:$r,zeroErrorDialog:jr,zeroFileUpload:Br,zeroFilter:Yr,zeroFilterBar:Wr,zeroFlexLayout:Jr,zeroFlipper:Kr,zeroFlyout:ot,zeroGridLayout:nt,zeroGridLayoutItem:gt,zeroHorizontalScroll:st,zeroIcon:ht,zeroListbox:vt,zeroListboxOption:ft,zeroMenu:xt,zeroMenuItem:St,zeroModal:Nt,zeroMultiselect:jt,zeroNumberField:Ht,zeroProgress:Vt,zeroProgressRing:qt,zeroRadio:Zt,zeroRadioGroup:Xt,zeroSegmentedControl:ao,zeroSegmentedItem:to,zeroSelect:io,zeroSkeleton:lo,zeroSlider:so,zeroSliderLabel:po,zeroSnackbar:bo,zeroStepper:xo,zeroStepperTab:ko,zeroStepperTabPanel:Co,zeroSwitch:To,zeroTab:Do,zeroTabPanel:Fo,zeroTabs:Lo,zeroTextArea:Ro,zeroTextField:Io,zeroToast:Bo,zeroToolbar:Ho,zeroTooltip:Vo,zeroTreeItem:Wo,zeroTreeView:Jo,zeroUrlInput:Ko.compose(Object.assign({baseName:"url-input",template:Zo,styles:(e,a)=>d.css`
+`;class Ko extends I.UrlInput{}const Xo={zeroAccordion:Le,zeroAccordionItem:Re,zeroActionsMenu:Ie,zeroAnchor:fa,zeroAnchoredRegion:ya,zeroAvatar:za,zeroBadge:Sa,zeroBanner:Oa,zeroBreadcrumbItem:Fa,zeroBreadcrumb:Na,zeroButton:Ma,zeroCalendar:ja,zeroCard:Ea,zeroCheckbox:Ua,zeroCombobox:Xa,zeroConnectionIndicator:ar,zeroDataGrid:ir,zeroDesignSystemProvider:hr,zeroDialog:zr,zeroDatePicker:gr,zeroDisclosure:Sr,zeroDivider:Ar,zeroDropdownMenu:Or,zeroErrorBoundary:Mr,zeroNotificationListener:Et,zeroErrorBanner:Fr,zeroErrorDialog:jr,zeroFileUpload:Br,zeroFilter:Yr,zeroFilterBar:Wr,zeroFlexLayout:Jr,zeroFlipper:Kr,zeroFlyout:ot,zeroGridLayout:nt,zeroGridLayoutItem:gt,zeroHorizontalScroll:st,zeroIcon:ht,zeroListbox:vt,zeroListboxOption:ft,zeroMenu:xt,zeroMenuItem:St,zeroModal:Nt,zeroMultiselect:jt,zeroNumberField:Ht,zeroProgress:Vt,zeroProgressRing:qt,zeroRadio:Zt,zeroRadioGroup:Xt,zeroSegmentedControl:ao,zeroSegmentedItem:to,zeroSelect:io,zeroSkeleton:lo,zeroSlider:so,zeroSliderLabel:po,zeroSnackbar:bo,zeroStepper:xo,zeroStepperTab:ko,zeroStepperTabPanel:Co,zeroSwitch:To,zeroTab:Do,zeroTabPanel:$o,zeroTabs:Lo,zeroTextArea:Ro,zeroTextField:Io,zeroToast:Bo,zeroToolbar:Ho,zeroTooltip:Vo,zeroTreeItem:Wo,zeroTreeView:Jo,zeroUrlInput:Ko.compose(Object.assign({baseName:"url-input",template:Zo,styles:(e,a)=>d.css`
   ${(0,I.foundationUrlInputStyles)(e,a)}
   a {
     color: ${pe.blue};
@@ -1916,11 +1919,11 @@
       :initialSelectedValue=${e=>e.params.value}
     ></options-datasource>
   </${e}-combobox>
-`,Ti=Si.compose({baseName:"select-editor",styles:Ci,template:Ai()});class Oi extends Si{}const Di=Oi.compose({baseName:"select-editor",styles:Ci,template:Ai("zero")});class Ni extends s.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){const a=parseFloat(e.target.value);this.value=isNaN(a)?void 0:a}isCancelBeforeStart(){return!!this.params.data[si]}}(0,ri.__decorate)([d.observable],Ni.prototype,"params",void 0),(0,ri.__decorate)([d.observable],Ni.prototype,"value",void 0),(0,ri.__decorate)([d.observable],Ni.prototype,"actualWidth",void 0);const Fi=d.css`
+`,Ti=Si.compose({baseName:"select-editor",styles:Ci,template:Ai()});class Oi extends Si{}const Di=Oi.compose({baseName:"select-editor",styles:Ci,template:Ai("zero")});class Ni extends s.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){const a=parseFloat(e.target.value);this.value=isNaN(a)?void 0:a}isCancelBeforeStart(){return!!this.params.data[si]}}(0,ri.__decorate)([d.observable],Ni.prototype,"params",void 0),(0,ri.__decorate)([d.observable],Ni.prototype,"value",void 0),(0,ri.__decorate)([d.observable],Ni.prototype,"actualWidth",void 0);const $i=d.css`
   :host {
     display: flex;
   }
-`,$i=(e="foundation")=>d.html`
+`,Fi=(e="foundation")=>d.html`
   <${e}-number-field
     ${(0,d.ref)("input")}
     withFormatting=${e=>e.params.withFormatting}
@@ -1932,7 +1935,7 @@
     hideStep
     style="width: ${e=>e.actualWidth}px"
   ></${e}-number-field>
-`,Li=Ni.compose({baseName:"number-editor",styles:Fi,template:$i()});class Mi extends Ni{}const Ri=Mi.compose({baseName:"number-editor",styles:Fi,template:$i("zero")});class ji extends s.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){this.value=e.target.value}isCancelBeforeStart(){return!!this.params.data[si]}}(0,ri.__decorate)([d.observable],ji.prototype,"params",void 0),(0,ri.__decorate)([d.observable],ji.prototype,"value",void 0),(0,ri.__decorate)([d.observable],ji.prototype,"actualWidth",void 0);const Ii=d.css`
+`,Li=Ni.compose({baseName:"number-editor",styles:$i,template:Fi()});class Mi extends Ni{}const Ri=Mi.compose({baseName:"number-editor",styles:$i,template:Fi("zero")});class ji extends s.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){this.value=e.target.value}isCancelBeforeStart(){return!!this.params.data[si]}}(0,ri.__decorate)([d.observable],ji.prototype,"params",void 0),(0,ri.__decorate)([d.observable],ji.prototype,"value",void 0),(0,ri.__decorate)([d.observable],ji.prototype,"actualWidth",void 0);const Ii=d.css`
   :host {
     display: flex;
   }
@@ -2063,7 +2066,7 @@
         <${r} value=${e=>e.name}>${e=>e.displayName}</${r}>
       `)}
     </${a}>
-  `},Tn=Sn.compose({baseName:"select-renderer",styles:Cn,template:An()});const On=class extends Sn{}.compose({baseName:"select-renderer",styles:Cn,template:An("zero")});var Dn=r(89861),Nn=r(86534),Fn=r(75527),$n=r(9492);const Ln=e=>{var a,r,t,o,i,n,l,g,d;return d=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,$n.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,$n.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,$n.__classPrivateFieldGet)(this,r,"f")._key&&!((0,$n.__classPrivateFieldGet)(this,r,"f").dragging||!(0,$n.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,$n.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,$n.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,$n.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,$n.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,$n.__classPrivateFieldGet)(this,o,"f")&&((0,$n.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,$n.__classPrivateFieldGet)(this,r,"f").dragging||!(0,$n.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,$n.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,$n.__classPrivateFieldGet)(this,r,"f")._key&&(0,$n.__classPrivateFieldSet)(this,r,(0,$n.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,$n.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,$n.__classPrivateFieldGet)(this,t,"f")!==(0,$n.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,$n.__classPrivateFieldSet)(this,t,null!==(a=(0,$n.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,$n.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,$n.__classPrivateFieldSet)(this,n,!0,"f"),this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,$n.__classPrivateFieldSet)(this,t,null!==(o=(0,$n.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,$n.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[Mn])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,$n.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},d},Mn=Symbol("layout-cache-document");var Rn=r(88556),jn=r(9770);const In=d.html`
+  `},Tn=Sn.compose({baseName:"select-renderer",styles:Cn,template:An()});const On=class extends Sn{}.compose({baseName:"select-renderer",styles:Cn,template:An("zero")});var Dn=r(89861),Nn=r(86534),$n=r(75527),Fn=r(9492);const Ln=e=>{var a,r,t,o,i,n,l,g,d;return d=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,Fn.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,Fn.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,Fn.__classPrivateFieldGet)(this,r,"f")._key&&!((0,Fn.__classPrivateFieldGet)(this,r,"f").dragging||!(0,Fn.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,Fn.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,Fn.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,Fn.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,Fn.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,Fn.__classPrivateFieldGet)(this,o,"f")&&((0,Fn.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,Fn.__classPrivateFieldGet)(this,r,"f").dragging||!(0,Fn.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,Fn.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,Fn.__classPrivateFieldGet)(this,r,"f")._key&&(0,Fn.__classPrivateFieldSet)(this,r,(0,Fn.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,Fn.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,Fn.__classPrivateFieldGet)(this,t,"f")!==(0,Fn.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,Fn.__classPrivateFieldSet)(this,t,null!==(a=(0,Fn.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,Fn.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,Fn.__classPrivateFieldSet)(this,n,!0,"f"),this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,Fn.__classPrivateFieldSet)(this,t,null!==(o=(0,Fn.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,Fn.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[Mn])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,Fn.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},d},Mn=Symbol("layout-cache-document");var Rn=r(88556),jn=r(9770);const In=d.html`
   <template>
     <slot ${(0,d.slotted)("slottedRenderer")} @slotchange="${e=>e.slottedAgRendererChanged()}"></slot>
   </template>
@@ -10291,7 +10294,7 @@
       <slot></slot>
     </span>
   </template>
-`;class kl{init(e){const a=this.eGui=document.createElement("div"),r=e.value;a.classList.add("custom-tooltip"),a.style["background-color"]="#f14376",a.style.border="1px inside",a.style["border-color"]="#2e3339",a.style["border-radius"]="4px",a.style.padding="5px",a.style["box-shadow"]="0px 4px 10px 0px rgba(0, 0, 0, 0.25);",a.innerHTML=`<span style='color: #000000; font-size: 10px'>${r}</span>`}getGui(){return this.eGui}}function Sl(e,a){const r={},t=[],o="field",i="colId";return a.forEach((a=>{const n=e.find((e=>e[o]===a[i]||e[i]&&e[i]===a[i]));if(n){const e=Object.assign(Object.assign({},n),a);r[n[o]]=e,t.push(e)}})),e.forEach((e=>{if(!r.hasOwnProperty(e[o])){const a=Object.assign({},e);r[e[o]]=a,t.push(a)}})),t}Wi.O3h.registerModules([Nn.jM,Dn.I]);const Cl=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();class Al extends(Ln(s.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,jn.A)(li(a),a),this.insertFontFace(a)}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.gridAutosizingEnabled=!1,this.addIndex=0,this.asyncAdd=!1,this.asyncRemove=!1,this.asyncUpdate=!0,this.enableCellFlashing=!1,this.enabledRowFlashing=!1,this.enableRowFlashing=!1,this.gridFontFace=hl,this.columnComponentName="grid-pro-column",this.theme=ai.alpine,this.rehydrationAttempted=!1,this.filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=Wi.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[Cl(a)]=a,e)),{})}connectedCallback(){super.connectedCallback(),this.rehydrationAttempted=!1,this.gridAutosizingEnabled&&((e,a)=>{const r={root:document.documentElement};new IntersectionObserver((e=>{e.forEach((e=>{a(e.intersectionRatio>0)}))}),r).observe(e)})(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.shouldRunConnect&&Wi.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(Cl(e),void 0,a)},enumerable:!0,configurable:!0})}))}disconnectedCallback(){var e;this.cacheFilterConfig(),super.disconnectedCallback(),this.rehydrationAttempted=!1,this.shouldRunDisconnect&&(this.initialised=!1,null===(e=this.gridApi)||void 0===e||e.destroy())}combineAllGridComponents(e){const a={[di.action]:Ji,[di.actionsMenu]:rn,[di.boolean]:ln,[di.editable]:Bi,[di.selectEditor]:Si,[di.numberEditor]:Ni,[di.multiselectEditor]:fi,[di.dateEditor]:pi,[di.stringEditor]:ji};return Object.assign(Object.assign(Object.assign({},a),e),this.gridComponents)}statePersistanceEnabled(){return!(!this.persistColumnStateKey||0===this.persistColumnStateKey.length)}debouncedColumnAutosize(){this.gridAutosizingEnabled&&(this.debounced&&(clearTimeout(this.debounced),this.debounced=null),this.debounced=setTimeout((()=>{var e;null===(e=this.gridApi)||void 0===e||e.sizeColumnsToFit()}),5))}removeConfigWidthsToAutosize(e){return e.map((e=>Object.assign(Object.assign({},e),{width:null})))}saveColumnState(){if(this.rehydrationAttempted&&this.statePersistanceEnabled()){const e=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");let a=this.columnApi.getColumnState();if(a=this.gridAutosizingEnabled?this.removeConfigWidthsToAutosize(a):a,0===a.length)return;e[this.persistColumnStateKey]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(e))}}getSavedColumnState(){const e=this.session.getLocalStorageItem("gridOptions");if(this.statePersistanceEnabled()&&e){const a=JSON.parse(e);if(this.persistColumnStateKey in a)return JSON.parse(a[this.persistColumnStateKey])}return[]}restoreColumnState(){var e;this.rehydrationAttempted=!0;const a=this.getSavedColumnState();a&&a.length>0&&(null===(e=this.columnApi)||void 0===e||e.applyColumnState({state:a,applyOrder:!0}))}cacheFilterConfig(){var e;this.filterConfig=(null===(e=this.gridApi)||void 0===e?void 0:e.getFilterModel())||void 0}restoreCachedFilterConfig(){var e,a;void 0!==this.filterConfig&&(null===(e=this.gridApi)||void 0===e||e.setFilterModel(this.filterConfig),null===(a=this.gridApi)||void 0===a||a.onFilterChanged())}get gridOptions(){return this.agGridOptions}get gridProDatasource(){return this.querySelector("grid-pro-genesis-datasource")||this.querySelector("grid-pro-client-side-datasource")||this.querySelector("grid-pro-server-side-datasource")}set gridOptions(e){const a=this.globalEventListener.bind(this),r=()=>{this.saveColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()};Array.from(this.attributes).forEach((e=>{const a=this.agPropertiesMap[e.name];a&&(this.agAttributes[a]=e.value)}));const{columnDefs:t,components:o,defaultColDef:i,onGridReady:n,onFirstDataRendered:l}=e,g=(0,ri.__rest)(e,["columnDefs","components","defaultColDef","onGridReady","onFirstDataRendered"]),s=Object.assign(Object.assign(Object.assign({defaultColDef:Object.assign({enableCellChangeFlash:this.enableCellFlashing,filter:!0,resizable:!0,sortable:!0},i),defaultCsvExportParams:this.csvExportParams,components:this.combineAllGridComponents(o),suppressDragLeaveHidesColumns:!0},this.eventsAndCallbacks),{onGridReady:a=>{var r,t;this.gridApi=null!==(r=e.api)&&void 0!==r?r:a.api,this.columnApi=null!==(t=e.columnApi)&&void 0!==t?t:a.columnApi,n&&n(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onFirstDataRendered:e=>{this.restoreCachedFilterConfig.bind(this)(),l&&l(e)},onColumnPinned:r,onColumnResized:r,onColumnMoved:r,onDisplayedColumnsChanged:r,onFilterChanged:r,onGridSizeChanged:r,onSortChanged:r}),g);this.gridProDatasource?s.columnDefs=t:s.columnDefs=this.mergeAllColumnDefsAndStates(t),this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),Wi.plv.copyAttributesToGridOptions(s,this.agAttributes));const c={globalEventListener:a};d.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new Wi.rjZ(this.gridSlot,this.agGridOptions,c),this.initialised=!0}))}applyTemplateDefinitions(e,a=!1){return qi.deprecated("applyTemplateDefinitions","Use `mergeAllColumnDefsAndStates` instead."),this.mergeAllColumnDefsAndStates(e,a)}mergeAllColumnDefsAndStates(e,a=!1){var r;const t=e||[],o=Array.from(this.querySelectorAll(this.columnComponentName)).map((e=>e.definition)).map((e=>{this.enableCellFlashing&&void 0===e.enableCellChangeFlash&&(e.enableCellChangeFlash=!0),e.editable&&(e.cellRenderer||e.cellRendererSelector||(e.cellRendererSelector=a=>{if(a.data[si]===e.field)return{component:di.editable}}),e.tooltipComponent||e.tooltipValueGetter||(e.tooltipComponent=kl,e.tooltipValueGetter=a=>{const r=a.data[ci];if(r&&r.column===e.field)return r.message}),e.cellClassRules||(e.cellClassRules={error:e=>{var a;return(null===(a=e.data[ci])||void 0===a?void 0:a.column)===e.colDef.field}}));const a=t.find((a=>e.field===a.field));return Object.assign(Object.assign({},a),e)})),i=o.map((e=>e.field)),n=[...o,...this.onlyTemplateColDefs?[]:t.filter((e=>!i.includes(e.field)))];if(this.gridProDatasource&&a){const e=this.getSavedColumnState();if((null==e?void 0:e.length)>0)return Sl(n,e);if((null===(r=this.gridProDatasource.deferredColumnStates)||void 0===r?void 0:r.length)>0)return Sl(n,this.gridProDatasource.deferredColumnStates)}return n}get observedAttributes(){const e=Wi.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Wi.plv.ALL_PROPERTIES.map((e=>Cl(e)));return e.concat(a)}agAttributeChangedCallback(e,a,r){if(a===r)return;const t=this.agPropertiesMap[e];if(t&&(this.agAttributes[t]=r,this.initialised)){const e={};e[t]={currentValue:r},Wi.plv.processOnChange(e,this.gridApi)}}globalEventListener(e,a){const r=e.toLowerCase(),t=new Event(r);t.agGridDetails=a,this.dispatchEvent(t);const o="on"+r;"function"==typeof this[o]&&this[o](t)}insertFontFace(e){const a=ul[e]||this.gridFontFace;this.destroyFontFace();const r=(0,Rn.L)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}get csvExportParams(){return{processCellCallback:e=>["+","-","=","@","\t","\n"].some((a=>String(e.value).startsWith(a)))?"#ERROR formulas not allowed":e.value}}}(0,ri.__decorate)([d.observable],Al.prototype,"columnApi",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridApi",void 0),(0,ri.__decorate)([Fn.z],Al.prototype,"session",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],Al.prototype,"autoCellRendererByType",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"only-template-col-defs",mode:"boolean"})],Al.prototype,"onlyTemplateColDefs",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"grid-autosizing"})],Al.prototype,"gridAutosizingEnabled",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"add-index"})],Al.prototype,"addIndex",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-add"})],Al.prototype,"asyncAdd",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-remove"})],Al.prototype,"asyncRemove",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-update"})],Al.prototype,"asyncUpdate",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],Al.prototype,"enableCellFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enabled-row-flashing"})],Al.prototype,"enabledRowFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enable-row-flashing"})],Al.prototype,"enableRowFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"persist-column-state-key"})],Al.prototype,"persistColumnStateKey",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridFontFace",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"columnComponentName",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"eventsAndCallbacks",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"headerHeight",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"rowHeight",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"theme",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"classNames",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"agGrid",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridSlot",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridComponents",void 0);const Tl=void 0,Ol={shadowOptions:void 0},Dl=Al.compose(Object.assign({baseName:"grid-pro",styles:xl,template:zl,shadowOptions:Tl},Ol)),Nl={foregroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#879ba6")),backgroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#1f2126")),borderSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2e3339")),rowHoverSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2b2e34"))},Fl={foregroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#000000")),headerForegroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#181d1f")),backgroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#FFFFFF")),borderSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#babfc7")),rowHoverSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2196f3"))},{create:$l}=s.DesignToken,Ll={backgroundColor:$l("rapid-ag-background-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?Fl.backgroundSwatch:Nl.backgroundSwatch)),borderColor:$l("rapid-ag-border-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?Fl.borderSwatch:Nl.borderSwatch)),foregroundColor:$l("rapid-ag-foreground-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?Fl.foregroundSwatch:Nl.foregroundSwatch)),headerForegroundColor:$l("rapid-ag-header-foreground-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?Fl.headerForegroundSwatch:Nl.headerForegroundSwatch)),rowHoverColor:$l("rapid-ag-row-hover-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?Fl.rowHoverSwatch:Nl.rowHoverSwatch))},Ml=d.css`
+`;class kl{init(e){const a=this.eGui=document.createElement("div"),r=e.value;a.classList.add("custom-tooltip"),a.style["background-color"]="#f14376",a.style.border="1px inside",a.style["border-color"]="#2e3339",a.style["border-radius"]="4px",a.style.padding="5px",a.style["box-shadow"]="0px 4px 10px 0px rgba(0, 0, 0, 0.25);",a.innerHTML=`<span style='color: #000000; font-size: 10px'>${r}</span>`}getGui(){return this.eGui}}function Sl(e,a){const r={},t=[],o="field",i="colId";return a.forEach((a=>{const n=e.find((e=>e[o]===a[i]||e[i]&&e[i]===a[i]));if(n){const e=Object.assign(Object.assign({},n),a);r[n[o]]=e,t.push(e)}})),e.forEach((e=>{if(!r.hasOwnProperty(e[o])){const a=Object.assign({},e);r[e[o]]=a,t.push(a)}})),t}Wi.O3h.registerModules([Nn.jM,Dn.I]);const Cl=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();class Al extends(Ln(s.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,jn.A)(li(a),a),this.insertFontFace(a)}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.gridAutosizingEnabled=!1,this.addIndex=0,this.asyncAdd=!1,this.asyncRemove=!1,this.asyncUpdate=!0,this.enableCellFlashing=!1,this.enabledRowFlashing=!1,this.enableRowFlashing=!1,this.gridFontFace=hl,this.columnComponentName="grid-pro-column",this.theme=ai.alpine,this.rehydrationAttempted=!1,this.filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=Wi.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[Cl(a)]=a,e)),{})}connectedCallback(){super.connectedCallback(),this.rehydrationAttempted=!1,this.gridAutosizingEnabled&&((e,a)=>{const r={root:document.documentElement};new IntersectionObserver((e=>{e.forEach((e=>{a(e.intersectionRatio>0)}))}),r).observe(e)})(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.shouldRunConnect&&Wi.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(Cl(e),void 0,a)},enumerable:!0,configurable:!0})}))}disconnectedCallback(){var e;this.cacheFilterConfig(),super.disconnectedCallback(),this.rehydrationAttempted=!1,this.shouldRunDisconnect&&(this.initialised=!1,null===(e=this.gridApi)||void 0===e||e.destroy())}combineAllGridComponents(e){const a={[di.action]:Ji,[di.actionsMenu]:rn,[di.boolean]:ln,[di.editable]:Bi,[di.selectEditor]:Si,[di.numberEditor]:Ni,[di.multiselectEditor]:fi,[di.dateEditor]:pi,[di.stringEditor]:ji};return Object.assign(Object.assign(Object.assign({},a),e),this.gridComponents)}statePersistanceEnabled(){return!(!this.persistColumnStateKey||0===this.persistColumnStateKey.length)}debouncedColumnAutosize(){this.gridAutosizingEnabled&&(this.debounced&&(clearTimeout(this.debounced),this.debounced=null),this.debounced=setTimeout((()=>{var e;null===(e=this.gridApi)||void 0===e||e.sizeColumnsToFit()}),5))}removeConfigWidthsToAutosize(e){return e.map((e=>Object.assign(Object.assign({},e),{width:null})))}saveColumnState(){if(this.rehydrationAttempted&&this.statePersistanceEnabled()){const e=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");let a=this.columnApi.getColumnState();if(a=this.gridAutosizingEnabled?this.removeConfigWidthsToAutosize(a):a,0===a.length)return;e[this.persistColumnStateKey]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(e))}}getSavedColumnState(){const e=this.session.getLocalStorageItem("gridOptions");if(this.statePersistanceEnabled()&&e){const a=JSON.parse(e);if(this.persistColumnStateKey in a)return JSON.parse(a[this.persistColumnStateKey])}return[]}restoreColumnState(){var e;this.rehydrationAttempted=!0;const a=this.getSavedColumnState();a&&a.length>0&&(null===(e=this.columnApi)||void 0===e||e.applyColumnState({state:a,applyOrder:!0}))}cacheFilterConfig(){var e;this.filterConfig=(null===(e=this.gridApi)||void 0===e?void 0:e.getFilterModel())||void 0}restoreCachedFilterConfig(){var e,a;void 0!==this.filterConfig&&(null===(e=this.gridApi)||void 0===e||e.setFilterModel(this.filterConfig),null===(a=this.gridApi)||void 0===a||a.onFilterChanged())}get gridOptions(){return this.agGridOptions}get gridProDatasource(){return this.querySelector("grid-pro-genesis-datasource")||this.querySelector("grid-pro-client-side-datasource")||this.querySelector("grid-pro-server-side-datasource")}set gridOptions(e){const a=this.globalEventListener.bind(this),r=()=>{this.saveColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()};Array.from(this.attributes).forEach((e=>{const a=this.agPropertiesMap[e.name];a&&(this.agAttributes[a]=e.value)}));const{columnDefs:t,components:o,defaultColDef:i,onGridReady:n,onFirstDataRendered:l}=e,g=(0,ri.__rest)(e,["columnDefs","components","defaultColDef","onGridReady","onFirstDataRendered"]),s=Object.assign(Object.assign(Object.assign({defaultColDef:Object.assign({enableCellChangeFlash:this.enableCellFlashing,filter:!0,resizable:!0,sortable:!0},i),defaultCsvExportParams:this.csvExportParams,components:this.combineAllGridComponents(o),suppressDragLeaveHidesColumns:!0},this.eventsAndCallbacks),{onGridReady:a=>{var r,t;this.gridApi=null!==(r=e.api)&&void 0!==r?r:a.api,this.columnApi=null!==(t=e.columnApi)&&void 0!==t?t:a.columnApi,n&&n(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onFirstDataRendered:e=>{this.restoreCachedFilterConfig.bind(this)(),l&&l(e)},onColumnPinned:r,onColumnResized:r,onColumnMoved:r,onDisplayedColumnsChanged:r,onFilterChanged:r,onGridSizeChanged:r,onSortChanged:r}),g);this.gridProDatasource?s.columnDefs=t:s.columnDefs=this.mergeAllColumnDefsAndStates(t),this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),Wi.plv.copyAttributesToGridOptions(s,this.agAttributes));const c={globalEventListener:a};d.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new Wi.rjZ(this.gridSlot,this.agGridOptions,c),this.initialised=!0}))}applyTemplateDefinitions(e,a=!1){return qi.deprecated("applyTemplateDefinitions","Use `mergeAllColumnDefsAndStates` instead."),this.mergeAllColumnDefsAndStates(e,a)}mergeAllColumnDefsAndStates(e,a=!1){var r;const t=e||[],o=Array.from(this.querySelectorAll(this.columnComponentName)).map((e=>e.definition)).map((e=>{this.enableCellFlashing&&void 0===e.enableCellChangeFlash&&(e.enableCellChangeFlash=!0),e.editable&&(e.cellRenderer||e.cellRendererSelector||(e.cellRendererSelector=a=>{if(a.data[si]===e.field)return{component:di.editable}}),e.tooltipComponent||e.tooltipValueGetter||(e.tooltipComponent=kl,e.tooltipValueGetter=a=>{const r=a.data[ci];if(r&&r.column===e.field)return r.message}),e.cellClassRules||(e.cellClassRules={error:e=>{var a;return(null===(a=e.data[ci])||void 0===a?void 0:a.column)===e.colDef.field}}));const a=t.find((a=>e.field===a.field));return Object.assign(Object.assign({},a),e)})),i=o.map((e=>e.field)),n=[...o,...this.onlyTemplateColDefs?[]:t.filter((e=>!i.includes(e.field)))];if(this.gridProDatasource&&a){const e=this.getSavedColumnState();if((null==e?void 0:e.length)>0)return Sl(n,e);if((null===(r=this.gridProDatasource.deferredColumnStates)||void 0===r?void 0:r.length)>0)return Sl(n,this.gridProDatasource.deferredColumnStates)}return n}get observedAttributes(){const e=Wi.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Wi.plv.ALL_PROPERTIES.map((e=>Cl(e)));return e.concat(a)}agAttributeChangedCallback(e,a,r){if(a===r)return;const t=this.agPropertiesMap[e];if(t&&(this.agAttributes[t]=r,this.initialised)){const e={};e[t]={currentValue:r},Wi.plv.processOnChange(e,this.gridApi)}}globalEventListener(e,a){const r=e.toLowerCase(),t=new Event(r);t.agGridDetails=a,this.dispatchEvent(t);const o="on"+r;"function"==typeof this[o]&&this[o](t)}insertFontFace(e){const a=ul[e]||this.gridFontFace;this.destroyFontFace();const r=(0,Rn.L)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}get csvExportParams(){return{processCellCallback:e=>["+","-","=","@","\t","\n"].some((a=>String(e.value).startsWith(a)))?"#ERROR formulas not allowed":e.value}}}(0,ri.__decorate)([d.observable],Al.prototype,"columnApi",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridApi",void 0),(0,ri.__decorate)([$n.z],Al.prototype,"session",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],Al.prototype,"autoCellRendererByType",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"only-template-col-defs",mode:"boolean"})],Al.prototype,"onlyTemplateColDefs",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"grid-autosizing"})],Al.prototype,"gridAutosizingEnabled",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"add-index"})],Al.prototype,"addIndex",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-add"})],Al.prototype,"asyncAdd",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-remove"})],Al.prototype,"asyncRemove",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"async-update"})],Al.prototype,"asyncUpdate",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],Al.prototype,"enableCellFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enabled-row-flashing"})],Al.prototype,"enabledRowFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({mode:"boolean",attribute:"enable-row-flashing"})],Al.prototype,"enableRowFlashing",void 0),(0,ri.__decorate)([(0,d.attr)({attribute:"persist-column-state-key"})],Al.prototype,"persistColumnStateKey",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridFontFace",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"columnComponentName",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"eventsAndCallbacks",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"headerHeight",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"rowHeight",void 0),(0,ri.__decorate)([d.attr],Al.prototype,"theme",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"classNames",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"agGrid",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridSlot",void 0),(0,ri.__decorate)([d.observable],Al.prototype,"gridComponents",void 0);const Tl=void 0,Ol={shadowOptions:void 0},Dl=Al.compose(Object.assign({baseName:"grid-pro",styles:xl,template:zl,shadowOptions:Tl},Ol)),Nl={foregroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#879ba6")),backgroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#1f2126")),borderSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2e3339")),rowHoverSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2b2e34"))},$l={foregroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#000000")),headerForegroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#181d1f")),backgroundSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#FFFFFF")),borderSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#babfc7")),rowHoverSwatch:c.SwatchRGB.from((0,Ee.parseColorHexRGB)("#2196f3"))},{create:Fl}=s.DesignToken,Ll={backgroundColor:Fl("rapid-ag-background-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?$l.backgroundSwatch:Nl.backgroundSwatch)),borderColor:Fl("rapid-ag-border-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?$l.borderSwatch:Nl.borderSwatch)),foregroundColor:Fl("rapid-ag-foreground-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?$l.foregroundSwatch:Nl.foregroundSwatch)),headerForegroundColor:Fl("rapid-ag-header-foreground-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?$l.headerForegroundSwatch:Nl.headerForegroundSwatch)),rowHoverColor:Fl("rapid-ag-row-hover-color").withDefault((e=>c.baseLayerLuminance.getValueFor(e)===c.StandardLuminance.LightMode?$l.rowHoverSwatch:Nl.rowHoverSwatch))},Ml=d.css`
   .ag-theme-genesis-rapid,
   .ag-theme-genesis-rapid-dark {
     --ag-alpine-active-color: #2196f3;
@@ -11153,7 +11156,7 @@
       <slot></slot>
     </div>
   </template>
-`,Kl=({design_tokens:e})=>({accentColor:e.color.accent.$value,neutralColor:e.color.neutral.$value,luminance:e.mode.luminance.$value,density:e.style.density.$value,designUnit:e.space.designUnit.$value,borderRadius:e.style.borderRadius.$value,strokeWidth:e.style.strokeWidth.$value,bodyFont:Object.keys(Wl).find((a=>Wl[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Xl=Kl(Fe),eg={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient"},ag=Kl(i.designTokens),rg={zero:{prefix:"zero",tokenDefaults:Xl,buttons:eg},alpha:{prefix:"alpha",tokenDefaults:ag,buttons:{accent:"accent",neutral:"neutral",outline:"outline"}},custom:{prefix:"zero",tokenDefaults:null,buttons:eg}};let tg=class extends d.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Xl.luminance===c.StandardLuminance.DarkMode,this.luminance=Xl.luminance,this.neutralColor=Xl.neutralColor,this.accentColor=Xl.accentColor,this.bodyFont=Xl.bodyFont,this.density=Xl.density,this.borderRadius=Xl.borderRadius,this.strokeWidth=Xl.strokeWidth,this.designUnit=Xl.designUnit,this.baseFontSize=Xl.baseFontSize,this.baseLineHeight=Xl.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof s.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof c.Combobox||e.target instanceof c.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof s.Slider){const a=parseInt(e.target.value),r=e.target.name;r&&Number.isInteger(a)&&(this[r]=a,this.updateUserSelections(r,a),this.styleUpdate())}},this.updateUserSelections=(e,a)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=a)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?c.StandardLuminance.DarkMode:c.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&d.DOM.queueUpdate((()=>{const e=Kl(a);rg.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Ql.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(rg[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Ql.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"}];if(this.customDesignMode){const e={name:(yield this.getAppName())||"Custom Design",value:"custom"};this.designSystems=[e],this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:rg[this.ds].prefix,buttonAppearanceAccent:rg[this.ds].buttons.accent,buttonAppearanceNeutral:rg[this.ds].buttons.neutral,buttonAppearanceOutline:rg[this.ds].buttons.outline};this.$emit(Vl.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(rg[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Wl[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(Vl.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach((a=>{this.preserveOptions&&void 0!==this.userSelections[a]?this[a]=this.userSelections[a]:this[a]=e[a]})),this.darkMode=this.luminance===c.StandardLuminance.DarkMode,d.DOM.queueUpdate((()=>{this.tokenUpdateInProgress=!1}))}getAppName(){return fetch("/api/name").then((e=>e.ok&&e.json())).then((e=>e)).catch((e=>{console.error("Error fetching tokens:",e)}))}connectedCallback(){super.connectedCallback(),this.userSelections={},Ce(),d.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Vl.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Ql.__decorate)([(0,d.attr)({mode:"boolean",attribute:"custom-design-mode"})],tg.prototype,"customDesignMode",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"designSystems",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"ds",void 0),(0,Ql.__decorate)([d.attr],tg.prototype,"darkMode",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"neutralColor",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"accentColor",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"bodyFont",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"density",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"borderRadius",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"strokeWidth",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"designUnit",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"baseFontSize",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"baseLineHeight",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"preserveOptions",void 0),tg=(0,Ql.__decorate)([(0,d.customElement)({name:"design-system-editor",template:Zl,styles:Jl})],tg);const og=e=>{const a=(e=>{const a=(0,Ee.parseColorHexRGB)(e);return a?c.SwatchRGB.from(a):null})(e);return a?c.PaletteRGB.create(a):null},ig=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},ng=(e,a)=>{const r=og(e.neutralColor);c.neutralPalette.setValueFor(a,r);const t=og(e.accentColor);c.accentPalette.setValueFor(a,t),c.baseLayerLuminance.setValueFor(a,e.luminance),c.density.setValueFor(a,e.density),c.controlCornerRadius.setValueFor(a,e.borderRadius),c.strokeWidth.setValueFor(a,e.strokeWidth),c.designUnit.setValueFor(a,e.designUnit),c.bodyFont.setValueFor(a,e.bodyFont),c.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),c.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),c.typeRampMinus1FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.minusOne,a)),c.typeRampMinus1LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.minusOne,a)),c.typeRampMinus2FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.minusTwo,a)),c.typeRampMinus2LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.minusTwo,a)),c.typeRampPlus1FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusOne,a)),c.typeRampPlus1LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusOne,a)),c.typeRampPlus2FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusTwo,a)),c.typeRampPlus2LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusTwo,a)),c.typeRampPlus3FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusThree,a)),c.typeRampPlus3LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusThree,a)),c.typeRampPlus4FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusFour,a)),c.typeRampPlus4LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusFour,a)),c.typeRampPlus5FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusFive,a)),c.typeRampPlus5LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusFive,a)),c.typeRampPlus6FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusSix,a)),c.typeRampPlus6LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusSix,a))},lg=d.css`
+`,Kl=({design_tokens:e})=>({accentColor:e.color.accent.$value,neutralColor:e.color.neutral.$value,luminance:e.mode.luminance.$value,density:e.style.density.$value,designUnit:e.space.designUnit.$value,borderRadius:e.style.borderRadius.$value,strokeWidth:e.style.strokeWidth.$value,bodyFont:Object.keys(Wl).find((a=>Wl[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Xl=Kl($e),eg={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient"},ag=Kl(i.designTokens),rg={zero:{prefix:"zero",tokenDefaults:Xl,buttons:eg},alpha:{prefix:"alpha",tokenDefaults:ag,buttons:{accent:"accent",neutral:"neutral",outline:"outline"}},custom:{prefix:"zero",tokenDefaults:null,buttons:eg}};let tg=class extends d.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Xl.luminance===c.StandardLuminance.DarkMode,this.luminance=Xl.luminance,this.neutralColor=Xl.neutralColor,this.accentColor=Xl.accentColor,this.bodyFont=Xl.bodyFont,this.density=Xl.density,this.borderRadius=Xl.borderRadius,this.strokeWidth=Xl.strokeWidth,this.designUnit=Xl.designUnit,this.baseFontSize=Xl.baseFontSize,this.baseLineHeight=Xl.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof s.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof c.Combobox||e.target instanceof c.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof s.Slider){const a=parseInt(e.target.value),r=e.target.name;r&&Number.isInteger(a)&&(this[r]=a,this.updateUserSelections(r,a),this.styleUpdate())}},this.updateUserSelections=(e,a)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=a)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?c.StandardLuminance.DarkMode:c.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&d.DOM.queueUpdate((()=>{const e=Kl(a);rg.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Ql.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(rg[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Ql.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"}];if(this.customDesignMode){const e={name:(yield this.getAppName())||"Custom Design",value:"custom"};this.designSystems=[e],this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:rg[this.ds].prefix,buttonAppearanceAccent:rg[this.ds].buttons.accent,buttonAppearanceNeutral:rg[this.ds].buttons.neutral,buttonAppearanceOutline:rg[this.ds].buttons.outline};this.$emit(Vl.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(rg[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Wl[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(Vl.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach((a=>{this.preserveOptions&&void 0!==this.userSelections[a]?this[a]=this.userSelections[a]:this[a]=e[a]})),this.darkMode=this.luminance===c.StandardLuminance.DarkMode,d.DOM.queueUpdate((()=>{this.tokenUpdateInProgress=!1}))}getAppName(){return fetch("/api/name").then((e=>e.ok&&e.json())).then((e=>e)).catch((e=>{console.error("Error fetching tokens:",e)}))}connectedCallback(){super.connectedCallback(),this.userSelections={},Ce(),d.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Vl.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Ql.__decorate)([(0,d.attr)({mode:"boolean",attribute:"custom-design-mode"})],tg.prototype,"customDesignMode",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"designSystems",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"ds",void 0),(0,Ql.__decorate)([d.attr],tg.prototype,"darkMode",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"neutralColor",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"accentColor",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"bodyFont",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"density",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"borderRadius",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"strokeWidth",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"designUnit",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"baseFontSize",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"baseLineHeight",void 0),(0,Ql.__decorate)([d.observable],tg.prototype,"preserveOptions",void 0),tg=(0,Ql.__decorate)([(0,d.customElement)({name:"design-system-editor",template:Zl,styles:Jl})],tg);const og=e=>{const a=(e=>{const a=(0,Ee.parseColorHexRGB)(e);return a?c.SwatchRGB.from(a):null})(e);return a?c.PaletteRGB.create(a):null},ig=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},ng=(e,a)=>{const r=og(e.neutralColor);c.neutralPalette.setValueFor(a,r);const t=og(e.accentColor);c.accentPalette.setValueFor(a,t),c.baseLayerLuminance.setValueFor(a,e.luminance),c.density.setValueFor(a,e.density),c.controlCornerRadius.setValueFor(a,e.borderRadius),c.strokeWidth.setValueFor(a,e.strokeWidth),c.designUnit.setValueFor(a,e.designUnit),c.bodyFont.setValueFor(a,e.bodyFont),c.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),c.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),c.typeRampMinus1FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.minusOne,a)),c.typeRampMinus1LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.minusOne,a)),c.typeRampMinus2FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.minusTwo,a)),c.typeRampMinus2LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.minusTwo,a)),c.typeRampPlus1FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusOne,a)),c.typeRampPlus1LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusOne,a)),c.typeRampPlus2FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusTwo,a)),c.typeRampPlus2LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusTwo,a)),c.typeRampPlus3FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusThree,a)),c.typeRampPlus3LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusThree,a)),c.typeRampPlus4FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusFour,a)),c.typeRampPlus4LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusFour,a)),c.typeRampPlus5FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusFive,a)),c.typeRampPlus5LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusFive,a)),c.typeRampPlus6FontSize.setValueFor(a,ig(c.typeRampBaseFontSize,Se.Yd.plusSix,a)),c.typeRampPlus6LineHeight.setValueFor(a,ig(c.typeRampBaseLineHeight,Se.Yd.plusSix,a))},lg=d.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -11812,7 +11815,7 @@
       </alpha-tab-panel>
     </alpha-tabs>
   </template>
-`;let Dg=class extends d.FASTElement{};Dg=(0,Ql.__decorate)([(0,d.customElement)({name:"design-system-preview",template:Og,styles:Tg})],Dg);const Ng={type:"VerticalLayout",dsPrefix:"zero",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},Fg={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},$g={type:"VerticalLayout",dsPrefix:"zero",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},Lg={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},Mg=d.css`
+`;let Dg=class extends d.FASTElement{};Dg=(0,Ql.__decorate)([(0,d.customElement)({name:"design-system-preview",template:Og,styles:Tg})],Dg);const Ng={type:"VerticalLayout",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},$g={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},Fg={type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},Lg={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},Mg=d.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -11854,18 +11857,20 @@
             :jsonSchema=${e=>e.jsonSchema}
             :uischema=${e=>e.uischema}
             :data=${e=>e.editedEntity}
+            design-system-prefix="${e=>e.prefix}"
           ></foundation-form>
           <foundation-form
             :jsonSchema=${e=>e.jsonSchemaArray}
             :uischema=${e=>e.uiSchemaArray}
             :data=${e=>e.editedEntityArray}
+            design-system-prefix="${e=>e.prefix}"
           ></foundation-form>
         </div>
       </div>
     </${a}-design-system-provider>
   </template>
 `;var a}}
-`;let jg=class extends d.FASTElement{constructor(){super(...arguments),this.jsonSchema=Fg,this.uischema=Ng,this.jsonSchemaArray=Lg,this.uiSchemaArray=$g,this.prefix="zero",this.editedEntity={group1:{NAME:"Test Name"},group2:{COUNTERPARTY_ID:"GENESIS",INSTRUMENT_ID:"BOND"}},this.editedEntityArray={users:[{firstname:"Max",lastname:"Mustermann",age:25,email:"max@mustermann.com"},{firstname:"John",lastname:"Doe",age:35,email:"john@doe.com"}]}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Vl.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Vl.DS_CHANGED,(e=>{this.handleDSChanges(e)})),d.DOM.queueUpdate((()=>{c.bodyFont.withDefault(ql)}))}handleStyleChanges(e){const a=e.detail;a&&d.DOM.queueUpdate((()=>{ng(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,this.uischema.dsPrefix=e.detail.prefix,this.uiSchemaArray.dsPrefix=e.detail.prefix}};(0,Ql.__decorate)([d.observable],jg.prototype,"jsonSchema",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"uischema",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"jsonSchemaArray",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"uiSchemaArray",void 0),(0,Ql.__decorate)([d.attr],jg.prototype,"prefix",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"provider",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"editedEntity",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"editedEntityArray",void 0),jg=(0,Ql.__decorate)([(0,d.customElement)({name:"preview-form",template:Rg,styles:Mg})],jg);const Ig=d.css`
+`;let jg=class extends d.FASTElement{constructor(){super(...arguments),this.jsonSchema=$g,this.uischema=Ng,this.jsonSchemaArray=Lg,this.uiSchemaArray=Fg,this.prefix="zero",this.editedEntity={group1:{NAME:"Test Name"},group2:{COUNTERPARTY_ID:"GENESIS",INSTRUMENT_ID:"BOND"}},this.editedEntityArray={users:[{firstname:"Max",lastname:"Mustermann",age:25,email:"max@mustermann.com"},{firstname:"John",lastname:"Doe",age:35,email:"john@doe.com"}]}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Vl.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Vl.DS_CHANGED,(e=>{this.handleDSChanges(e)})),d.DOM.queueUpdate((()=>{c.bodyFont.withDefault(ql)}))}handleStyleChanges(e){const a=e.detail;a&&d.DOM.queueUpdate((()=>{ng(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,Ql.__decorate)([d.observable],jg.prototype,"jsonSchema",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"uischema",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"jsonSchemaArray",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"uiSchemaArray",void 0),(0,Ql.__decorate)([d.attr],jg.prototype,"prefix",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"provider",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"editedEntity",void 0),(0,Ql.__decorate)([d.observable],jg.prototype,"editedEntityArray",void 0),jg=(0,Ql.__decorate)([(0,d.customElement)({name:"preview-form",template:Rg,styles:Mg})],jg);const Ig=d.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -11891,4 +11896,4 @@
   </template>
 `;var a}}
 `;let Pg=class extends d.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.rowData=[{make:"Toyota",model:"Celica",price:35e3,creationDate:1617624494293,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494295,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1619637452397,isCool:!1},{make:"Audi",model:"A6",price:8e4,creationDate:1617624494293,isCool:!0},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494295,isCool:!0},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1619637452397,isCool:!1},{make:"BMW",model:"Z8",price:9e4,creationDate:1617624494293,isCool:!1},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494295,isCool:!1},{make:"Toyota",model:"Celica",price:35e3,creationDate:1619637452397,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494293,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1617624494295,isCool:!0},{make:"Audi",model:"A6",price:8e4,creationDate:1619637452397,isCool:!1},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494293,isCool:!1},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1617624494295,isCool:!0},{make:"BMW",model:"Z8",price:9e4,creationDate:1619637452397,isCool:!0},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494293,isCool:!0}],this.columnDefs=[{field:"make"},{field:"model"},{field:"price"},{field:"creationDate"},{field:"isCool"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Vl.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Vl.DS_CHANGED,(e=>{this.handleDSChanges(e)})),d.DOM.queueUpdate((()=>{this.setGridOptions(),c.bodyFont.withDefault(ql)}))}handleStyleChanges(e){const a=e.detail;a&&d.DOM.queueUpdate((()=>{ng(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,d.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,Ql.__decorate)([d.observable],Pg.prototype,"grid",void 0),(0,Ql.__decorate)([d.attr],Pg.prototype,"prefix",void 0),(0,Ql.__decorate)([d.observable],Pg.prototype,"provider",void 0),(0,Ql.__decorate)([d.observable],Pg.prototype,"rowData",void 0),(0,Ql.__decorate)([d.observable],Pg.prototype,"columnDefs",void 0),(0,Ql.__decorate)([d.observable],Pg.prototype,"gridOptions",void 0),Pg=(0,Ql.__decorate)([(0,d.customElement)({name:"preview-grid",template:Eg,styles:Ig})],Pg),((e,a="zero")=>{e&&(0,I.provideTokens)(t,o,e);const r=s.DesignSystem.getOrCreate(e).withPrefix(a);return(0,I.createDesignSystemProxy)(r)})().register(Xo,Hl),(0,i.provideDesignSystem)().register(i.baseComponents,Yl)}}]);
-//# sourceMappingURL=180.2c219993607b33f94c860dfb18c740cd.js.map
+//# sourceMappingURL=180.7b70a8d34847ee3ce8a7d2ae3f9d1f19.js.map