@genesislcap/design-system-configurator 14.67.2 → 14.67.4

package/dist/{495.495.220482c1a4adae08da01.js → 495.495.8c81554c8a324060dd31.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[495],{7495:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>gl,ColorToken:()=>cl,ColorTokens:()=>vl,DesignSystemEditor:()=>Jn,DesignSystemExport:()=>il,DesignSystemPreview:()=>zl,EventName:()=>Pn,PreviewComponents:()=>rl,PreviewForm:()=>Ll,PreviewGrid:()=>Ml,TypographyTokens:()=>wl,defaultBodyFont:()=>Gn,fontFamilies:()=>Bn});var t={};r.r(t),r.d(t,{accentFillActive:()=>p.accentFillActive,accentFillActiveDelta:()=>p.accentFillActiveDelta,accentFillFocus:()=>p.accentFillFocus,accentFillFocusDelta:()=>p.accentFillFocusDelta,accentFillHover:()=>p.accentFillHover,accentFillHoverDelta:()=>p.accentFillHoverDelta,accentFillRest:()=>p.accentFillRest,accentFillRestDelta:()=>p.accentFillRestDelta,accentForegroundActive:()=>p.accentForegroundActive,accentForegroundActiveDelta:()=>p.accentForegroundActiveDelta,accentForegroundFocus:()=>p.accentForegroundFocus,accentForegroundFocusDelta:()=>p.accentForegroundFocusDelta,accentForegroundHover:()=>p.accentForegroundHover,accentForegroundHoverDelta:()=>p.accentForegroundHoverDelta,accentForegroundRest:()=>p.accentForegroundRest,accentForegroundRestDelta:()=>p.accentForegroundRestDelta,accentPalette:()=>p.accentPalette,baseHeightMultiplier:()=>p.baseHeightMultiplier,baseLayerLuminance:()=>p.baseLayerLuminance,bodyFont:()=>p.bodyFont,controlCornerRadius:()=>p.controlCornerRadius,density:()=>p.density,designUnit:()=>p.designUnit,direction:()=>p.direction,disabledOpacity:()=>p.disabledOpacity,fillColor:()=>p.fillColor,focusStrokeInner:()=>p.focusStrokeInner,focusStrokeOuter:()=>p.focusStrokeOuter,focusStrokeWidth:()=>p.focusStrokeWidth,foregroundOnAccentActive:()=>p.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>p.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>p.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>p.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>p.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>p.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>p.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>p.foregroundOnAccentRestLarge,neutralFillActive:()=>p.neutralFillActive,neutralFillActiveDelta:()=>p.neutralFillActiveDelta,neutralFillFocus:()=>p.neutralFillFocus,neutralFillFocusDelta:()=>p.neutralFillFocusDelta,neutralFillHover:()=>p.neutralFillHover,neutralFillHoverDelta:()=>p.neutralFillHoverDelta,neutralFillInputActive:()=>p.neutralFillInputActive,neutralFillInputActiveDelta:()=>p.neutralFillInputActiveDelta,neutralFillInputFocus:()=>p.neutralFillInputFocus,neutralFillInputFocusDelta:()=>p.neutralFillInputFocusDelta,neutralFillInputHover:()=>p.neutralFillInputHover,neutralFillInputHoverDelta:()=>p.neutralFillInputHoverDelta,neutralFillInputRest:()=>p.neutralFillInputRest,neutralFillInputRestDelta:()=>p.neutralFillInputRestDelta,neutralFillLayerRest:()=>p.neutralFillLayerRest,neutralFillLayerRestDelta:()=>p.neutralFillLayerRestDelta,neutralFillRest:()=>p.neutralFillRest,neutralFillRestDelta:()=>p.neutralFillRestDelta,neutralFillStealthActive:()=>p.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>p.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>p.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>p.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>p.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>p.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>p.neutralFillStealthRest,neutralFillStealthRestDelta:()=>p.neutralFillStealthRestDelta,neutralFillStrongActive:()=>p.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>p.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>p.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>p.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>p.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>p.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>p.neutralFillStrongRest,neutralFillStrongRestDelta:()=>p.neutralFillStrongRestDelta,neutralForegroundHint:()=>p.neutralForegroundHint,neutralForegroundRest:()=>p.neutralForegroundRest,neutralLayer1:()=>p.neutralLayer1,neutralLayer2:()=>p.neutralLayer2,neutralLayer3:()=>p.neutralLayer3,neutralLayer4:()=>p.neutralLayer4,neutralLayerCardContainer:()=>p.neutralLayerCardContainer,neutralLayerFloating:()=>p.neutralLayerFloating,neutralPalette:()=>p.neutralPalette,neutralStrokeActive:()=>p.neutralStrokeActive,neutralStrokeActiveDelta:()=>p.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>p.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>p.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>p.neutralStrokeFocus,neutralStrokeFocusDelta:()=>p.neutralStrokeFocusDelta,neutralStrokeHover:()=>p.neutralStrokeHover,neutralStrokeHoverDelta:()=>p.neutralStrokeHoverDelta,neutralStrokeRest:()=>p.neutralStrokeRest,neutralStrokeRestDelta:()=>p.neutralStrokeRestDelta,strokeWidth:()=>p.strokeWidth,typeRampBaseFontSize:()=>p.typeRampBaseFontSize,typeRampBaseLineHeight:()=>p.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>p.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>p.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>p.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>p.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>p.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>p.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>p.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>p.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>p.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>p.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>p.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>p.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>p.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>p.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>p.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>p.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>se,baseLayerLuminanceValue:()=>pe,bodyFontValue:()=>xe,controlCornerRadiusValue:()=>me,densityValue:()=>ve,designTokens:()=>Se,designUnitValue:()=>be,directionValue:()=>ue,neutralPaletteValue:()=>ce,strokeWidthValue:()=>he,typeRampBaseFontSizeValue:()=>ze,typeRampBaseLineHeightValue:()=>ke});var i=r(93938),n=r(92592),l=r(62646),g=r(43770),d=r(60724),s=r(83147),c=r(75951),p=r(13896),u=r(67973);const h=s.css`
+"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[495],{7495:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>gl,ColorToken:()=>cl,ColorTokens:()=>vl,DesignSystemEditor:()=>Jn,DesignSystemExport:()=>il,DesignSystemPreview:()=>zl,EventName:()=>Pn,PreviewComponents:()=>rl,PreviewForm:()=>Ll,PreviewGrid:()=>Ml,TypographyTokens:()=>wl,defaultBodyFont:()=>Gn,fontFamilies:()=>Bn});var t={};r.r(t),r.d(t,{accentFillActive:()=>p.accentFillActive,accentFillActiveDelta:()=>p.accentFillActiveDelta,accentFillFocus:()=>p.accentFillFocus,accentFillFocusDelta:()=>p.accentFillFocusDelta,accentFillHover:()=>p.accentFillHover,accentFillHoverDelta:()=>p.accentFillHoverDelta,accentFillRest:()=>p.accentFillRest,accentFillRestDelta:()=>p.accentFillRestDelta,accentForegroundActive:()=>p.accentForegroundActive,accentForegroundActiveDelta:()=>p.accentForegroundActiveDelta,accentForegroundFocus:()=>p.accentForegroundFocus,accentForegroundFocusDelta:()=>p.accentForegroundFocusDelta,accentForegroundHover:()=>p.accentForegroundHover,accentForegroundHoverDelta:()=>p.accentForegroundHoverDelta,accentForegroundRest:()=>p.accentForegroundRest,accentForegroundRestDelta:()=>p.accentForegroundRestDelta,accentPalette:()=>p.accentPalette,baseHeightMultiplier:()=>p.baseHeightMultiplier,baseLayerLuminance:()=>p.baseLayerLuminance,bodyFont:()=>p.bodyFont,controlCornerRadius:()=>p.controlCornerRadius,density:()=>p.density,designUnit:()=>p.designUnit,direction:()=>p.direction,disabledOpacity:()=>p.disabledOpacity,fillColor:()=>p.fillColor,focusStrokeInner:()=>p.focusStrokeInner,focusStrokeOuter:()=>p.focusStrokeOuter,focusStrokeWidth:()=>p.focusStrokeWidth,foregroundOnAccentActive:()=>p.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>p.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>p.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>p.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>p.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>p.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>p.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>p.foregroundOnAccentRestLarge,neutralFillActive:()=>p.neutralFillActive,neutralFillActiveDelta:()=>p.neutralFillActiveDelta,neutralFillFocus:()=>p.neutralFillFocus,neutralFillFocusDelta:()=>p.neutralFillFocusDelta,neutralFillHover:()=>p.neutralFillHover,neutralFillHoverDelta:()=>p.neutralFillHoverDelta,neutralFillInputActive:()=>p.neutralFillInputActive,neutralFillInputActiveDelta:()=>p.neutralFillInputActiveDelta,neutralFillInputFocus:()=>p.neutralFillInputFocus,neutralFillInputFocusDelta:()=>p.neutralFillInputFocusDelta,neutralFillInputHover:()=>p.neutralFillInputHover,neutralFillInputHoverDelta:()=>p.neutralFillInputHoverDelta,neutralFillInputRest:()=>p.neutralFillInputRest,neutralFillInputRestDelta:()=>p.neutralFillInputRestDelta,neutralFillLayerRest:()=>p.neutralFillLayerRest,neutralFillLayerRestDelta:()=>p.neutralFillLayerRestDelta,neutralFillRest:()=>p.neutralFillRest,neutralFillRestDelta:()=>p.neutralFillRestDelta,neutralFillStealthActive:()=>p.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>p.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>p.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>p.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>p.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>p.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>p.neutralFillStealthRest,neutralFillStealthRestDelta:()=>p.neutralFillStealthRestDelta,neutralFillStrongActive:()=>p.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>p.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>p.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>p.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>p.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>p.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>p.neutralFillStrongRest,neutralFillStrongRestDelta:()=>p.neutralFillStrongRestDelta,neutralForegroundHint:()=>p.neutralForegroundHint,neutralForegroundRest:()=>p.neutralForegroundRest,neutralLayer1:()=>p.neutralLayer1,neutralLayer2:()=>p.neutralLayer2,neutralLayer3:()=>p.neutralLayer3,neutralLayer4:()=>p.neutralLayer4,neutralLayerCardContainer:()=>p.neutralLayerCardContainer,neutralLayerFloating:()=>p.neutralLayerFloating,neutralPalette:()=>p.neutralPalette,neutralStrokeActive:()=>p.neutralStrokeActive,neutralStrokeActiveDelta:()=>p.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>p.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>p.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>p.neutralStrokeFocus,neutralStrokeFocusDelta:()=>p.neutralStrokeFocusDelta,neutralStrokeHover:()=>p.neutralStrokeHover,neutralStrokeHoverDelta:()=>p.neutralStrokeHoverDelta,neutralStrokeRest:()=>p.neutralStrokeRest,neutralStrokeRestDelta:()=>p.neutralStrokeRestDelta,strokeWidth:()=>p.strokeWidth,typeRampBaseFontSize:()=>p.typeRampBaseFontSize,typeRampBaseLineHeight:()=>p.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>p.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>p.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>p.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>p.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>p.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>p.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>p.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>p.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>p.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>p.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>p.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>p.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>p.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>p.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>p.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>p.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>se,baseLayerLuminanceValue:()=>pe,bodyFontValue:()=>xe,controlCornerRadiusValue:()=>me,densityValue:()=>ve,designTokens:()=>Se,designUnitValue:()=>be,directionValue:()=>ue,neutralPaletteValue:()=>ce,strokeWidthValue:()=>he,typeRampBaseFontSizeValue:()=>ze,typeRampBaseLineHeightValue:()=>ke});var i=r(83475),n=r(92592),l=r(62646),g=r(43426),d=r(60724),s=r(83147),c=r(75951),p=r(13896),u=r(67973);const h=s.css`
   :host {
     border: calc(${p.strokeWidth} * 1px) solid transparent;
     margin: 0;
@@ -186,7 +186,7 @@
   }
 `;let C=class extends s.FASTElement{get showDescription(){return!(0,d.tg6)(this.control.visible,this.control.description,this.control.isFocused,!!this.control.config.showUnfocusedDescription)}get computedLabel(){return(0,d.lgi)(this.control.label,this.control.required,!!this.control.config.hideRequiredAsterisk)}};(0,n.__decorate)([s.observable],C.prototype,"control",void 0),(0,n.__decorate)([s.observable],C.prototype,"touched",void 0),(0,n.__decorate)([s.volatile],C.prototype,"showDescription",null),(0,n.__decorate)([s.volatile],C.prototype,"computedLabel",null),C=(0,n.__decorate)([(0,s.customElement)({name:"control-wrapper",styles:S,template:k})],C);var A=r(80340),T=r.n(A);const D=s.html`
   <template>${e=>e.determinedRenderer.renderer}</template>
-`,L=s.css``;let O=class extends s.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,d.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===d.AZl||void 0===d.AZl?void 0:(0,d.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=T()(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)([s.observable],O.prototype,"jsonforms",void 0),(0,n.__decorate)([s.observable],O.prototype,"props",void 0),(0,n.__decorate)([s.observable],O.prototype,"touched",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],O.prototype,"submitted",void 0),(0,n.__decorate)([s.observable],O.prototype,"dispatch",void 0),(0,n.__decorate)([s.observable],O.prototype,"control",void 0),(0,n.__decorate)([s.observable],O.prototype,"renderer",void 0),(0,n.__decorate)([s.observable],O.prototype,"prefix",void 0),O=(0,n.__decorate)([(0,s.customElement)({name:"dispatch-renderer",template:D,styles:L})],O);const F=s.html`
+`,L=s.css``;let F=class extends s.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,d.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===d.AZl||void 0===d.AZl?void 0:(0,d.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=T()(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)([s.observable],F.prototype,"jsonforms",void 0),(0,n.__decorate)([s.observable],F.prototype,"props",void 0),(0,n.__decorate)([s.observable],F.prototype,"touched",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],F.prototype,"submitted",void 0),(0,n.__decorate)([s.observable],F.prototype,"dispatch",void 0),(0,n.__decorate)([s.observable],F.prototype,"control",void 0),(0,n.__decorate)([s.observable],F.prototype,"renderer",void 0),(0,n.__decorate)([s.observable],F.prototype,"prefix",void 0),F=(0,n.__decorate)([(0,s.customElement)({name:"dispatch-renderer",template:D,styles:L})],F);const O=s.html`
   <template>
     <json-forms
       ?readonly=${e=>e.readonly}
@@ -230,7 +230,7 @@
     </control-wrapper>
   </template>
 `)(e.prefix)}
-  `,tester:(0,d.yMz)(3,M),mapper:d.xq9};var $=r(56612);const R=e=>a=>{if(!a||!(0,d.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},j=(0,d.xDy)(R("allOptionsResourceName"),(0,d.or)((0,d.wcO)((e=>(0,d.ndu)(e,"array"))),(0,d.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,d.ndu)(e,"array")))))));$.MultiselectDatasource;const I={renderer:s.html`
+  `,tester:(0,d.yMz)(3,M),mapper:d.xq9};var $=r(76555);const R=e=>a=>{if(!a||!(0,d.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},j=(0,d.xDy)(R("allOptionsResourceName"),(0,d.or)((0,d.wcO)((e=>(0,d.ndu)(e,"array"))),(0,d.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,d.ndu)(e,"array")))))));$.MultiselectDatasource;const I={renderer:s.html`
     ${e=>((e="zero")=>s.html`
   <template>
     <control-wrapper
@@ -468,18 +468,18 @@
     </control-wrapper>
   </template>
 `)(e.prefix)}
-`,ae=(0,g.createLogger)("foundation-form"),re={renderer:ee,tester:(0,d.yMz)(2,d.Wdb),mapper:d.xq9},te=[{renderer:ee,tester:(0,d.yMz)(1,d.DRl),mapper:d.xq9},re,N,V,Y,Q,q,J,W,X,I,G,E,U,H];let oe=class extends c.FoundationElement{constructor(){super(...arguments),this.renderers=te,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,ae.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 s.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(ae.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})}}))}onChange(e){ae.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}connectedCallback(){super.connectedCallback(),this.addEventListener("submit-button-clicked",this._submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit-button-clicked",this._submit),this.reset()}reset(){this.submitted=!1,this.data={}}};var ie,ne,le,ge,de;(0,n.__decorate)([s.attr],oe.prototype,"resourceName",void 0),(0,n.__decorate)([s.observable],oe.prototype,"uischema",void 0),(0,n.__decorate)([s.observable],oe.prototype,"renderers",void 0),(0,n.__decorate)([s.observable],oe.prototype,"jsonSchema",void 0),(0,n.__decorate)([l.lj],oe.prototype,"connect",void 0),(0,n.__decorate)([s.observable],oe.prototype,"data",void 0),(0,n.__decorate)([s.observable],oe.prototype,"submitting",void 0),(0,n.__decorate)([s.observable],oe.prototype,"submitted",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],oe.prototype,"readonly",void 0),oe=(0,n.__decorate)([(0,s.customElement)({name:"foundation-form",template:F,styles:h})],oe),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(ie||(ie={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(ne||(ne={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(le||(le={})),function(e){e.grey="#7c909b"}(ge||(ge={})),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"}(de||(de={}));const se=(0,$.paletteFromHex)(ne.blue),ce=(0,$.paletteFromHex)(ge.grey),pe=p.StandardLuminance.DarkMode;const ue=r(5598).N.ltr,he=p.strokeWidth.getValueFor(p.strokeWidth.appliedTo[0]),me=4,ve=p.density.getValueFor(p.density.appliedTo[0]),be=4,fe=()=>{(0,g.loadFontFaces)("\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")},we='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',ye=(e=g.FontStyle.Normal,a=g.FontWeight.Regular)=>(0,g.getFontMixin)(we,e,a),xe=we,ze=p.typeRampBaseFontSize.getValueFor(p.typeRampBaseFontSize.appliedTo[0]),ke=p.typeRampBaseLineHeight.getValueFor(p.typeRampBaseLineHeight.appliedTo[0]),Se={design_tokens:{color:{accent:{$value:se.source.toColorString(),$type:"color"},neutral:{$value:ce.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:xe,$type:"fontFamily"}},typography:{baseFontSize:{$value:ze,$type:"dimension"},baseLineHeight:{$value:ke,$type:"dimension"}},mode:{luminance:{$value:pe,$type:"number"}},style:{density:{$value:ve,$type:"number"},borderRadius:{$value:me,$type:"number"},strokeWidth:{$value:he,$type:"number"}},space:{designUnit:{$value:be,$type:"number"}}}};class Ce extends $.Accordion{}const Ae=Ce.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,$.foundationAccordionTemplate)(e,a),styles:(e,a)=>s.css`
+`,ae=(0,g.createLogger)("foundation-form"),re={renderer:ee,tester:(0,d.yMz)(2,d.Wdb),mapper:d.xq9},te=[{renderer:ee,tester:(0,d.yMz)(1,d.DRl),mapper:d.xq9},re,N,V,Y,Q,q,J,W,X,I,G,E,U,H];let oe=class extends c.FoundationElement{constructor(){super(...arguments),this.renderers=te,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,ae.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 s.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(ae.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})}}))}onChange(e){ae.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}connectedCallback(){super.connectedCallback(),this.addEventListener("submit-button-clicked",this._submit)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("submit-button-clicked",this._submit),this.reset()}reset(){this.submitted=!1,this.data={}}};var ie,ne,le,ge,de;(0,n.__decorate)([s.attr],oe.prototype,"resourceName",void 0),(0,n.__decorate)([s.observable],oe.prototype,"uischema",void 0),(0,n.__decorate)([s.observable],oe.prototype,"renderers",void 0),(0,n.__decorate)([s.observable],oe.prototype,"jsonSchema",void 0),(0,n.__decorate)([l.lj],oe.prototype,"connect",void 0),(0,n.__decorate)([s.observable],oe.prototype,"data",void 0),(0,n.__decorate)([s.observable],oe.prototype,"submitting",void 0),(0,n.__decorate)([s.observable],oe.prototype,"submitted",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],oe.prototype,"readonly",void 0),oe=(0,n.__decorate)([(0,s.customElement)({name:"foundation-form",template:O,styles:h})],oe),function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(ie||(ie={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(ne||(ne={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(le||(le={})),function(e){e.grey="#7c909b"}(ge||(ge={})),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"}(de||(de={}));const se=(0,$.paletteFromHex)(ne.blue),ce=(0,$.paletteFromHex)(ge.grey),pe=p.StandardLuminance.DarkMode;const ue=r(5598).N.ltr,he=p.strokeWidth.getValueFor(p.strokeWidth.appliedTo[0]),me=4,ve=p.density.getValueFor(p.density.appliedTo[0]),be=4,fe=()=>{(0,g.loadFontFaces)("\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")},we='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',ye=(e=g.FontStyle.Normal,a=g.FontWeight.Regular)=>(0,g.getFontMixin)(we,e,a),xe=we,ze=p.typeRampBaseFontSize.getValueFor(p.typeRampBaseFontSize.appliedTo[0]),ke=p.typeRampBaseLineHeight.getValueFor(p.typeRampBaseLineHeight.appliedTo[0]),Se={design_tokens:{color:{accent:{$value:se.source.toColorString(),$type:"color"},neutral:{$value:ce.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:xe,$type:"fontFamily"}},typography:{baseFontSize:{$value:ze,$type:"dimension"},baseLineHeight:{$value:ke,$type:"dimension"}},mode:{luminance:{$value:pe,$type:"number"}},style:{density:{$value:ve,$type:"number"},borderRadius:{$value:me,$type:"number"},strokeWidth:{$value:he,$type:"number"}},space:{designUnit:{$value:be,$type:"number"}}}};class Ce extends $.Accordion{}const Ae=Ce.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,$.foundationAccordionTemplate)(e,a),styles:(e,a)=>s.css`
   ${(0,$.foundationAccordionStyles)(e,a)}
 `,shadowOptions:$.foundationAccordionShadowOptions},$.defaultAccordionConfig));class Te extends $.AccordionItem{}const De=Te.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,$.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>s.css`
   ${(0,$.foundationAccordionItemStyles)(e,a)};
-`,shadowOptions:$.foundationAccordionItemShadowOptions},$.defaultAccordionItemConfig));class Le extends $.ActionsMenu{}const Oe=Le.compose({baseName:"actions-menu",styles:(e,a)=>s.css`
+`,shadowOptions:$.foundationAccordionItemShadowOptions},$.defaultAccordionItemConfig));class Le extends $.ActionsMenu{}const Fe=Le.compose({baseName:"actions-menu",styles:(e,a)=>s.css`
   :host {
     --actions-opener-heigght-multiplier: 0.6px;
     --menu-item-height-multiplier: 0.5px;
   }
 
   ${(0,$.actionsMenuBaseStyles)(e,a)}
-`,template:$.foundationActionsMenuTemplate});var Fe=r(82694);const Me=(e,a=1)=>new Fe.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA(),Ne=(0,Fe.parseColorHexRGB)(ie.white),$e=(e=1)=>Me(Ne,e),Re=((0,Fe.parseColorHexRGB)(ie.black),(0,Fe.parseColorHexRGB)("#585858")),je=(p.SwatchRGB.create(Re.r,Re.g,Re.b),(0,Fe.parseColorHexRGB)("#202126")),Ie=p.SwatchRGB.create(je.r,je.g,je.b),Ee=(p.PaletteRGB.from(Ie),(0,Fe.parseColorHexRGB)(ne.blue)),Pe=(e=1)=>Me(Ee,e),Ue=p.SwatchRGB.create(Ee.r,Ee.g,Ee.b),Be=(p.PaletteRGB.from(Ue),(0,Fe.parseColorHexRGB)(ne.purple)),Ge=(e=1)=>Me(Be,e),He=(0,Fe.parseColorHexRGB)(le.orange),_e=(e=1)=>Me(He,e),Ve=(0,Fe.parseColorHexRGB)(le.teal),Ye=(e=1)=>Me(Ve,e),Qe=((0,Fe.parseColorHexRGB)(de.longGreen),(0,Fe.parseColorHexRGB)(de.chartPink),(0,Fe.parseColorHexRGB)(de.warningYellow)),qe=(0,Fe.parseColorHexRGB)(de.chartPink),We=(e=1)=>Me(qe,e);function Je(e,a){return new c.PropertyStyleSheetBehavior("appearance",e,a)}const Ze=.3,Ke=.1,Xe=.5,ea=s.css`
+`,template:$.foundationActionsMenuTemplate});var Oe=r(82694);const Me=(e,a=1)=>new Oe.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA(),Ne=(0,Oe.parseColorHexRGB)(ie.white),$e=(e=1)=>Me(Ne,e),Re=((0,Oe.parseColorHexRGB)(ie.black),(0,Oe.parseColorHexRGB)("#585858")),je=(p.SwatchRGB.create(Re.r,Re.g,Re.b),(0,Oe.parseColorHexRGB)("#202126")),Ie=p.SwatchRGB.create(je.r,je.g,je.b),Ee=(p.PaletteRGB.from(Ie),(0,Oe.parseColorHexRGB)(ne.blue)),Pe=(e=1)=>Me(Ee,e),Ue=p.SwatchRGB.create(Ee.r,Ee.g,Ee.b),Be=(p.PaletteRGB.from(Ue),(0,Oe.parseColorHexRGB)(ne.purple)),Ge=(e=1)=>Me(Be,e),He=(0,Oe.parseColorHexRGB)(le.orange),_e=(e=1)=>Me(He,e),Ve=(0,Oe.parseColorHexRGB)(le.teal),Ye=(e=1)=>Me(Ve,e),Qe=((0,Oe.parseColorHexRGB)(de.longGreen),(0,Oe.parseColorHexRGB)(de.chartPink),(0,Oe.parseColorHexRGB)(de.warningYellow)),qe=(0,Oe.parseColorHexRGB)(de.chartPink),We=(e=1)=>Me(qe,e);function Je(e,a){return new c.PropertyStyleSheetBehavior("appearance",e,a)}const Ze=.3,Ke=.1,Xe=.5,ea=s.css`
   :host([appearance='primary-blue']) {
     background: ${Pe(Ze)};
     border: 1px solid ${ne.blue};
@@ -730,7 +730,7 @@
   }
 `,shadowOptions:$.foundationBreadcrumbItemShadowOptions},$.defaultBreadcrumbItemConfig));class Aa extends $.Button{}const Ta=Aa.compose(Object.assign({baseName:"button",template:(e,a)=>(0,$.foundationButtonTemplate)(e,a),styles:da,shadowOptions:$.foundationButtonShadowOptions},$.defaultButtonConfig));class Da extends $.Calendar{}const La=Da.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,$.foundationCalendarTemplate)(e,a),styles:()=>s.css`
   ${(0,$.foundationCalendarStyles)()}
-`,shadowOptions:$.foundationCalendarShadowOptions},$.defaultCalendarConfig));class Oa extends $.Card{}const Fa=Oa.compose(Object.assign({baseName:"card",template:(e,a)=>(0,$.foundationCardTemplate)(e,a),styles:(e,a)=>s.css`
+`,shadowOptions:$.foundationCalendarShadowOptions},$.defaultCalendarConfig));class Fa extends $.Card{}const Oa=Fa.compose(Object.assign({baseName:"card",template:(e,a)=>(0,$.foundationCardTemplate)(e,a),styles:(e,a)=>s.css`
   ${(0,$.foundationCardStyles)(e,a)}
   :host {
     background-color: var(--zero-card-fill-color, var(--neutral-layer-2));
@@ -756,7 +756,7 @@
     box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
-`,shadowOptions:$.foundationCheckboxShadowOptions},$.defaultCheckboxConfig)),$a=(0,Fe.parseColorHexRGB)("#F1F1F1"),Ra=Me($a,1),ja=(0,Fe.parseColorHexRGB)("#879BA6"),Ia=Me(ja,.06),Ea=(0,Fe.parseColorHexRGB)("#879BA6"),Pa=Me(Ea,1),Ua=(0,Fe.parseColorHexRGB)("#121212"),Ba=Me(Ua,1),Ga=(0,Fe.parseColorHexRGB)("#2e3339"),Ha=Me(Ga,1);var _a;!function(e){e.PrimaryBlue="primary-blue",e.PrimaryPurple="primary-purple",e.PrimaryGradient="primary-gradient",e.SecondaryOrange="secondary-orange",e.SecondaryTeal="secondary-teal",e.NeutralGrey="neutral-grey",e.OutlinePrimaryGradient="outline-primary-gradient",e.OutlineSecondaryOrange="outline-secondary-orange",e.OutlineSecondaryTeal="outline-secondary-teal"}(_a||(_a={}));Object.values(_a);class Va extends $.Combobox{}const Ya=Va.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,$.foundationComboboxTemplate)(e,a),styles:(e,a)=>s.css`
+`,shadowOptions:$.foundationCheckboxShadowOptions},$.defaultCheckboxConfig)),$a=(0,Oe.parseColorHexRGB)("#F1F1F1"),Ra=Me($a,1),ja=(0,Oe.parseColorHexRGB)("#879BA6"),Ia=Me(ja,.06),Ea=(0,Oe.parseColorHexRGB)("#879BA6"),Pa=Me(Ea,1),Ua=(0,Oe.parseColorHexRGB)("#121212"),Ba=Me(Ua,1),Ga=(0,Oe.parseColorHexRGB)("#2e3339"),Ha=Me(Ga,1);var _a;!function(e){e.PrimaryBlue="primary-blue",e.PrimaryPurple="primary-purple",e.PrimaryGradient="primary-gradient",e.SecondaryOrange="secondary-orange",e.SecondaryTeal="secondary-teal",e.NeutralGrey="neutral-grey",e.OutlinePrimaryGradient="outline-primary-gradient",e.OutlineSecondaryOrange="outline-secondary-orange",e.OutlineSecondaryTeal="outline-secondary-teal"}(_a||(_a={}));Object.values(_a);class Va extends $.Combobox{}const Ya=Va.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,$.foundationComboboxTemplate)(e,a),styles:(e,a)=>s.css`
   ${(0,$.foundationComboboxStyles)(e,a)}
   :host {
     --primary-gradient-angle: -113.5deg;
@@ -885,7 +885,7 @@
       color: ${p.neutralForegroundRest};
       ${ye()}
     }
-  `}}),lr=(0,Fe.parseColorHexRGB)("#121212"),gr=Me(lr,1),dr=s.css`
+  `}}),lr=(0,Oe.parseColorHexRGB)("#121212"),gr=Me(lr,1),dr=s.css`
   ${$.foundationDialogStyles}
   :host {
     --dialog-background: ${p.neutralLayer2};
@@ -997,9 +997,9 @@
     background-color: var(--neutral-color);
     border: 3px solid rgb(31 33 38);
   }
-`,Or=s.html`
+`,Fr=s.html`
   ${(0,$.getPrefixedFileUpload)("zero")}
-`,Fr=$.defaultFileUploadConfig,Mr=$.foundationFileUploadShadowOptions;class Nr extends $.FileUpload{}const $r=Nr.compose(Object.assign({baseName:"file-upload",shadowOptions:Mr,styles:Lr,template:Or},Fr)),Rr=s.html`
+`,Or=$.defaultFileUploadConfig,Mr=$.foundationFileUploadShadowOptions;class Nr extends $.FileUpload{}const $r=Nr.compose(Object.assign({baseName:"file-upload",shadowOptions:Mr,styles:Lr,template:Fr},Or)),Rr=s.html`
   <div class="close-icon" @click=${e=>e.clear()}>${(0,$.closeIcon)()}</div>
 `,jr=s.html`
   <div class="flex-row">
@@ -1211,7 +1211,7 @@
   }
 `,shadowOptions:St},$.defaultMenuItemConfig)),Tt=s.css`
   ${dr}
-`,Dt=$.defaultModalConfig,Lt=$.foundationModalTemplate,Ot=$.foundationModalShadowOptions;class Ft extends $.Modal{}const Mt=Ft.compose(Object.assign({baseName:"modal",shadowOptions:Ot,styles:Tt,template:Lt},Dt)),Nt=s.css`
+`,Dt=$.defaultModalConfig,Lt=$.foundationModalTemplate,Ft=$.foundationModalShadowOptions;class Ot extends $.Modal{}const Mt=Ot.compose(Object.assign({baseName:"modal",shadowOptions:Ft,styles:Tt,template:Lt},Dt)),Nt=s.css`
   ${$.multiselectStyles}
 
   :host {
@@ -1767,7 +1767,7 @@
     color: ${Pa};
     margin: calc(var(--design-unit) * 2px) 0;
   }
-`,shadowOptions:$.foundationTextAreaShadowOptions},$.defaultTextAreaConfig));class Oo extends $.TextField{}const Fo=Oo.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,$.foundationTextFieldTemplate)(e,a),styles:Bt,shadowOptions:$.foundationTextFieldShadowOptions},$.defaultTextFieldConfig)),Mo=s.css`
+`,shadowOptions:$.foundationTextAreaShadowOptions},$.defaultTextAreaConfig));class Fo extends $.TextField{}const Oo=Fo.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,$.foundationTextFieldTemplate)(e,a),styles:Bt,shadowOptions:$.foundationTextFieldShadowOptions},$.defaultTextFieldConfig)),Mo=s.css`
   ${$.foundationToastStyles}
   .toast {
     border: calc(var(--stroke-width) * 1px) solid ${p.neutralLayer3};
@@ -1843,7 +1843,7 @@
         <a class="url-input-link" href=${e=>e.value} target="_blank">${e=>e.value}</a>
       `)}
   </div>
-`;class Yo extends $.TextField{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,ar.__decorate)([s.observable],Yo.prototype,"value",void 0),(0,ar.__decorate)([s.observable],Yo.prototype,"focused",void 0);const Qo={zeroAccordion:Ae,zeroAccordionItem:De,zeroActionsMenu:Oe,zeroAnchor:ca,zeroAnchoredRegion:ua,zeroAvatar:ma,zeroBadge:ba,zeroBanner:xa,zeroBreadcrumbItem:Ca,zeroBreadcrumb:ka,zeroButton:Ta,zeroCalendar:La,zeroCard:Fa,zeroCheckbox:Na,zeroCombobox:Ya,zeroConnectionIndicator:qa,zeroDataGrid:Ka,zeroDesignSystemProvider:nr,zeroDialog:hr,zeroDatePicker:er,zeroDisclosure:vr,zeroDivider:fr,zeroDropdownMenu:yr,zeroErrorBoundary:Ar,zeroNotificationListener:Ut,zeroErrorBanner:Sr,zeroErrorDialog:Dr,zeroFileUpload:$r,zeroFilter:Vr,zeroFilterBar:Zr,zeroFlexLayout:Xr,zeroFlipper:at,zeroFlyout:nt,zeroGridLayout:gt,zeroGridLayoutItem:st,zeroHorizontalScroll:pt,zeroIcon:vt,zeroListbox:ft,zeroListboxOption:yt,zeroMenu:kt,zeroMenuItem:At,zeroModal:Mt,zeroMultiselect:Et,zeroNumberField:Yt,zeroProgress:qt,zeroProgressRing:Zt,zeroRadio:Xt,zeroRadioGroup:ao,zeroSegmentedControl:to,zeroSegmentedItem:io,zeroSelect:lo,zeroSkeleton:so,zeroSlider:po,zeroSliderLabel:ho,zeroSnackbar:wo,zeroSwitch:xo,zeroTab:ko,zeroTabPanel:Co,zeroTabs:To,zeroTextArea:Lo,zeroTextField:Fo,zeroToast:jo,zeroToolbar:Eo,zeroTooltip:Uo,zeroTreeItem:Go,zeroTreeView:_o,zeroUrlInput:Yo.compose(Object.assign({baseName:"url-input",template:Vo,styles:(e,a)=>s.css`
+`;class Yo extends $.TextField{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,ar.__decorate)([s.observable],Yo.prototype,"value",void 0),(0,ar.__decorate)([s.observable],Yo.prototype,"focused",void 0);const Qo={zeroAccordion:Ae,zeroAccordionItem:De,zeroActionsMenu:Fe,zeroAnchor:ca,zeroAnchoredRegion:ua,zeroAvatar:ma,zeroBadge:ba,zeroBanner:xa,zeroBreadcrumbItem:Ca,zeroBreadcrumb:ka,zeroButton:Ta,zeroCalendar:La,zeroCard:Oa,zeroCheckbox:Na,zeroCombobox:Ya,zeroConnectionIndicator:qa,zeroDataGrid:Ka,zeroDesignSystemProvider:nr,zeroDialog:hr,zeroDatePicker:er,zeroDisclosure:vr,zeroDivider:fr,zeroDropdownMenu:yr,zeroErrorBoundary:Ar,zeroNotificationListener:Ut,zeroErrorBanner:Sr,zeroErrorDialog:Dr,zeroFileUpload:$r,zeroFilter:Vr,zeroFilterBar:Zr,zeroFlexLayout:Xr,zeroFlipper:at,zeroFlyout:nt,zeroGridLayout:gt,zeroGridLayoutItem:st,zeroHorizontalScroll:pt,zeroIcon:vt,zeroListbox:ft,zeroListboxOption:yt,zeroMenu:kt,zeroMenuItem:At,zeroModal:Mt,zeroMultiselect:Et,zeroNumberField:Yt,zeroProgress:qt,zeroProgressRing:Zt,zeroRadio:Xt,zeroRadioGroup:ao,zeroSegmentedControl:to,zeroSegmentedItem:io,zeroSelect:lo,zeroSkeleton:so,zeroSlider:po,zeroSliderLabel:ho,zeroSnackbar:wo,zeroSwitch:xo,zeroTab:ko,zeroTabPanel:Co,zeroTabs:To,zeroTextArea:Lo,zeroTextField:Oo,zeroToast:jo,zeroToolbar:Eo,zeroTooltip:Uo,zeroTreeItem:Go,zeroTreeView:_o,zeroUrlInput:Yo.compose(Object.assign({baseName:"url-input",template:Vo,styles:(e,a)=>s.css`
   ${(0,$.foundationUrlInputStyles)(e,a)}
   a {
     color: ${ne.blue};
@@ -1961,11 +1961,11 @@
         <${r} value=${e=>e.name}>${e=>e.displayName}</${r}>
       `)}
     </${a}>
-  `},Ci=zi.compose({baseName:"select-renderer",styles:ki,template:Si()});const Ai=class extends zi{}.compose({baseName:"select-renderer",styles:ki,template:Si("zero")});var Ti=r(89861),Di=r(59783),Li=r(86534),Oi=r(75527);const Fi=s.html`
+  `},Ci=zi.compose({baseName:"select-renderer",styles:ki,template:Si()});const Ai=class extends zi{}.compose({baseName:"select-renderer",styles:ki,template:Si("zero")});var Ti=r(89861),Di=r(59783),Li=r(86534),Fi=r(75527);const Oi=s.html`
   <template>
     <slot ${(0,s.slotted)("slottedRenderer")} @slotchange="${e=>e.slottedAgRendererChanged()}"></slot>
   </template>
-`;let Mi=class extends c.FoundationElement{connectedCallback(){super.connectedCallback();const e=this.parentElement;this.renderer&&(e.definition.cellRenderer=this.renderer),this.rendererParams&&(e.definition.cellRendererParams=this.rendererParams)}init(e){this.rendererParams=e}getGui(){return"string"!=typeof this.renderer?this.renderer(this.rendererParams):this}destroy(){}refresh(e){return!1}slottedAgRendererChanged(){}};(0,qo.__decorate)([s.observable],Mi.prototype,"renderer",void 0),(0,qo.__decorate)([s.observable],Mi.prototype,"rendererParams",void 0),(0,qo.__decorate)([s.observable],Mi.prototype,"slottedRenderer",void 0),Mi=(0,qo.__decorate)([(0,s.customElement)({name:"grid-pro-cell",template:Fi})],Mi);const Ni=s.html`
+`;let Mi=class extends c.FoundationElement{connectedCallback(){super.connectedCallback();const e=this.parentElement;this.renderer&&(e.definition.cellRenderer=this.renderer),this.rendererParams&&(e.definition.cellRendererParams=this.rendererParams)}init(e){this.rendererParams=e}getGui(){return"string"!=typeof this.renderer?this.renderer(this.rendererParams):this}destroy(){}refresh(e){return!1}slottedAgRendererChanged(){}};(0,qo.__decorate)([s.observable],Mi.prototype,"renderer",void 0),(0,qo.__decorate)([s.observable],Mi.prototype,"rendererParams",void 0),(0,qo.__decorate)([s.observable],Mi.prototype,"slottedRenderer",void 0),Mi=(0,qo.__decorate)([(0,s.customElement)({name:"grid-pro-cell",template:Oi})],Mi);const Ni=s.html`
   <template>
     <slot ${(0,s.slotted)("slottedAgCell")} @slotchange="${e=>e.slottedAgCellChanged()}"></slot>
   </template>
@@ -10193,7 +10193,7 @@
       <slot></slot>
     </span>
   </template>
-`;Di.O3h.registerModules([Li.jM,Ti.I]);const fn=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();class wn extends((0,g.LifecycleMixin)(c.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,Yr.A)(Ii(a),a),this.insertFontFace(a)}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.enabledRowFlashing=!1,this.enableCellFlashing=!1,this.gridAutosizingEnabled=!1,this.gridFontFace=Hi,this.columnComponentName="grid-pro-column",this.theme=ji.alpine,this.rehydrationAttempted=!1,this.agAttributes={},this.agPropertiesMap=Di.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[fn(a)]=a,e)),{})}connectedCallback(){super.connectedCallback(),this.rehydrationAttempted=!1,this.gridAutosizingEnabled&&(0,g.respondToVisibility)(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.shouldRunConnect&&Di.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(fn(e),void 0,a)},enumerable:!0,configurable:!0})}))}disconnectedCallback(){var e;super.disconnectedCallback(),this.rehydrationAttempted=!1,this.shouldRunDisconnect&&(null===(e=this.gridApi)||void 0===e||e.destroy())}combineAllGridComponents(e){const a={[Pi.action]:Jo,[Pi.actionsMenu]:ri,[Pi.boolean]:ni};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}))}get gridOptions(){return this.agGridOptions}get gridProGenesisDatasource(){return this.querySelector("grid-pro-genesis-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,onGridReady:i,onFirstDataRendered:n}=e,l=(0,qo.__rest)(e,["columnDefs","components","onGridReady","onFirstDataRendered"]),g=Object.assign(Object.assign(Object.assign({defaultColDef:{filter:!0,resizable:!0,sortable:!0},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,i&&i(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onFirstDataRendered:e=>{this.enableFlashingRows.bind(this),n&&n(e)},onColumnPinned:r,onColumnResized:r,onColumnMoved:r,onDisplayedColumnsChanged:r,onFilterChanged:r,onGridSizeChanged:r,onSortChanged:r}),l);this.gridProGenesisDatasource||(g.columnDefs=this.applyTemplateDefinitions(t)),this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),Di.plv.copyAttributesToGridOptions(g,this.agAttributes));const d={globalEventListener:a};s.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new Di.rjZ(this.gridSlot,this.agGridOptions,d),this.initialised=!0}))}enableFlashingRows(){this.enabledRowFlashing&&this.gridApi.addEventListener(Di.zW2.EVENT_ASYNC_TRANSACTIONS_FLUSHED,(e=>{e.results.forEach((e=>{e.add.length&&this.gridApi.flashCells({rowNodes:e.add})}))}))}applyTemplateDefinitions(e,a=!1){const r=e||[],t=this.querySelectorAll(this.columnComponentName),o=Array.from(t).map((e=>{var a;return null===(a=e.definition)||void 0===a?void 0:a.field}));let i=[];if(i=0===t.length?r:[...r.filter((e=>!o.includes(e.field))),...Array.from(t).map((e=>{var a;if(this.enableCellFlashing&&void 0===e.definition.enableCellChangeFlash&&(e.definition.enableCellChangeFlash=!0),!this.autoCellRendererByType||e.definition.valueFormatter)return e.definition;const t=null===(a=r.find((a=>e.definition.field===a.field)))||void 0===a?void 0:a.valueFormatter;return t&&(e.definition.valueFormatter=t),e.definition}))],this.gridProGenesisDatasource&&a){const e=this.getSavedColumnState();if(e.length>0)return function(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}(i,e)}return i}get observedAttributes(){const e=Di.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Di.plv.ALL_PROPERTIES.map((e=>fn(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},Di.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=Gi[e]||this.gridFontFace;this.destroyFontFace();const r=(0,g.insertDocumentCSSRule)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,qo.__decorate)([s.observable],wn.prototype,"columnApi",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridApi",void 0),(0,qo.__decorate)([Oi.z],wn.prototype,"session",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],wn.prototype,"autoCellRendererByType",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"only-template-col-defs",mode:"boolean"})],wn.prototype,"onlyTemplateColDefs",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean"})],wn.prototype,"enabledRowFlashing",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],wn.prototype,"enableCellFlashing",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"persist-column-state-key"})],wn.prototype,"persistColumnStateKey",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"grid-autosizing"})],wn.prototype,"gridAutosizingEnabled",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridFontFace",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"columnComponentName",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"eventsAndCallbacks",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"headerHeight",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"rowHeight",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"theme",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"classNames",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"agGrid",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridSlot",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridComponents",void 0);const yn=void 0,xn={shadowOptions:void 0},zn=wn.compose(Object.assign({baseName:"grid-pro",styles:vn,template:bn,shadowOptions:yn},xn)),kn={foregroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#879ba6")),backgroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#1f2126")),borderSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#2e3339")),rowHoverSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#2b2e34"))},Sn={foregroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#000000")),headerForegroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#181d1f")),backgroundSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#FFFFFF")),borderSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#babfc7")),rowHoverSwatch:p.SwatchRGB.from((0,Fe.parseColorHexRGB)("#2196f3"))},{create:Cn}=c.DesignToken,An={backgroundColor:Cn("rapid-ag-background-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.backgroundSwatch:kn.backgroundSwatch)),borderColor:Cn("rapid-ag-border-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.borderSwatch:kn.borderSwatch)),foregroundColor:Cn("rapid-ag-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.foregroundSwatch:kn.foregroundSwatch)),headerForegroundColor:Cn("rapid-ag-header-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.headerForegroundSwatch:kn.headerForegroundSwatch)),rowHoverColor:Cn("rapid-ag-row-hover-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.rowHoverSwatch:kn.rowHoverSwatch))},Tn=s.css`
+`;Di.O3h.registerModules([Li.jM,Ti.I]);const fn=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();class wn extends((0,g.LifecycleMixin)(c.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,Yr.A)(Ii(a),a),this.insertFontFace(a)}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.enabledRowFlashing=!1,this.enableCellFlashing=!1,this.gridAutosizingEnabled=!1,this.gridFontFace=Hi,this.columnComponentName="grid-pro-column",this.theme=ji.alpine,this.rehydrationAttempted=!1,this.filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=Di.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[fn(a)]=a,e)),{})}connectedCallback(){super.connectedCallback(),this.rehydrationAttempted=!1,this.gridAutosizingEnabled&&(0,g.respondToVisibility)(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.shouldRunConnect&&Di.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(fn(e),void 0,a)},enumerable:!0,configurable:!0})}))}disconnectedCallback(){var e;this.cacheFilterConfig(),super.disconnectedCallback(),this.rehydrationAttempted=!1,this.shouldRunDisconnect&&(null===(e=this.gridApi)||void 0===e||e.destroy())}combineAllGridComponents(e){const a={[Pi.action]:Jo,[Pi.actionsMenu]:ri,[Pi.boolean]:ni};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 gridProGenesisDatasource(){return this.querySelector("grid-pro-genesis-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,onGridReady:i,onFirstDataRendered:n}=e,l=(0,qo.__rest)(e,["columnDefs","components","onGridReady","onFirstDataRendered"]),g=Object.assign(Object.assign(Object.assign({defaultColDef:{filter:!0,resizable:!0,sortable:!0},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,i&&i(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onFirstDataRendered:e=>{this.enableFlashingRows.bind(this),this.restoreCachedFilterConfig.bind(this)(),n&&n(e)},onColumnPinned:r,onColumnResized:r,onColumnMoved:r,onDisplayedColumnsChanged:r,onFilterChanged:r,onGridSizeChanged:r,onSortChanged:r}),l);this.gridProGenesisDatasource||(g.columnDefs=this.applyTemplateDefinitions(t)),this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),Di.plv.copyAttributesToGridOptions(g,this.agAttributes));const d={globalEventListener:a};s.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new Di.rjZ(this.gridSlot,this.agGridOptions,d),this.initialised=!0}))}enableFlashingRows(){this.enabledRowFlashing&&this.gridApi.addEventListener(Di.zW2.EVENT_ASYNC_TRANSACTIONS_FLUSHED,(e=>{e.results.forEach((e=>{e.add.length&&this.gridApi.flashCells({rowNodes:e.add})}))}))}applyTemplateDefinitions(e,a=!1){const r=e||[],t=this.querySelectorAll(this.columnComponentName),o=Array.from(t).map((e=>{var a;return null===(a=e.definition)||void 0===a?void 0:a.field}));let i=[];if(i=0===t.length?r:[...r.filter((e=>!o.includes(e.field))),...Array.from(t).map((e=>{var a;if(this.enableCellFlashing&&void 0===e.definition.enableCellChangeFlash&&(e.definition.enableCellChangeFlash=!0),!this.autoCellRendererByType||e.definition.valueFormatter)return e.definition;const t=null===(a=r.find((a=>e.definition.field===a.field)))||void 0===a?void 0:a.valueFormatter;return t&&(e.definition.valueFormatter=t),e.definition}))],this.gridProGenesisDatasource&&a){const e=this.getSavedColumnState();if(e.length>0)return function(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}(i,e)}return i}get observedAttributes(){const e=Di.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Di.plv.ALL_PROPERTIES.map((e=>fn(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},Di.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=Gi[e]||this.gridFontFace;this.destroyFontFace();const r=(0,g.insertDocumentCSSRule)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,qo.__decorate)([s.observable],wn.prototype,"columnApi",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridApi",void 0),(0,qo.__decorate)([Fi.z],wn.prototype,"session",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],wn.prototype,"autoCellRendererByType",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"only-template-col-defs",mode:"boolean"})],wn.prototype,"onlyTemplateColDefs",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean"})],wn.prototype,"enabledRowFlashing",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],wn.prototype,"enableCellFlashing",void 0),(0,qo.__decorate)([(0,s.attr)({attribute:"persist-column-state-key"})],wn.prototype,"persistColumnStateKey",void 0),(0,qo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"grid-autosizing"})],wn.prototype,"gridAutosizingEnabled",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridFontFace",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"columnComponentName",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"eventsAndCallbacks",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"headerHeight",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"rowHeight",void 0),(0,qo.__decorate)([s.attr],wn.prototype,"theme",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"classNames",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"agGrid",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridSlot",void 0),(0,qo.__decorate)([s.observable],wn.prototype,"gridComponents",void 0);const yn=void 0,xn={shadowOptions:void 0},zn=wn.compose(Object.assign({baseName:"grid-pro",styles:vn,template:bn,shadowOptions:yn},xn)),kn={foregroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#879ba6")),backgroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#1f2126")),borderSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#2e3339")),rowHoverSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#2b2e34"))},Sn={foregroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#000000")),headerForegroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#181d1f")),backgroundSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#FFFFFF")),borderSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#babfc7")),rowHoverSwatch:p.SwatchRGB.from((0,Oe.parseColorHexRGB)("#2196f3"))},{create:Cn}=c.DesignToken,An={backgroundColor:Cn("rapid-ag-background-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.backgroundSwatch:kn.backgroundSwatch)),borderColor:Cn("rapid-ag-border-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.borderSwatch:kn.borderSwatch)),foregroundColor:Cn("rapid-ag-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.foregroundSwatch:kn.foregroundSwatch)),headerForegroundColor:Cn("rapid-ag-header-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.headerForegroundSwatch:kn.headerForegroundSwatch)),rowHoverColor:Cn("rapid-ag-row-hover-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?Sn.rowHoverSwatch:kn.rowHoverSwatch))},Tn=s.css`
   .ag-theme-genesis-rapid,
   .ag-theme-genesis-rapid-dark {
     --ag-alpine-active-color: #2196f3;
@@ -10653,7 +10653,7 @@
   .ag-theme-genesis-rapid-dark {
     color-scheme: dark;
   }
-`,Dn={[Ri.backgroundColor]:An.backgroundColor,[Ri.foregroundColor]:An.foregroundColor,[Ri.oddRowBackgroundColor]:An.backgroundColor,[Ri.headerBackgroundColor]:An.backgroundColor,[Ri.headerForegroundColor]:An.headerForegroundColor,[Ri.selectedRowBackgroundColor]:An.rowHoverColor,[Ri.rowHoverColor]:An.rowHoverColor,[Ri.borderColor]:An.borderColor,[Ri.rowBorderColor]:An.rowHoverColor,[Ri.modalOverlayBackgroundColor]:An.backgroundColor,[Ri.inputFocusBoxShadow]:An.headerForegroundColor,[Ri.inputFocusBorderColor]:An.headerForegroundColor,[Ri.headerColumnResizeHandleColor]:An.headerForegroundColor},Ln="ag-theme-genesis-rapid",On=s.css`
+`,Dn={[Ri.backgroundColor]:An.backgroundColor,[Ri.foregroundColor]:An.foregroundColor,[Ri.oddRowBackgroundColor]:An.backgroundColor,[Ri.headerBackgroundColor]:An.backgroundColor,[Ri.headerForegroundColor]:An.headerForegroundColor,[Ri.selectedRowBackgroundColor]:An.rowHoverColor,[Ri.rowHoverColor]:An.rowHoverColor,[Ri.borderColor]:An.borderColor,[Ri.rowBorderColor]:An.rowHoverColor,[Ri.modalOverlayBackgroundColor]:An.backgroundColor,[Ri.inputFocusBoxShadow]:An.headerForegroundColor,[Ri.inputFocusBorderColor]:An.headerForegroundColor,[Ri.headerColumnResizeHandleColor]:An.headerForegroundColor},Ln="ag-theme-genesis-rapid",Fn=s.css`
   ${Tn}
   ${Ei(Ln,Dn)}
 
@@ -10669,24 +10669,24 @@
   .${Ln} .ag-root-wrapper {
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
-`,Fn="ag-theme-genesis-rapid-dark",Mn=s.css`
+`,On="ag-theme-genesis-rapid-dark",Mn=s.css`
   ${Tn}
-  ${Ei(Fn,Dn)}
+  ${Ei(On,Dn)}
 
-  .${Fn} {
+  .${On} {
     ${ye()}
   }
 
-  .${Fn} .ag-header {
+  .${On} .ag-header {
     border-bottom-color: var(--rapid-ag-header-foreground-color);
     font-weight: bold;
   }
 
-  .${Fn} .ag-cell {
+  .${On} .ag-cell {
     line-height: var(--ag-line-height, 32px);
   }
 
-  .${Fn} .ag-root-wrapper {
+  .${On} .ag-root-wrapper {
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 `,Nn=s.css`
@@ -10694,9 +10694,9 @@
   ${vn}
 
   /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
-  ${On}
+  ${Fn}
   ${Mn}
-`,$n=bn,Rn="ag-theme-genesis-rapid-dark";const jn=xn,In={zeroAgActionRenderer:ai,zeroAgActionsMenuRenderer:ii,zeroAgBooleanRenderer:ci,zeroAgTextRenderer:xi,zeroAgSelectRenderer:Ai,zeroGridPro:class extends wn{constructor(){super(...arguments),this.theme=Rn}themeChanged(e,a){(e||a===Rn)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Pi.action]:ei,[Pi.actionsMenu]:oi,[Pi.boolean]:si};(this.theme===Ln||this.theme===Fn)&&(this.headerHeight=null!==(a=e.headerHeight)&&void 0!==a?a:32,this.rowHeight=null!==(r=e.rowHeight)&&void 0!==r?r:32),super.gridOptions=e}}.compose(Object.assign({baseName:"grid-pro",template:$n,styles:Nn,shadowOptions:undefined},jn)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}},En={foundationGridProActionRenderer:Xo,foundationGridProActionsMenuRenderer:ti,foundationAgBooleanRenderer:di,foundationAgTextRenderer:yi,foundationAgTextFieldRenderer:vi,foundationAgSelectRenderer:Ci,foundationGridPro:zn,register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Pn,Un=r(11223);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(Pn||(Pn={}));const Bn={Roboto:we,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},Gn=Bn["Segoe UI"],Hn=s.css`
+`,$n=bn,Rn="ag-theme-genesis-rapid-dark";const jn=xn,In={zeroAgActionRenderer:ai,zeroAgActionsMenuRenderer:ii,zeroAgBooleanRenderer:ci,zeroAgTextRenderer:xi,zeroAgSelectRenderer:Ai,zeroGridPro:class extends wn{constructor(){super(...arguments),this.theme=Rn}themeChanged(e,a){(e||a===Rn)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Pi.action]:ei,[Pi.actionsMenu]:oi,[Pi.boolean]:si};(this.theme===Ln||this.theme===On)&&(this.headerHeight=null!==(a=e.headerHeight)&&void 0!==a?a:32,this.rowHeight=null!==(r=e.rowHeight)&&void 0!==r?r:32),super.gridOptions=e}}.compose(Object.assign({baseName:"grid-pro",template:$n,styles:Nn,shadowOptions:undefined},jn)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}},En={foundationGridProActionRenderer:Xo,foundationGridProActionsMenuRenderer:ti,foundationAgBooleanRenderer:di,foundationAgTextRenderer:yi,foundationAgTextFieldRenderer:vi,foundationAgSelectRenderer:Ci,foundationGridPro:zn,register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Pn,Un=r(11223);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(Pn||(Pn={}));const Bn={Roboto:we,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},Gn=Bn["Segoe UI"],Hn=s.css`
   ${(0,c.display)("block")} :host {
     width: 100%;
     display: inline-flex;
@@ -10831,18 +10831,24 @@
 `,_n=s.html`
   <template>
     <div class="configuration">
-      <div class="row" id="designSystem">
-        <div class="label">
-          <label for="body-font">Design System</label>
-        </div>
-        <div class="input">
-          <alpha-select name="ds" @change="${(e,a)=>e.changeHandler(a.event)}">
-            ${(0,s.repeat)((e=>e.designSystems),s.html`
-                <alpha-option value="${e=>e.value}">${e=>e.name}</alpha-option>
-              `)}
-          </alpha-select>
-        </div>
-      </div>
+      ${(0,s.when)((e=>!e.customDesignMode),s.html`
+          <div class="row" id="designSystem">
+            <div class="label">
+              <label for="body-font">Design System</label>
+            </div>
+            <div class="input">
+              <alpha-select
+                name="ds"
+                @change="${(e,a)=>e.changeHandler(a.event)}"
+              >
+                ${(0,s.repeat)((e=>e.designSystems),s.html`
+                    <alpha-option value="${e=>e.value}">${e=>e.name}</alpha-option>
+                  `)}
+              </alpha-select>
+            </div>
+          </div>
+        `)}
+
       <div class="row" id="color">
         <div class="label">
           <label for="accent-color-pickers">Accent color</label>
@@ -11029,9 +11035,12 @@
           ></alpha-slider>
         </div>
       </div>
-      <alpha-checkbox :checked="${(0,g.sync)((e=>e.preserveOptions),"boolean")}">
-        Preserve selected options when changing design systems
-      </alpha-checkbox>
+      ${(0,s.when)((e=>!e.customDesignMode),s.html`
+          <alpha-checkbox :checked="${(0,g.sync)((e=>e.preserveOptions),"boolean")}">
+            Preserve selected options when changing design systems
+          </alpha-checkbox>
+        `)}
+
       <div class="footer-row">
         <alpha-button appearance="accent" @click="${e=>e.resetChanges()}">Reset</alpha-button>
         <slot name="export"></slot>
@@ -11042,7 +11051,7 @@
       <slot></slot>
     </div>
   </template>
-`,Vn=({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(Bn).find((a=>Bn[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Yn=Vn(Se),Qn={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient"},qn=Vn(i.designTokens),Wn={zero:{prefix:"zero",tokenDefaults:Yn,buttons:Qn},alpha:{prefix:"alpha",tokenDefaults:qn,buttons:{accent:"accent",neutral:"neutral",outline:"outline"}},custom:{prefix:"zero",tokenDefaults:null,buttons:Qn}};let Jn=class extends s.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Yn.luminance===p.StandardLuminance.DarkMode,this.luminance=Yn.luminance,this.neutralColor=Yn.neutralColor,this.accentColor=Yn.accentColor,this.bodyFont=Yn.bodyFont,this.density=Yn.density,this.borderRadius=Yn.borderRadius,this.strokeWidth=Yn.strokeWidth,this.designUnit=Yn.designUnit,this.baseFontSize=Yn.baseFontSize,this.baseLineHeight=Yn.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof c.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof p.Combobox||e.target instanceof p.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof c.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?p.StandardLuminance.DarkMode:p.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&s.DOM.queueUpdate((()=>{const e=Vn(a);Wn.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Un.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(Wn[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Un.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"}];if(this.customDesignMode){const a={name:(yield this.getAppName())||"Custom Design",value:"custom"};this.designSystems=[a,...e],this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:Wn[this.ds].prefix,buttonAppearanceAccent:Wn[this.ds].buttons.accent,buttonAppearanceNeutral:Wn[this.ds].buttons.neutral,buttonAppearanceOutline:Wn[this.ds].buttons.outline};this.$emit(Pn.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Wn[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Bn[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(Pn.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===p.StandardLuminance.DarkMode,s.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={},fe(),s.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Pn.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Un.__decorate)([(0,s.attr)({mode:"boolean",attribute:"custom-design-mode"})],Jn.prototype,"customDesignMode",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"designSystems",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"ds",void 0),(0,Un.__decorate)([s.attr],Jn.prototype,"darkMode",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"neutralColor",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"accentColor",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"bodyFont",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"density",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"borderRadius",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"strokeWidth",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"designUnit",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"baseFontSize",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"baseLineHeight",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"preserveOptions",void 0),Jn=(0,Un.__decorate)([(0,s.customElement)({name:"design-system-editor",template:_n,styles:Hn})],Jn);const Zn=e=>{const a=(e=>{const a=(0,Fe.parseColorHexRGB)(e);return a?p.SwatchRGB.from(a):null})(e);return a?p.PaletteRGB.create(a):null},Kn=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},Xn=(e,a)=>{const r=Zn(e.neutralColor);p.neutralPalette.setValueFor(a,r);const t=Zn(e.accentColor);p.accentPalette.setValueFor(a,t),p.baseLayerLuminance.setValueFor(a,e.luminance),p.density.setValueFor(a,e.density),p.controlCornerRadius.setValueFor(a,e.borderRadius),p.strokeWidth.setValueFor(a,e.strokeWidth),p.designUnit.setValueFor(a,e.designUnit),p.bodyFont.setValueFor(a,e.bodyFont),p.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),p.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),p.typeRampMinus1FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.minusOne,a)),p.typeRampMinus1LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.minusOne,a)),p.typeRampMinus2FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.minusTwo,a)),p.typeRampMinus2LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.minusTwo,a)),p.typeRampPlus1FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusOne,a)),p.typeRampPlus1LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusOne,a)),p.typeRampPlus2FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusTwo,a)),p.typeRampPlus2LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusTwo,a)),p.typeRampPlus3FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusThree,a)),p.typeRampPlus3LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusThree,a)),p.typeRampPlus4FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusFour,a)),p.typeRampPlus4LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFour,a)),p.typeRampPlus5FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusFive,a)),p.typeRampPlus5LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFive,a)),p.typeRampPlus6FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusSix,a)),p.typeRampPlus6LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusSix,a))},el=s.css`
+`,Vn=({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(Bn).find((a=>Bn[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Yn=Vn(Se),Qn={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient"},qn=Vn(i.designTokens),Wn={zero:{prefix:"zero",tokenDefaults:Yn,buttons:Qn},alpha:{prefix:"alpha",tokenDefaults:qn,buttons:{accent:"accent",neutral:"neutral",outline:"outline"}},custom:{prefix:"zero",tokenDefaults:null,buttons:Qn}};let Jn=class extends s.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Yn.luminance===p.StandardLuminance.DarkMode,this.luminance=Yn.luminance,this.neutralColor=Yn.neutralColor,this.accentColor=Yn.accentColor,this.bodyFont=Yn.bodyFont,this.density=Yn.density,this.borderRadius=Yn.borderRadius,this.strokeWidth=Yn.strokeWidth,this.designUnit=Yn.designUnit,this.baseFontSize=Yn.baseFontSize,this.baseLineHeight=Yn.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof c.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof p.Combobox||e.target instanceof p.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof c.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?p.StandardLuminance.DarkMode:p.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&s.DOM.queueUpdate((()=>{const e=Vn(a);Wn.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Un.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(Wn[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Un.__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:Wn[this.ds].prefix,buttonAppearanceAccent:Wn[this.ds].buttons.accent,buttonAppearanceNeutral:Wn[this.ds].buttons.neutral,buttonAppearanceOutline:Wn[this.ds].buttons.outline};this.$emit(Pn.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Wn[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Bn[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(Pn.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===p.StandardLuminance.DarkMode,s.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={},fe(),s.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Pn.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Un.__decorate)([(0,s.attr)({mode:"boolean",attribute:"custom-design-mode"})],Jn.prototype,"customDesignMode",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"designSystems",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"ds",void 0),(0,Un.__decorate)([s.attr],Jn.prototype,"darkMode",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"neutralColor",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"accentColor",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"bodyFont",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"density",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"borderRadius",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"strokeWidth",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"designUnit",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"baseFontSize",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"baseLineHeight",void 0),(0,Un.__decorate)([s.observable],Jn.prototype,"preserveOptions",void 0),Jn=(0,Un.__decorate)([(0,s.customElement)({name:"design-system-editor",template:_n,styles:Hn})],Jn);const Zn=e=>{const a=(e=>{const a=(0,Oe.parseColorHexRGB)(e);return a?p.SwatchRGB.from(a):null})(e);return a?p.PaletteRGB.create(a):null},Kn=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},Xn=(e,a)=>{const r=Zn(e.neutralColor);p.neutralPalette.setValueFor(a,r);const t=Zn(e.accentColor);p.accentPalette.setValueFor(a,t),p.baseLayerLuminance.setValueFor(a,e.luminance),p.density.setValueFor(a,e.density),p.controlCornerRadius.setValueFor(a,e.borderRadius),p.strokeWidth.setValueFor(a,e.strokeWidth),p.designUnit.setValueFor(a,e.designUnit),p.bodyFont.setValueFor(a,e.bodyFont),p.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),p.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),p.typeRampMinus1FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.minusOne,a)),p.typeRampMinus1LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.minusOne,a)),p.typeRampMinus2FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.minusTwo,a)),p.typeRampMinus2LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.minusTwo,a)),p.typeRampPlus1FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusOne,a)),p.typeRampPlus1LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusOne,a)),p.typeRampPlus2FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusTwo,a)),p.typeRampPlus2LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusTwo,a)),p.typeRampPlus3FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusThree,a)),p.typeRampPlus3LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusThree,a)),p.typeRampPlus4FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusFour,a)),p.typeRampPlus4LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFour,a)),p.typeRampPlus5FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusFive,a)),p.typeRampPlus5LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFive,a)),p.typeRampPlus6FontSize.setValueFor(a,Kn(p.typeRampBaseFontSize,g.TypeRampValues.plusSix,a)),p.typeRampPlus6LineHeight.setValueFor(a,Kn(p.typeRampBaseLineHeight,g.TypeRampValues.plusSix,a))},el=s.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -11754,7 +11763,7 @@
     </${a}-design-system-provider>
   </template>
 `;var a}}
-`;let Ll=class extends s.FASTElement{constructor(){super(...arguments),this.jsonSchema=Sl,this.uischema=kl,this.jsonSchemaArray=Al,this.uiSchemaArray=Cl,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(Pn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Pn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{p.bodyFont.withDefault(Gn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{Xn(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,this.uischema.dsPrefix=e.detail.prefix,this.uiSchemaArray.dsPrefix=e.detail.prefix}};(0,Un.__decorate)([s.observable],Ll.prototype,"jsonSchema",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"uischema",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"jsonSchemaArray",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"uiSchemaArray",void 0),(0,Un.__decorate)([s.attr],Ll.prototype,"prefix",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"provider",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"editedEntity",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"editedEntityArray",void 0),Ll=(0,Un.__decorate)([(0,s.customElement)({name:"preview-form",template:Dl,styles:Tl})],Ll);const Ol=s.css`
+`;let Ll=class extends s.FASTElement{constructor(){super(...arguments),this.jsonSchema=Sl,this.uischema=kl,this.jsonSchemaArray=Al,this.uiSchemaArray=Cl,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(Pn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Pn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{p.bodyFont.withDefault(Gn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{Xn(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,this.uischema.dsPrefix=e.detail.prefix,this.uiSchemaArray.dsPrefix=e.detail.prefix}};(0,Un.__decorate)([s.observable],Ll.prototype,"jsonSchema",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"uischema",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"jsonSchemaArray",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"uiSchemaArray",void 0),(0,Un.__decorate)([s.attr],Ll.prototype,"prefix",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"provider",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"editedEntity",void 0),(0,Un.__decorate)([s.observable],Ll.prototype,"editedEntityArray",void 0),Ll=(0,Un.__decorate)([(0,s.customElement)({name:"preview-form",template:Dl,styles:Tl})],Ll);const Fl=s.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -11769,7 +11778,7 @@
   .grid-height {
     height: 450px;
   }
-`,Fl=s.html`
+`,Ol=s.html`
   ${e=>{return a=e.prefix,s.html`
   <template>
     <${a}-design-system-provider ${(0,s.ref)("provider")}>
@@ -11779,5 +11788,5 @@
     </${a}-design-system-provider>
   </template>
 `;var a}}
-`;let Ml=class extends s.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(Pn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Pn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{this.setGridOptions(),p.bodyFont.withDefault(Gn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{Xn(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,s.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,Un.__decorate)([s.observable],Ml.prototype,"grid",void 0),(0,Un.__decorate)([s.attr],Ml.prototype,"prefix",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"provider",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"rowData",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"columnDefs",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"gridOptions",void 0),Ml=(0,Un.__decorate)([(0,s.customElement)({name:"preview-grid",template:Fl,styles:Ol})],Ml),((e,a="zero")=>{e&&(0,$.provideTokens)(t,o,e);const r=c.DesignSystem.getOrCreate(e).withPrefix(a);return(0,$.createDesignSystemProxy)(r)})().register(Qo,In),(0,i.provideDesignSystem)().register(i.baseComponents,En)}}]);
-//# sourceMappingURL=495.779d26f0121553c770cf6e7887d00305.js.map
+`;let Ml=class extends s.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(Pn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Pn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{this.setGridOptions(),p.bodyFont.withDefault(Gn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{Xn(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,s.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,Un.__decorate)([s.observable],Ml.prototype,"grid",void 0),(0,Un.__decorate)([s.attr],Ml.prototype,"prefix",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"provider",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"rowData",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"columnDefs",void 0),(0,Un.__decorate)([s.observable],Ml.prototype,"gridOptions",void 0),Ml=(0,Un.__decorate)([(0,s.customElement)({name:"preview-grid",template:Ol,styles:Fl})],Ml),((e,a="zero")=>{e&&(0,$.provideTokens)(t,o,e);const r=c.DesignSystem.getOrCreate(e).withPrefix(a);return(0,$.createDesignSystemProxy)(r)})().register(Qo,In),(0,i.provideDesignSystem)().register(i.baseComponents,En)}}]);
+//# sourceMappingURL=495.23b72ea90f0bdfbfeb92de158a15bb2d.js.map