@genesislcap/design-system-configurator 15.35.1 → 16.0.0

package/dist/{11.11.5c40c4d843db071141f4.js → 11.11.fbdae997b64e2ff8a67e.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[11],{31274(e,t,o){o.d(t,{u:()=>r});var a=o(60416);const r=(e,t,o)=>{(0,a.u_)(e);const r=t.split("-")[0],i=document.createElement(`${r}-dialog`),n=o?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(o):(0,a.jE)("dialog-container",t);n.appendChild(i),i.notification=e,i.show()}},60416(e,t,o){o.d(t,{cL:()=>u,jE:()=>p,uP:()=>d,u_:()=>c});var a=o(66506),r=o(52945),i=o(68424);const n=(0,a.createLogger)("foundation-notifications");let s=null;const l=new Map,d=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.body)&&void 0!==o?o:"Something went wrong"}`},c=e=>{var t,o;n.log({message:d(e),level:(t=e,(null==t?void 0:t.logLevel)||(null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.logLevel)||a.LogLevels.debug)})},p=(e,t)=>{let o=document.querySelector(`#${e}`);if(!o)if(l.has(e))o=l.get(e);else{const t=(0,r.fI)(document).find(t=>t.id===e);t&&(o=t,l.set(e,t))}if(!o){o=document.createElement("div"),o.setAttribute("id",e),o.style.zIndex="9999";const{element:t,prefix:a}=(0,i.DW)(document.body,"rapid");if(t)t.appendChild(o),s=t;else if(s)s.appendChild(o);else{const e=document.createElement(`${a}-design-system-provider`);e.appendChild(o),document.body.appendChild(e),s=e}}return o},u=e=>{for(var t,o;e&&!(e instanceof ShadowRoot);){const a=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(a)return a.style.position="relative",a;e=null===(o=null==e?void 0:e.getRootNode())||void 0===o?void 0:o.host}return g()},g=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e}},70997(e,t,o){function a(e,t,o){const a=e=>"function"==typeof e?e:()=>e,r=a(t),i=a(o);return(t,o)=>e(t,o)?r(t,o):i(t,o)}o.d(t,{q:()=>a})},80273(e,t,o){o.d(t,{Du:()=>l,IT:()=>n,WP:()=>r,f4:()=>s,zz:()=>i});var a=o(52945);const r=(e,t)=>{(0,a.O5)(e,t)};var i,n;!function(e){e.Italic="italic",e.Normal="normal"}(i||(i={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(n||(n={}));const s=(e,t=i.Normal,o=n.Regular)=>`\n  font-family: ${e};\n  font-style: ${t};\n  font-weight: ${o};\n`,l={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},64011(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>Uc,ColorToken:()=>Yc,ColorTokens:()=>Qc,DesignSystemEditor:()=>Ic,DesignSystemExport:()=>jc,DesignSystemPreview:()=>hp,EventName:()=>hc,PreviewApp:()=>op,PreviewComponents:()=>Dc,PreviewForm:()=>dp,PreviewGrid:()=>gp,TypographyTokens:()=>$c,defaultBodyFont:()=>yc,fontFamilies:()=>fc});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>oa,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>ta,defaultErrorColor:()=>qo,defaultInfoColor:()=>sa,defaultSellColor:()=>ra,defaultSeriousNotifyColor:()=>ca,defaultSuccessColor:()=>Qo,defaultWarningColor:()=>$o,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Jo,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>la,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>ia,seriousNotifyColor:()=>pa,strokeWidth:()=>g.strokeWidth,successColor:()=>Xo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>_o});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ua,baseHeightMultiplierValue:()=>va,baseLayerLuminanceValue:()=>ma,bodyFontValue:()=>Ra,controlCornerRadiusValue:()=>fa,densityValue:()=>ya,designTokens:()=>La,designUnitValue:()=>xa,directionValue:()=>ha,neutralPaletteValue:()=>ga,strokeWidthValue:()=>ba,typeRampBaseFontSizeValue:()=>Ma,typeRampBaseLineHeightValue:()=>Ia});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
+"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[11],{31274(e,t,o){o.d(t,{u:()=>r});var a=o(60416);const r=(e,t,o)=>{(0,a.u_)(e);const r=t.split("-")[0],i=document.createElement(`${r}-dialog`),n=o?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(o):(0,a.jE)("dialog-container",t);n.appendChild(i),i.notification=e,i.show()}},60416(e,t,o){o.d(t,{cL:()=>u,jE:()=>p,uP:()=>d,u_:()=>c});var a=o(66506),r=o(52945),i=o(68424);const n=(0,a.createLogger)("foundation-notifications");let s=null;const l=new Map,d=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.body)&&void 0!==o?o:"Something went wrong"}`},c=e=>{var t,o;n.log({message:d(e),level:(t=e,(null==t?void 0:t.logLevel)||(null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.logLevel)||a.LogLevels.debug)})},p=(e,t)=>{let o=document.querySelector(`#${e}`);if(!o)if(l.has(e))o=l.get(e);else{const t=(0,r.fI)(document).find(t=>t.id===e);t&&(o=t,l.set(e,t))}if(!o){o=document.createElement("div"),o.setAttribute("id",e),o.style.zIndex="9999";const{element:t,prefix:a}=(0,i.DW)(document.body,"rapid");if(t)t.appendChild(o),s=t;else if(s)s.appendChild(o);else{const e=document.createElement(`${a}-design-system-provider`);e.appendChild(o),document.body.appendChild(e),s=e}}return o},u=e=>{for(var t,o;e&&!(e instanceof ShadowRoot);){const a=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(a)return a.style.position="relative",a;e=null===(o=null==e?void 0:e.getRootNode())||void 0===o?void 0:o.host}return g()},g=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e}},70997(e,t,o){function a(e,t,o){const a=e=>"function"==typeof e?e:()=>e,r=a(t),i=a(o);return(t,o)=>e(t,o)?r(t,o):i(t,o)}o.d(t,{q:()=>a})},80273(e,t,o){o.d(t,{Du:()=>l,IT:()=>n,WP:()=>r,f4:()=>s,zz:()=>i});var a=o(52945);const r=(e,t)=>{(0,a.O5)(e,t)};var i,n;!function(e){e.Italic="italic",e.Normal="normal"}(i||(i={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(n||(n={}));const s=(e,t=i.Normal,o=n.Regular)=>`\n  font-family: ${e};\n  font-style: ${t};\n  font-weight: ${o};\n`,l={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},64011(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>Gc,ColorToken:()=>Wc,ColorTokens:()=>Xc,DesignSystemEditor:()=>Lc,DesignSystemExport:()=>Bc,DesignSystemPreview:()=>bp,EventName:()=>bc,PreviewApp:()=>ap,PreviewComponents:()=>Nc,PreviewForm:()=>cp,PreviewGrid:()=>mp,TypographyTokens:()=>_c,defaultBodyFont:()=>xc,fontFamilies:()=>yc});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>oa,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>ta,defaultErrorColor:()=>qo,defaultInfoColor:()=>sa,defaultSellColor:()=>ra,defaultSeriousNotifyColor:()=>ca,defaultSuccessColor:()=>Qo,defaultWarningColor:()=>$o,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Jo,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>la,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>ia,seriousNotifyColor:()=>pa,strokeWidth:()=>g.strokeWidth,successColor:()=>Xo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>_o});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ua,baseHeightMultiplierValue:()=>va,baseLayerLuminanceValue:()=>ma,bodyFontValue:()=>Ra,controlCornerRadiusValue:()=>fa,densityValue:()=>ya,designTokens:()=>La,designUnitValue:()=>xa,directionValue:()=>ha,neutralPaletteValue:()=>ga,strokeWidthValue:()=>ba,typeRampBaseFontSizeValue:()=>Ma,typeRampBaseLineHeightValue:()=>Ia});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
   ${x} .foundation-control-wrapper-root {
     margin-bottom: var(--wrapper-root-margin-bottom, calc(var(--design-unit) * 4px));
   }
@@ -3679,7 +3679,7 @@
       name="${e=>{var t;return null===(t=e.params)||void 0===t?void 0:t.headerName}}"
       :definition=${e=>e.params}
     ></zero-actions-menu>
-  `});var Id=o(60905);class Ld extends Id._Y{}const Fd=Ld.compose({baseName:"boolean-renderer",styles:Id.CL,template:(0,Id.A9)("zero")});var Ed=o(96598);class zd extends Ed.t{}const Od=zd.compose({baseName:"grid-text-renderer",styles:Ed.JN,template:(0,Ed.d6)("zero")});var Td=o(80879);class Dd extends Td.gs{}const Nd=Dd.compose({baseName:"select-renderer",styles:Td.Ad,template:(0,Td.qj)("zero")});var Pd=o(19511);class jd extends Pd.N7{}const Bd=jd.compose({baseName:"status-pill-renderer",template:(0,Pd.T2)("zero"),styles:Pd.x2});var Hd=o(59469),Ud=o(11489),Gd=o(34713);class Vd extends Hd.X{}const Yd=Vd.compose({baseName:"column-selection",template:(0,Ud.s)("zero"),styles:Gd.H});var Wd=o(51266),qd=o(55365),Jd=o(98884);const Zd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2b2e34"))},Qd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2196f3"))},{create:Xd}=u.DesignToken,Kd={backgroundColor:Xd("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Qd.backgroundSwatch:Zd.backgroundSwatch),borderColor:Xd("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Qd.borderSwatch:Zd.borderSwatch),foregroundColor:Xd("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Qd.foregroundSwatch:Zd.foregroundSwatch),headerForegroundColor:Xd("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Qd.headerForegroundSwatch:Zd.headerForegroundSwatch),rowHoverColor:Xd("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Qd.rowHoverSwatch:Zd.rowHoverSwatch)},$d=()=>{const e=(0,se.designTokensMap)();if(!e.value)return null;const{style:t,space:o}=e.value.design_tokens;return(t.baseHeightMultiplier.$value+t.density.$value)*o.designUnit.$value-8},_d=p.css`
+  `});var Id=o(60905);class Ld extends Id._Y{}const Fd=Ld.compose({baseName:"boolean-renderer",styles:Id.CL,template:(0,Id.A9)("zero")});var Ed=o(96598);class zd extends Ed.t{}const Od=zd.compose({baseName:"grid-text-renderer",styles:Ed.JN,template:(0,Ed.d6)("zero")});var Td=o(80879);class Dd extends Td.gs{}const Nd=Dd.compose({baseName:"select-renderer",styles:Td.Ad,template:(0,Td.qj)("zero")});var Pd=o(19511);class jd extends Pd.N7{}const Bd=jd.compose({baseName:"status-pill-renderer",template:(0,Pd.T2)("zero"),styles:Pd.x2});var Hd=o(59469),Ud=o(11489),Gd=o(34713);class Vd extends Hd.X{}const Yd=Vd.compose({baseName:"column-selection",template:(0,Ud.s)("zero"),styles:Gd.H});var Wd=o(11264),qd=o(55365),Jd=o(32610),Zd=o(98884);const Qd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2b2e34"))},Xd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2196f3"))},{create:Kd}=u.DesignToken,$d={backgroundColor:Kd("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.backgroundSwatch:Qd.backgroundSwatch),borderColor:Kd("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.borderSwatch:Qd.borderSwatch),foregroundColor:Kd("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.foregroundSwatch:Qd.foregroundSwatch),headerForegroundColor:Kd("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.headerForegroundSwatch:Qd.headerForegroundSwatch),rowHoverColor:Kd("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.rowHoverSwatch:Qd.rowHoverSwatch)},_d=()=>{const e=(0,se.designTokensMap)();if(!e.value)return null;const{style:t,space:o}=e.value.design_tokens;return(t.baseHeightMultiplier.$value+t.density.$value)*o.designUnit.$value-8},ec=p.css`
   .ag-theme-genesis-rapid,
   .ag-theme-genesis-rapid-dark,
   .ag-theme-genesis-rapid-light {
@@ -4235,79 +4235,79 @@
   .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
     background-color: var(--ag-alpine-active-color);
   }
-`,ec={[qd.W3.backgroundColor]:Kd.backgroundColor,[qd.W3.foregroundColor]:Kd.foregroundColor,[qd.W3.oddRowBackgroundColor]:Kd.backgroundColor,[qd.W3.headerBackgroundColor]:Kd.backgroundColor,[qd.W3.headerForegroundColor]:Kd.headerForegroundColor,[qd.W3.selectedRowBackgroundColor]:Kd.rowHoverColor,[qd.W3.rowHoverColor]:Kd.rowHoverColor,[qd.W3.borderColor]:Kd.borderColor,[qd.W3.rowBorderColor]:Kd.rowHoverColor,[qd.W3.modalOverlayBackgroundColor]:Kd.backgroundColor,[qd.W3.inputFocusBoxShadow]:Kd.headerForegroundColor,[qd.W3.inputFocusBorderColor]:Kd.headerForegroundColor,[qd.W3.headerColumnResizeHandleColor]:Kd.headerForegroundColor},tc="ag-theme-genesis-zero",oc=p.css`
-  ${_d}
-  ${(0,qd.Kb)(tc,ec)}
+`,tc={[qd.W3.backgroundColor]:$d.backgroundColor,[qd.W3.foregroundColor]:$d.foregroundColor,[qd.W3.oddRowBackgroundColor]:$d.backgroundColor,[qd.W3.headerBackgroundColor]:$d.backgroundColor,[qd.W3.headerForegroundColor]:$d.headerForegroundColor,[qd.W3.selectedRowBackgroundColor]:$d.rowHoverColor,[qd.W3.rowHoverColor]:$d.rowHoverColor,[qd.W3.borderColor]:$d.borderColor,[qd.W3.rowBorderColor]:$d.rowHoverColor,[qd.W3.modalOverlayBackgroundColor]:$d.backgroundColor,[qd.W3.inputFocusBoxShadow]:$d.headerForegroundColor,[qd.W3.inputFocusBorderColor]:$d.headerForegroundColor,[qd.W3.headerColumnResizeHandleColor]:$d.headerForegroundColor},oc="ag-theme-genesis-zero",ac=p.css`
+  ${ec}
+  ${(0,qd.Kb)(oc,tc)}
 
-  .${tc} {
+  .${oc} {
     ${ka()}
   }
 
-  .${tc} .ag-header {
+  .${oc} .ag-header {
     border-bottom-color: var(--rapid-ag-header-foreground-color);
     font-weight: bold;
   }
 
-  .${tc} .ag-root-wrapper {
+  .${oc} .ag-root-wrapper {
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
-`,ac="ag-theme-genesis-rapid-dark",rc=p.css`
-  ${_d}
-  ${(0,qd.Kb)(ac,ec)}
+`,rc="ag-theme-genesis-rapid-dark",ic=p.css`
+  ${ec}
+  ${(0,qd.Kb)(rc,tc)}
 
-  .${ac} {
+  .${rc} {
     ${ka()}
   }
 
-  .${ac} .ag-header {
+  .${rc} .ag-header {
     border-bottom-color: var(--rapid-ag-header-foreground-color);
     font-weight: bold;
   }
 
-  .${ac} .ag-cell {
+  .${rc} .ag-cell {
     line-height: var(--ag-line-height, 32px);
   }
 
-  .${ac} .ag-root-wrapper {
+  .${rc} .ag-root-wrapper {
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 
-  .${ac} {
+  .${rc} {
     color-scheme: dark;
   }
-`,ic="ag-theme-genesis-rapid-light",nc=p.css`
-  ${_d}
-  ${(0,qd.Kb)(ic,ec)}
+`,nc="ag-theme-genesis-rapid-light",sc=p.css`
+  ${ec}
+  ${(0,qd.Kb)(nc,tc)}
 
-  .${ic} {
+  .${nc} {
     ${ka()}
   }
 
-  .${ic} .ag-header {
+  .${nc} .ag-header {
     border-bottom-color: var(--rapid-ag-header-foreground-color);
     font-weight: bold;
   }
 
-  .${ic} .ag-cell {
+  .${nc} .ag-cell {
     line-height: var(--ag-line-height, 32px);
   }
 
-  .${ic} .ag-root-wrapper {
+  .${nc} .ag-root-wrapper {
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 
-  .${ic} {
+  .${nc} {
     color-scheme: light;
   }
-`,sc=p.css`
+`,lc=p.css`
   /* All the AG themes */
-  ${Jd.XF}
+  ${Zd.XF}
 
   /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
-  ${oc}
-  ${rc}
-  ${nc}
-`;const lc=(0,o(82128).U)("zero"),dc="ag-theme-genesis-rapid-dark",cc="ag-theme-genesis-rapid-light";class pc extends Wd.cF{constructor(){super(...arguments),this.luminanceObserver={handleChange:e=>this.handleLuminanceChange(e)},this.handleLuminanceChange=e=>{const t=g.baseLayerLuminance.getValueFor(e.target);this.theme=t===g.StandardLuminance.DarkMode?dc:cc},this.theme="light"===localStorage.getItem("luminance")?cc:dc}connectedCallback(){var e;super.connectedCallback();const t=null!==(e=this.provider)&&void 0!==e?e:this;this.luminanceSubscription=g.baseLayerLuminance.subscribe(this.luminanceObserver,t)}disconnectedCallback(){var e;const t=null!==(e=this.provider)&&void 0!==e?e:this;g.baseLayerLuminance.unsubscribe(this.luminanceObserver,t),this.luminanceSubscription&&(this.luminanceSubscription.unsubscribe(),this.luminanceSubscription=void 0),super.disconnectedCallback()}themeChanged(e,t){(e||t===dc)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[qd.IX.action]:Cd,[qd.IX.actionsMenu]:Rd,[qd.IX.boolean]:Ld,[qd.IX.editable]:xd,[qd.IX.icon]:vd,[qd.IX.statusPill]:jd,[qd.IX.select]:Dd,[qd.IX.selectEditor]:ld,[qd.IX.numberEditor]:pd,[qd.IX.multiselectEditor]:id,[qd.IX.dateEditor]:od,[qd.IX.stringEditor]:md},e.components);(this.theme===tc||this.theme===ac||this.theme===ic)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:$d())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:$d())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],pc.prototype,"provider",void 0);const uc=Wd.LU,gc=Wd.Z$,mc={zeroIconRenderer:fd,zeroAgEditableRenderer:wd,zeroAgActionRenderer:Ad,zeroAgActionsMenuRenderer:Md,zeroAgBooleanRenderer:Fd,zeroAgTextRenderer:Od,zeroAgSelectRenderer:Nd,zeroStatusPillRenderer:Bd,zeroAgDateEditor:ad,zeroAgMultiselectEditor:nd,zeroAgSelectEditor:dd,zeroAgNumberEditor:ud,zeroAgStringEditor:hd,zeroGridPro:pc.compose(Object.assign({baseName:"grid-pro",template:lc,styles:sc,shadowOptions:uc},gc)),zeroColumnSelection:Yd,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var hc,bc=o(93188),vc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(hc||(hc={}));const fc={Roboto:Aa,"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'},yc=fc["Segoe UI"],xc=p.css`
+  ${ac}
+  ${ic}
+  ${sc}
+`;const dc=(0,o(82128).U)("zero"),cc="ag-theme-genesis-rapid-dark",pc="ag-theme-genesis-rapid-light";class uc extends Wd.Rz{constructor(){super(...arguments),this.luminanceObserver={handleChange:e=>this.handleLuminanceChange(e)},this.handleLuminanceChange=e=>{const t=g.baseLayerLuminance.getValueFor(e.target);this.theme=t===g.StandardLuminance.DarkMode?cc:pc},this.theme="light"===localStorage.getItem("luminance")?pc:cc}connectedCallback(){var e;super.connectedCallback();const t=null!==(e=this.provider)&&void 0!==e?e:this;this.luminanceSubscription=g.baseLayerLuminance.subscribe(this.luminanceObserver,t)}disconnectedCallback(){var e;const t=null!==(e=this.provider)&&void 0!==e?e:this;g.baseLayerLuminance.unsubscribe(this.luminanceObserver,t),this.luminanceSubscription&&(this.luminanceSubscription.unsubscribe(),this.luminanceSubscription=void 0),super.disconnectedCallback()}themeChanged(e,t){(e||t===cc)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[qd.IX.action]:Cd,[qd.IX.actionsMenu]:Rd,[qd.IX.boolean]:Ld,[qd.IX.editable]:xd,[qd.IX.icon]:vd,[qd.IX.statusPill]:jd,[qd.IX.select]:Dd,[qd.IX.selectEditor]:ld,[qd.IX.numberEditor]:pd,[qd.IX.multiselectEditor]:id,[qd.IX.dateEditor]:od,[qd.IX.stringEditor]:md},e.components);(this.theme===oc||this.theme===rc||this.theme===nc)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:_d())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:_d())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],uc.prototype,"provider",void 0);const gc=Jd.LU,mc=Jd.Z$,hc={zeroIconRenderer:fd,zeroAgEditableRenderer:wd,zeroAgActionRenderer:Ad,zeroAgActionsMenuRenderer:Md,zeroAgBooleanRenderer:Fd,zeroAgTextRenderer:Od,zeroAgSelectRenderer:Nd,zeroStatusPillRenderer:Bd,zeroAgDateEditor:ad,zeroAgMultiselectEditor:nd,zeroAgSelectEditor:dd,zeroAgNumberEditor:ud,zeroAgStringEditor:hd,zeroGridPro:uc.compose(Object.assign({baseName:"grid-pro",template:dc,styles:lc,shadowOptions:gc},mc)),zeroColumnSelection:Yd,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var bc,vc=o(93188),fc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(bc||(bc={}));const yc={Roboto:Aa,"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'},xc=yc["Segoe UI"],wc=p.css`
   ${(0,u.display)("block")} :host {
     width: 100%;
     display: inline-flex;
@@ -4439,7 +4439,7 @@
   rapid-button {
     margin: 0;
   }
-`,wc=p.html`
+`,Sc=p.html`
   <template>
     <div class="configuration">
       ${(0,p.when)(e=>!e.customDesignMode,p.html`
@@ -4662,7 +4662,7 @@
       <slot></slot>
     </div>
   </template>
-`,Sc=({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,baseHeightMultiplier:e.style.baseHeightMultiplier.$value,bodyFont:Object.keys(fc).find(t=>fc[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Cc=Sc(La),Ac={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},kc={accent:"primary",neutral:"secondary",font:"white"},Rc=Sc(bc.designTokens),Mc={zero:{prefix:"zero",tokenDefaults:Cc,buttons:Ac,badge:kc},rapid:{prefix:"rapid",tokenDefaults:Rc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:Ac,badge:kc}};let Ic=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=Rc.luminance===g.StandardLuminance.DarkMode,this.luminance=Rc.luminance,this.neutralColor=Rc.neutralColor,this.accentColor=Rc.accentColor,this.bodyFont=Rc.bodyFont,this.density=Rc.density,this.borderRadius=Rc.borderRadius,this.strokeWidth=Rc.strokeWidth,this.baseHeightMultiplier=Rc.baseHeightMultiplier,this.designUnit=Rc.designUnit,this.baseFontSize=Rc.baseFontSize,this.baseLineHeight=Rc.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof u.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof g.Combobox||e.target instanceof g.Select){const{name:t,value:o}=e.target;t&&o&&(this[t]=o,this.updateUserSelections(t,o),this.styleUpdate())}else if(e.target instanceof u.Slider){const t=parseInt(e.target.value),o=e.target.name;o&&Number.isInteger(t)&&(this[o]=t,this.updateUserSelections(o,t),this.styleUpdate())}},this.updateUserSelections=(e,t)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=t)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?g.StandardLuminance.DarkMode:g.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Sc(t);Mc.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(Mc[this.ds].tokenDefaults),this.styleUpdate()})}customDesignModeChanged(e,t){return(0,i.sH)(this,void 0,void 0,function*(){const e=[{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:t="custom"}=yield this.getAppDetails(),o={name:e,value:t};this.designSystems=[o],Mc.custom.prefix=t,Mc.custom.buttons=Mc[t].buttons,Mc.custom.badge=Mc[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:Mc[this.ds].prefix,buttonAppearanceAccent:Mc[this.ds].buttons.accent,buttonAppearanceNeutral:Mc[this.ds].buttons.neutral,buttonAppearanceOutline:Mc[this.ds].buttons.outline,buttonAppearanceText:Mc[this.ds].buttons.text,badgeAppearanceAccent:Mc[this.ds].badge.accent,badgeAppearanceNeutral:Mc[this.ds].badge.neutral,badgeText:Mc[this.ds].badge.font};this.$emit(hc.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Mc[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:fc[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseHeightMultiplier:this.baseHeightMultiplier,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(hc.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach(t=>{this.preserveOptions&&void 0!==this.userSelections[t]?this[t]=this.userSelections[t]:this[t]=e[t]}),this.darkMode=this.luminance===g.StandardLuminance.DarkMode,p.DOM.queueUpdate(()=>{this.tokenUpdateInProgress=!1})}getAppDetails(){return fetch("api/details").then(e=>e.ok&&e.json()).then(e=>e).catch(e=>{console.error("Error fetching tokens:",e)})}connectedCallback(){super.connectedCallback(),this.userSelections={},Ca(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(hc.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],Ic.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],Ic.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],Ic.prototype,"ds",void 0),(0,i.Cg)([p.attr],Ic.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],Ic.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],Ic.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],Ic.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],Ic.prototype,"density",void 0),(0,i.Cg)([p.observable],Ic.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],Ic.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],Ic.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],Ic.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],Ic.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],Ic.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],Ic.prototype,"preserveOptions",void 0),Ic=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:wc,styles:xc})],Ic);const Lc=(0,b.createLogger)("documentation-components"),Fc=e=>{const t=(e=>{const t=(0,Vo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},Ec=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},zc=(e,t)=>{const o=Fc(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=Fc(e.accentColor);g.accentPalette.setValueFor(t,a),g.baseLayerLuminance.setValueFor(t,e.luminance),g.density.setValueFor(t,e.density),g.controlCornerRadius.setValueFor(t,e.borderRadius),g.strokeWidth.setValueFor(t,e.strokeWidth),g.designUnit.setValueFor(t,e.designUnit),g.bodyFont.setValueFor(t,e.bodyFont),g.typeRampBaseFontSize.setValueFor(t,e.baseFontSize),g.typeRampBaseLineHeight.setValueFor(t,e.baseLineHeight),g.typeRampMinus1FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,Ec(g.typeRampBaseFontSize,wa.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,Ec(g.typeRampBaseLineHeight,wa.Du.plusSix,t))},Oc=p.css`
+`,Cc=({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,baseHeightMultiplier:e.style.baseHeightMultiplier.$value,bodyFont:Object.keys(yc).find(t=>yc[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Ac=Cc(La),kc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},Rc={accent:"primary",neutral:"secondary",font:"white"},Mc=Cc(vc.designTokens),Ic={zero:{prefix:"zero",tokenDefaults:Ac,buttons:kc,badge:Rc},rapid:{prefix:"rapid",tokenDefaults:Mc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:kc,badge:Rc}};let Lc=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=Mc.luminance===g.StandardLuminance.DarkMode,this.luminance=Mc.luminance,this.neutralColor=Mc.neutralColor,this.accentColor=Mc.accentColor,this.bodyFont=Mc.bodyFont,this.density=Mc.density,this.borderRadius=Mc.borderRadius,this.strokeWidth=Mc.strokeWidth,this.baseHeightMultiplier=Mc.baseHeightMultiplier,this.designUnit=Mc.designUnit,this.baseFontSize=Mc.baseFontSize,this.baseLineHeight=Mc.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof u.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof g.Combobox||e.target instanceof g.Select){const{name:t,value:o}=e.target;t&&o&&(this[t]=o,this.updateUserSelections(t,o),this.styleUpdate())}else if(e.target instanceof u.Slider){const t=parseInt(e.target.value),o=e.target.name;o&&Number.isInteger(t)&&(this[o]=t,this.updateUserSelections(o,t),this.styleUpdate())}},this.updateUserSelections=(e,t)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=t)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?g.StandardLuminance.DarkMode:g.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Cc(t);Ic.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(Ic[this.ds].tokenDefaults),this.styleUpdate()})}customDesignModeChanged(e,t){return(0,i.sH)(this,void 0,void 0,function*(){const e=[{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:t="custom"}=yield this.getAppDetails(),o={name:e,value:t};this.designSystems=[o],Ic.custom.prefix=t,Ic.custom.buttons=Ic[t].buttons,Ic.custom.badge=Ic[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:Ic[this.ds].prefix,buttonAppearanceAccent:Ic[this.ds].buttons.accent,buttonAppearanceNeutral:Ic[this.ds].buttons.neutral,buttonAppearanceOutline:Ic[this.ds].buttons.outline,buttonAppearanceText:Ic[this.ds].buttons.text,badgeAppearanceAccent:Ic[this.ds].badge.accent,badgeAppearanceNeutral:Ic[this.ds].badge.neutral,badgeText:Ic[this.ds].badge.font};this.$emit(bc.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Ic[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:yc[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseHeightMultiplier:this.baseHeightMultiplier,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(bc.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach(t=>{this.preserveOptions&&void 0!==this.userSelections[t]?this[t]=this.userSelections[t]:this[t]=e[t]}),this.darkMode=this.luminance===g.StandardLuminance.DarkMode,p.DOM.queueUpdate(()=>{this.tokenUpdateInProgress=!1})}getAppDetails(){return fetch("api/details").then(e=>e.ok&&e.json()).then(e=>e).catch(e=>{console.error("Error fetching tokens:",e)})}connectedCallback(){super.connectedCallback(),this.userSelections={},Ca(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(bc.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],Lc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],Lc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],Lc.prototype,"ds",void 0),(0,i.Cg)([p.attr],Lc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],Lc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],Lc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],Lc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],Lc.prototype,"density",void 0),(0,i.Cg)([p.observable],Lc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],Lc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],Lc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],Lc.prototype,"preserveOptions",void 0),Lc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:Sc,styles:wc})],Lc);const Fc=(0,b.createLogger)("documentation-components"),Ec=e=>{const t=(e=>{const t=(0,Vo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},zc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},Oc=(e,t)=>{const o=Ec(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=Ec(e.accentColor);g.accentPalette.setValueFor(t,a),g.baseLayerLuminance.setValueFor(t,e.luminance),g.density.setValueFor(t,e.density),g.controlCornerRadius.setValueFor(t,e.borderRadius),g.strokeWidth.setValueFor(t,e.strokeWidth),g.designUnit.setValueFor(t,e.designUnit),g.bodyFont.setValueFor(t,e.bodyFont),g.typeRampBaseFontSize.setValueFor(t,e.baseFontSize),g.typeRampBaseLineHeight.setValueFor(t,e.baseLineHeight),g.typeRampMinus1FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusSix,t))},Tc=p.css`
   :host {
     --badge-fill-primary: var(--accent-fill-rest);
     --badge-fill-neutral: var(--neutral-fill-rest);
@@ -4757,7 +4757,7 @@
     display: flex;
     flex-direction: column;
   }
-`,Tc=p.html`
+`,Dc=p.html`
   ${e=>{return t=e.prefix,p.html`
   <template>
     <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5184,7 +5184,7 @@
     </${t}-design-system-provider>
   </template>
 `;var t}}
-`;let Dc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Lc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Lc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Lc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Lc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(hc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(yc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{zc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],Dc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Dc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Dc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Dc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Dc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Dc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Dc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Dc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Dc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Dc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Dc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Dc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Dc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Dc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Dc.prototype,"provider",void 0),Dc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:Tc,styles:Oc})],Dc);const Nc=p.css`
+`;let Nc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Fc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Fc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Fc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Fc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],Nc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Nc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Nc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Nc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Nc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Nc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Nc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Nc.prototype,"provider",void 0),Nc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:Dc,styles:Tc})],Nc);const Pc=p.css`
   .export {
     display: flex;
     justify-content: center;
@@ -5195,7 +5195,7 @@
     display: flex;
     justify-content: space-between;
   }
-`,Pc=p.html`
+`,jc=p.html`
   <template>
     <div class="export">
       <rapid-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</rapid-button>
@@ -5216,7 +5216,7 @@
       </rapid-modal>
     </div>
   </template>
-`;let jc=class extends p.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const t={design_tokens:{color:{accent:{$value:e.accentColor,$type:"color"},neutral:{$value:e.neutralColor,$type:"color"}},fontFamily:{bodyFont:{$value:e.bodyFont,$type:"fontFamily"}},typography:{baseFontSize:{$value:e.baseFontSize,$type:"dimension"},baseLineHeight:{$value:e.baseLineHeight,$type:"dimension"}},mode:{luminance:{$value:e.luminance,$type:"number"}},style:{density:{$value:e.density,$type:"number"},baseHeightMultiplier:{$value:e.baseHeightMultiplier,$type:"number"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(t,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch("api/tokens",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({tokens:this.value})}).then(e=>{if(!e.ok)throw new Error(`API request failed with status ${e.status}`);return e.json()}).then(e=>{Lc.log("Tokens saved successfully:",e),this.$emit(hc.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{Lc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],jc.prototype,"value",void 0),(0,i.Cg)([p.attr],jc.prototype,"tokensPath",void 0),jc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:Pc,styles:Nc})],jc);const Bc=p.css`
+`;let Bc=class extends p.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const t={design_tokens:{color:{accent:{$value:e.accentColor,$type:"color"},neutral:{$value:e.neutralColor,$type:"color"}},fontFamily:{bodyFont:{$value:e.bodyFont,$type:"fontFamily"}},typography:{baseFontSize:{$value:e.baseFontSize,$type:"dimension"},baseLineHeight:{$value:e.baseLineHeight,$type:"dimension"}},mode:{luminance:{$value:e.luminance,$type:"number"}},style:{density:{$value:e.density,$type:"number"},baseHeightMultiplier:{$value:e.baseHeightMultiplier,$type:"number"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(t,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch("api/tokens",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({tokens:this.value})}).then(e=>{if(!e.ok)throw new Error(`API request failed with status ${e.status}`);return e.json()}).then(e=>{Fc.log("Tokens saved successfully:",e),this.$emit(bc.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{Fc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],Bc.prototype,"value",void 0),(0,i.Cg)([p.attr],Bc.prototype,"tokensPath",void 0),Bc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:jc,styles:Pc})],Bc);const Hc=p.css`
   .colors {
     display: flex;
     flex-wrap: wrap;
@@ -5229,23 +5229,23 @@
     flex-grow: 1;
     height: 20px;
   }
-`,Hc=p.html`
+`,Uc=p.html`
   <ul class="colors">
     ${(0,p.repeat)(e=>e.swatches,p.html`
         <li class="color" style="background-color: ${e=>e.toColorString()}"></li>
       `)}
   </ul>
-`;let Uc=class extends p.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){g[this.type+"Palette"].subscribe({handleChange:e=>{const t=e.token.getValueFor(this);this.swatches=[...t.swatches]}},this)}}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Fc(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],Uc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],Uc.prototype,"type",void 0),Uc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Bc,template:Hc})],Uc);const Gc=p.css`
+`;let Gc=class extends p.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){g[this.type+"Palette"].subscribe({handleChange:e=>{const t=e.token.getValueFor(this);this.swatches=[...t.swatches]}},this)}}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Ec(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],Gc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],Gc.prototype,"type",void 0),Gc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Hc,template:Uc})],Gc);const Vc=p.css`
   .preview {
     width: 40px;
     height: 40px;
   }
-`,Vc=p.html`
+`,Yc=p.html`
   <div
     class="preview"
     style="background-color: ${e=>g[e.tokenName].createCSS()}"
   ></div>
-`;let Yc=class extends p.FASTElement{};(0,i.Cg)([p.attr],Yc.prototype,"tokenName",void 0),Yc=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Gc,template:Vc})],Yc);const Wc=p.css`
+`;let Wc=class extends p.FASTElement{};(0,i.Cg)([p.attr],Wc.prototype,"tokenName",void 0),Wc=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Vc,template:Yc})],Wc);const qc=p.css`
   .container {
     display: flex;
     width: 100%;
@@ -5293,7 +5293,7 @@
   .container > div:not(:last-child) {
     border-right: 1px solid #fafafa;
   }
-`,qc=[{title:"Fill",subcategories:[{title:"Fill Colour",tokens:[{name:"fillColor",cssProperty:"--fill-color"}]},{title:"Accent Fill",tokens:[{name:"accentFillRest",cssProperty:"--accent-fill-rest"},{name:"accentFillHover",cssProperty:"--accent-fill-hover"},{name:"accentFillActive",cssProperty:"--accent-fill-active"},{name:"accentFillFocus",cssProperty:"--accent-fill-focus"}]},{title:"Neutral Fill",tokens:[{name:"neutralFillRest",cssProperty:"--neutral-fill-rest"},{name:"neutralFillHover",cssProperty:"--neutral-fill-hover"},{name:"neutralFillActive",cssProperty:"--neutral-fill-active"},{name:"neutralFillFocus",cssProperty:"--neutral-fill-focus"}]},{title:"Neutral Fill Input",tokens:[{name:"neutralFillInputRest",cssProperty:"--neutral-fill-input-rest"},{name:"neutralFillInputHover",cssProperty:"--neutral-fill-input-hover"},{name:"neutralFillInputActive",cssProperty:"--neutral-fill-input-active"},{name:"neutralFillInputFocus",cssProperty:"--neutral-fill-input-focus"}]},{title:"Neutral Fill Stealth",tokens:[{name:"neutralFillStealthRest",cssProperty:"--neutral-fill-stealth-rest"},{name:"neutralFillStealthHover",cssProperty:"--neutral-fill-stealth-hover"},{name:"neutralFillStealthActive",cssProperty:"--neutral-fill-stealth-active"},{name:"neutralFillStealthFocus",cssProperty:"--neutral-fill-stealth-focus"}]},{title:"Neutral Fill Strong",tokens:[{name:"neutralFillStrongRest",cssProperty:"--neutral-fill-strong-rest"},{name:"neutralFillStrongHover",cssProperty:"--neutral-fill-strong-hover"},{name:"neutralFillStrongActive",cssProperty:"--neutral-fill-strong-active"},{name:"neutralFillStrongFocus",cssProperty:"--neutral-fill-strong-focus"}]}]},{title:"Foreground",subcategories:[{title:"Neutral Foreground",tokens:[{name:"neutralForegroundRest",cssProperty:"--neutral-foreground-rest"},{name:"neutralForegroundHint",cssProperty:"--neutral-foreground-hint"}]},{title:"Accent Foreground",tokens:[{name:"accentForegroundRest",cssProperty:"--accent-foreground-rest"},{name:"accentForegroundHover",cssProperty:"--accent-foreground-hover"},{name:"accentForegroundActive",cssProperty:"--accent-foreground-active"},{name:"accentForegroundFocus",cssProperty:"--accent-foreground-focus"}]},{title:"Foreground on Accent",tokens:[{name:"foregroundOnAccentRest",cssProperty:"--foreground-on-accent-rest"},{name:"foregroundOnAccentHover",cssProperty:"--foreground-on-accent-hover"},{name:"foregroundOnAccentActive",cssProperty:"--foreground-on-accent-active"},{name:"foregroundOnAccentFocus",cssProperty:"--foreground-on-accent-focus"}]},{title:"Foreground on accent large",tokens:[{name:"foregroundOnAccentRestLarge",cssProperty:"--foreground-on-accent-rest-large"},{name:"foregroundOnAccentHoverLarge",cssProperty:"--foreground-on-accent-hover-large"},{name:"foregroundOnAccentActiveLarge",cssProperty:"--foreground-on-accent-active-large"},{name:"foregroundOnAccentFocusLarge",cssProperty:"--foreground-on-accent-focus-large"}]}]},{title:"Stroke",subcategories:[{title:"Focus Stroke",tokens:[{name:"focusStrokeOuter",cssProperty:"--focus-stroke-outer"},{name:"focusStrokeInner",cssProperty:"--focus-stroke-inner"}]},{title:"Neutral Stroke",tokens:[{name:"neutralStrokeRest",cssProperty:"---neutral-stroke-rest"},{name:"neutralStrokeHover",cssProperty:"--neutral-stroke-hover"},{name:"neutralStrokeActive",cssProperty:"--neutral-stroke-active"},{name:"neutralStrokeFocus",cssProperty:"--neutral-stroke-focus"}]},{title:"Neutral stroke divider",tokens:[{name:"neutralStrokeDividerRest",cssProperty:"--neutral-stroke-divider-rest"}]}]},{title:"Layer",subcategories:[{title:"Neutral Layers",tokens:[{name:"neutralLayer1",cssProperty:"--neutral-layer-1"},{name:"neutralLayer2",cssProperty:"--neutral-layer-2"},{name:"neutralLayer3",cssProperty:"--neutral-layer-3"},{name:"neutralLayer4",cssProperty:"--neutral-layer-4"}]},{title:"Neutral Layer Card Container",tokens:[{name:"neutralLayerCardContainer",cssProperty:"--neutral-layer-card-container"}]},{title:"Neutral Fill Layer",tokens:[{name:"neutralFillLayerRest",cssProperty:"--neutral-fill-layer-rest"}]},{title:"Neutral Layer Floating",tokens:[{name:"neutralLayerFloating",cssProperty:"--neutral-layer-floating"}]}]}],Jc=p.html`
+`,Jc=[{title:"Fill",subcategories:[{title:"Fill Colour",tokens:[{name:"fillColor",cssProperty:"--fill-color"}]},{title:"Accent Fill",tokens:[{name:"accentFillRest",cssProperty:"--accent-fill-rest"},{name:"accentFillHover",cssProperty:"--accent-fill-hover"},{name:"accentFillActive",cssProperty:"--accent-fill-active"},{name:"accentFillFocus",cssProperty:"--accent-fill-focus"}]},{title:"Neutral Fill",tokens:[{name:"neutralFillRest",cssProperty:"--neutral-fill-rest"},{name:"neutralFillHover",cssProperty:"--neutral-fill-hover"},{name:"neutralFillActive",cssProperty:"--neutral-fill-active"},{name:"neutralFillFocus",cssProperty:"--neutral-fill-focus"}]},{title:"Neutral Fill Input",tokens:[{name:"neutralFillInputRest",cssProperty:"--neutral-fill-input-rest"},{name:"neutralFillInputHover",cssProperty:"--neutral-fill-input-hover"},{name:"neutralFillInputActive",cssProperty:"--neutral-fill-input-active"},{name:"neutralFillInputFocus",cssProperty:"--neutral-fill-input-focus"}]},{title:"Neutral Fill Stealth",tokens:[{name:"neutralFillStealthRest",cssProperty:"--neutral-fill-stealth-rest"},{name:"neutralFillStealthHover",cssProperty:"--neutral-fill-stealth-hover"},{name:"neutralFillStealthActive",cssProperty:"--neutral-fill-stealth-active"},{name:"neutralFillStealthFocus",cssProperty:"--neutral-fill-stealth-focus"}]},{title:"Neutral Fill Strong",tokens:[{name:"neutralFillStrongRest",cssProperty:"--neutral-fill-strong-rest"},{name:"neutralFillStrongHover",cssProperty:"--neutral-fill-strong-hover"},{name:"neutralFillStrongActive",cssProperty:"--neutral-fill-strong-active"},{name:"neutralFillStrongFocus",cssProperty:"--neutral-fill-strong-focus"}]}]},{title:"Foreground",subcategories:[{title:"Neutral Foreground",tokens:[{name:"neutralForegroundRest",cssProperty:"--neutral-foreground-rest"},{name:"neutralForegroundHint",cssProperty:"--neutral-foreground-hint"}]},{title:"Accent Foreground",tokens:[{name:"accentForegroundRest",cssProperty:"--accent-foreground-rest"},{name:"accentForegroundHover",cssProperty:"--accent-foreground-hover"},{name:"accentForegroundActive",cssProperty:"--accent-foreground-active"},{name:"accentForegroundFocus",cssProperty:"--accent-foreground-focus"}]},{title:"Foreground on Accent",tokens:[{name:"foregroundOnAccentRest",cssProperty:"--foreground-on-accent-rest"},{name:"foregroundOnAccentHover",cssProperty:"--foreground-on-accent-hover"},{name:"foregroundOnAccentActive",cssProperty:"--foreground-on-accent-active"},{name:"foregroundOnAccentFocus",cssProperty:"--foreground-on-accent-focus"}]},{title:"Foreground on accent large",tokens:[{name:"foregroundOnAccentRestLarge",cssProperty:"--foreground-on-accent-rest-large"},{name:"foregroundOnAccentHoverLarge",cssProperty:"--foreground-on-accent-hover-large"},{name:"foregroundOnAccentActiveLarge",cssProperty:"--foreground-on-accent-active-large"},{name:"foregroundOnAccentFocusLarge",cssProperty:"--foreground-on-accent-focus-large"}]}]},{title:"Stroke",subcategories:[{title:"Focus Stroke",tokens:[{name:"focusStrokeOuter",cssProperty:"--focus-stroke-outer"},{name:"focusStrokeInner",cssProperty:"--focus-stroke-inner"}]},{title:"Neutral Stroke",tokens:[{name:"neutralStrokeRest",cssProperty:"---neutral-stroke-rest"},{name:"neutralStrokeHover",cssProperty:"--neutral-stroke-hover"},{name:"neutralStrokeActive",cssProperty:"--neutral-stroke-active"},{name:"neutralStrokeFocus",cssProperty:"--neutral-stroke-focus"}]},{title:"Neutral stroke divider",tokens:[{name:"neutralStrokeDividerRest",cssProperty:"--neutral-stroke-divider-rest"}]}]},{title:"Layer",subcategories:[{title:"Neutral Layers",tokens:[{name:"neutralLayer1",cssProperty:"--neutral-layer-1"},{name:"neutralLayer2",cssProperty:"--neutral-layer-2"},{name:"neutralLayer3",cssProperty:"--neutral-layer-3"},{name:"neutralLayer4",cssProperty:"--neutral-layer-4"}]},{title:"Neutral Layer Card Container",tokens:[{name:"neutralLayerCardContainer",cssProperty:"--neutral-layer-card-container"}]},{title:"Neutral Fill Layer",tokens:[{name:"neutralFillLayerRest",cssProperty:"--neutral-fill-layer-rest"}]},{title:"Neutral Layer Floating",tokens:[{name:"neutralLayerFloating",cssProperty:"--neutral-layer-floating"}]}]}],Zc=p.html`
   <div class="row">
     <div
       class="preview"
@@ -5305,19 +5305,19 @@
       ${(e,t)=>g[e.name].getValueFor(t.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
     </div>
   </div>
-`,Zc=p.html`
+`,Qc=p.html`
   <div class="container" ${(0,p.ref)("provider")}>
-    ${(0,p.repeat)(()=>qc,p.html`
+    ${(0,p.repeat)(()=>Jc,p.html`
         <div class="column">
           <h3 class="header-title">${e=>e.title}</h3>
           ${(0,p.repeat)(e=>e.subcategories,p.html`
               <h4>${e=>e.title}</h4>
-              ${(0,p.repeat)(e=>e.tokens,Jc)}
+              ${(0,p.repeat)(e=>e.tokens,Zc)}
             `)}
         </div>
       `)}
   </div>
-`;let Qc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{const t=e.detail;zc(t,this.provider)})}};(0,i.Cg)([p.observable],Qc.prototype,"provider",void 0),Qc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Zc,styles:Wc})],Qc);const Xc=p.css`
+`;let Xc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e.detail;Oc(t,this.provider)})}};(0,i.Cg)([p.observable],Xc.prototype,"provider",void 0),Xc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Qc,styles:qc})],Xc);const Kc=p.css`
   table {
     background: var(--neutral-fill-rest);
     color: var(--neutral-foreground-rest);
@@ -5326,7 +5326,7 @@
   th {
     text-align: left;
   }
-`,Kc=p.html`
+`,$c=p.html`
   <table ${(0,p.ref)("provider")} style="font-family: ${()=>g.bodyFont.createCSS()}">
     <colgroup>
       <col style="width: 15%;" />
@@ -5554,7 +5554,7 @@
       </tr>
     </tbody>
   </table>
-`;let $c=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{const t=e.detail;zc(t,this.provider)})}};(0,i.Cg)([p.observable],$c.prototype,"provider",void 0),$c=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:Kc,styles:Xc})],$c);const _c=p.css`
+`;let _c=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e.detail;Oc(t,this.provider)})}};(0,i.Cg)([p.observable],_c.prototype,"provider",void 0),_c=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:$c,styles:Kc})],_c);const ep=p.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -5570,7 +5570,7 @@
     margin-top: 24px;
     padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
   }
-`,ep=p.css`
+`,tp=p.css`
   :host {
     --badge-fill-primary: var(--accent-fill-rest);
     --badge-fill-neutral: var(--neutral-fill-rest);
@@ -5603,7 +5603,7 @@
       grid-area: 1 / 2 / 3 / 3;
     }
   }
-`,tp=p.html`
+`,op=p.html`
   ${e=>{return t=e.prefix,p.html`
   <template>
     <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5624,7 +5624,7 @@
     </${t}-design-system-provider>
   </template>
 `;var t}}
-`;let op=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Lc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Lc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Lc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Lc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(hc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(yc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{zc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],op.prototype,"modal",void 0),(0,i.Cg)([p.attr],op.prototype,"prefix",void 0),(0,i.Cg)([p.observable],op.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],op.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],op.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],op.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],op.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],op.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],op.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],op.prototype,"cards",void 0),(0,i.Cg)([p.observable],op.prototype,"countries",void 0),(0,i.Cg)([p.observable],op.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],op.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],op.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],op.prototype,"provider",void 0),op=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:tp,styles:ep})],op);const ap={type:"VerticalLayout",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},rp={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},ip={type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},np={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},sp=p.css`
+`;let ap=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Fc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Fc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Fc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Fc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],ap.prototype,"modal",void 0),(0,i.Cg)([p.attr],ap.prototype,"prefix",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],ap.prototype,"cards",void 0),(0,i.Cg)([p.observable],ap.prototype,"countries",void 0),(0,i.Cg)([p.observable],ap.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],ap.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],ap.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],ap.prototype,"provider",void 0),ap=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:op,styles:tp})],ap);const rp={type:"VerticalLayout",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},ip={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},np={type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},sp={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},lp=p.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -5655,7 +5655,7 @@
   rapid-design-system-provider {
     display: inline;
   }
-`,lp=p.html`
+`,dp=p.html`
   ${e=>{return t=e.prefix,p.html`
   <template>
     <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5679,7 +5679,7 @@
     </${t}-design-system-provider>
   </template>
 `;var t}}
-`;let dp=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=rp,this.uischema=ap,this.jsonSchemaArray=np,this.uiSchemaArray=ip,this.prefix="rapid",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(hc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(hc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(yc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{zc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],dp.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],dp.prototype,"uischema",void 0),(0,i.Cg)([p.observable],dp.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],dp.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],dp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],dp.prototype,"provider",void 0),(0,i.Cg)([p.observable],dp.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],dp.prototype,"editedEntityArray",void 0),dp=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:lp,styles:sp})],dp);const cp=[{athlete:"Michael Phelps",age:23,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:8,silver:0,bronze:0,total:8,isActionDisabled:!0,BUY_SELL:"BUY"},{athlete:"Michael Phelps",age:19,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:6,silver:0,bronze:2,total:8,BUY_SELL:"SELL"},{athlete:"Michael Phelps",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:2,bronze:0,total:6,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:25,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:2,bronze:3,total:6,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Aleksey Nemov",age:24,country:"Russia",year:2e3,date:"01/10/2000",sport:"Gymnastics",gold:2,silver:1,bronze:3,total:6,BUY_SELL:"BUY"},{athlete:"Alicia Coutts",age:24,country:"Australia",year:2012,date:"12/08/2012",sport:"Swimming",gold:1,silver:3,bronze:1,total:5,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Missy Franklin",age:17,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:0,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Ryan Lochte",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Allison Schmitt",age:22,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:21,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Ian Thorpe",age:17,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:2,bronze:0,total:5,BUY_SELL:"BUY"},{athlete:"Dara Torres",age:33,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:3,total:5,BUY_SELL:"SELL"},{athlete:"Cindy Klassen",age:26,country:"Canada",year:2006,date:"26/02/2006",sport:"Speed Skating",gold:1,silver:2,bronze:2,total:5,BUY_SELL:"BUY"},{athlete:"Nastia Liukin",age:18,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Marit Bjørgen",age:29,country:"Norway",year:2010,date:"28/02/2010",sport:"Cross Country Skiing",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Sun Yang",age:20,country:"China",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Kirsty Coventry",age:24,country:"Zimbabwe",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Libby Lenton-Trickett",age:23,country:"Australia",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Ryan Lochte",age:24,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"BUY"},{athlete:"Inge de Bruijn",age:30,country:"Netherlands",year:2004,date:"29/08/2004",sport:"Swimming",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Petria Thomas",age:28,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Ian Thorpe",age:21,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Inge de Bruijn",age:27,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Gary Hall Jr.",age:25,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Michael Klim",age:23,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:2,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Susie O'Neill",age:27,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"SELL"},{athlete:"Jenny Thompson",age:27,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Pieter van den Hoogenband",age:22,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"An Hyeon-Su",age:20,country:"South Korea",year:2006,date:"26/02/2006",sport:"Short-Track Speed Skating",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Aliya Mustafina",age:17,country:"Russia",year:2012,date:"12/08/2012",sport:"Gymnastics",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Shawn Johnson",age:16,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"}],pp=p.css`
+`;let cp=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=ip,this.uischema=rp,this.jsonSchemaArray=sp,this.uiSchemaArray=np,this.prefix="rapid",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(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],cp.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],cp.prototype,"uischema",void 0),(0,i.Cg)([p.observable],cp.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],cp.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],cp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],cp.prototype,"provider",void 0),(0,i.Cg)([p.observable],cp.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],cp.prototype,"editedEntityArray",void 0),cp=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:dp,styles:lp})],cp);const pp=[{athlete:"Michael Phelps",age:23,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:8,silver:0,bronze:0,total:8,isActionDisabled:!0,BUY_SELL:"BUY"},{athlete:"Michael Phelps",age:19,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:6,silver:0,bronze:2,total:8,BUY_SELL:"SELL"},{athlete:"Michael Phelps",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:2,bronze:0,total:6,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:25,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:2,bronze:3,total:6,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Aleksey Nemov",age:24,country:"Russia",year:2e3,date:"01/10/2000",sport:"Gymnastics",gold:2,silver:1,bronze:3,total:6,BUY_SELL:"BUY"},{athlete:"Alicia Coutts",age:24,country:"Australia",year:2012,date:"12/08/2012",sport:"Swimming",gold:1,silver:3,bronze:1,total:5,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Missy Franklin",age:17,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:0,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Ryan Lochte",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Allison Schmitt",age:22,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:21,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Ian Thorpe",age:17,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:2,bronze:0,total:5,BUY_SELL:"BUY"},{athlete:"Dara Torres",age:33,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:3,total:5,BUY_SELL:"SELL"},{athlete:"Cindy Klassen",age:26,country:"Canada",year:2006,date:"26/02/2006",sport:"Speed Skating",gold:1,silver:2,bronze:2,total:5,BUY_SELL:"BUY"},{athlete:"Nastia Liukin",age:18,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Marit Bjørgen",age:29,country:"Norway",year:2010,date:"28/02/2010",sport:"Cross Country Skiing",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Sun Yang",age:20,country:"China",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Kirsty Coventry",age:24,country:"Zimbabwe",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Libby Lenton-Trickett",age:23,country:"Australia",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Ryan Lochte",age:24,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"BUY"},{athlete:"Inge de Bruijn",age:30,country:"Netherlands",year:2004,date:"29/08/2004",sport:"Swimming",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Petria Thomas",age:28,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Ian Thorpe",age:21,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Inge de Bruijn",age:27,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Gary Hall Jr.",age:25,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Michael Klim",age:23,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:2,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Susie O'Neill",age:27,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"SELL"},{athlete:"Jenny Thompson",age:27,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Pieter van den Hoogenband",age:22,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"An Hyeon-Su",age:20,country:"South Korea",year:2006,date:"26/02/2006",sport:"Short-Track Speed Skating",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Aliya Mustafina",age:17,country:"Russia",year:2012,date:"12/08/2012",sport:"Gymnastics",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Shawn Johnson",age:16,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"}],up=p.css`
   :host {
     background: var(--fill-color);
     color: var(--neutral-foreground-rest);
@@ -5694,7 +5694,7 @@
   .grid-height {
     height: 100%;
   }
-`,up=p.html`
+`,gp=p.html`
   ${e=>{return t=e.prefix,p.html`
   <template>
     <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5723,7 +5723,7 @@
     </${t}-design-system-provider>
   </template>
 `;var t}}
-`;let gp=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...cp],this.columnDefs=[{headerName:"#",colId:"rowNum",valueGetter:"node.id",width:80,pinned:"left"},{headerName:"Athlete",field:"athlete",width:150,pinned:"left"},{headerName:"Age",field:"age",width:90,pinned:"left"},{headerName:"Country",field:"country",width:150},{headerName:"Year",field:"year",width:90},{field:"BUY_SELL",headerName:"B/S",width:100,cellRenderer:qd.IX.statusPill,cellRendererParams:e=>({text:e.value,backgroundColor:"BUY"===e.value||"LONG"===e.value?"green":"red"})},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,t)=>{if(null==t)return-1;const o=t.split("/"),a=new Date(Number(o[2]),Number(o[1])-1,Number(o[0]));return e.getTime()===a.getTime()?0:a<e?-1:a>e?1:0}}},{headerName:"Sport",field:"sport",width:150,editable:!0},{headerName:"Gold",field:"gold",width:100},{headerName:"Silver",field:"silver",width:100},{headerName:"Bronze",field:"bronze",width:100},{headerName:"Total",field:"total",width:100,pinned:"right"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData},this.myCustomCheckboxRenderer=e=>2012===e.value?`<div><span style="color: var(--warning-color); font-weight: bold;">${e.value}</span></div>`:e.value,this.multipleCustomFoundationColumnConfigs=[{headerName:"Country",field:"country",cellRenderer:qd.IX.boolean},{headerName:"Year",field:"year",cellRenderer:this.myCustomCheckboxRenderer}],this.multipleActions=[{name:"View",callback:e=>console.log("VIEWW!!!",e)},{name:"Delete",callback:e=>console.log("DELETE!!!",e)},{name:"Edit",callback:e=>console.log("EDIT!!!",e)},{name:"Wait",callback:e=>console.log("WHAT???",e)}],this.multipleActionsMenuSlottedConfig=(0,kd.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:qd.IX.action,cellRendererParams:{actionClick:e=>console.log("CLICKED ON SINGLE ACTION!!!!",e),actionName:"Single Action",appearance:"accent",isDisabled:e=>!!e.isActionDisabled,dataTestId:"singleActionTestId#",uniqueFieldName:"UNIQUE_ID"}}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(hc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(hc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(yc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{zc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],gp.prototype,"grid",void 0),(0,i.Cg)([p.attr],gp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],gp.prototype,"provider",void 0),(0,i.Cg)([p.observable],gp.prototype,"rowData",void 0),(0,i.Cg)([p.observable],gp.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],gp.prototype,"gridOptions",void 0),gp=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:up,styles:pp})],gp);const mp=p.html`
+`;let mp=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...pp],this.columnDefs=[{headerName:"#",colId:"rowNum",valueGetter:"node.id",width:80,pinned:"left"},{headerName:"Athlete",field:"athlete",width:150,pinned:"left"},{headerName:"Age",field:"age",width:90,pinned:"left"},{headerName:"Country",field:"country",width:150},{headerName:"Year",field:"year",width:90},{field:"BUY_SELL",headerName:"B/S",width:100,cellRenderer:qd.IX.statusPill,cellRendererParams:e=>({text:e.value,backgroundColor:"BUY"===e.value||"LONG"===e.value?"green":"red"})},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,t)=>{if(null==t)return-1;const o=t.split("/"),a=new Date(Number(o[2]),Number(o[1])-1,Number(o[0]));return e.getTime()===a.getTime()?0:a<e?-1:a>e?1:0}}},{headerName:"Sport",field:"sport",width:150,editable:!0},{headerName:"Gold",field:"gold",width:100},{headerName:"Silver",field:"silver",width:100},{headerName:"Bronze",field:"bronze",width:100},{headerName:"Total",field:"total",width:100,pinned:"right"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData},this.myCustomCheckboxRenderer=e=>2012===e.value?`<div><span style="color: var(--warning-color); font-weight: bold;">${e.value}</span></div>`:e.value,this.multipleCustomFoundationColumnConfigs=[{headerName:"Country",field:"country",cellRenderer:qd.IX.boolean},{headerName:"Year",field:"year",cellRenderer:this.myCustomCheckboxRenderer}],this.multipleActions=[{name:"View",callback:e=>console.log("VIEWW!!!",e)},{name:"Delete",callback:e=>console.log("DELETE!!!",e)},{name:"Edit",callback:e=>console.log("EDIT!!!",e)},{name:"Wait",callback:e=>console.log("WHAT???",e)}],this.multipleActionsMenuSlottedConfig=(0,kd.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:qd.IX.action,cellRendererParams:{actionClick:e=>console.log("CLICKED ON SINGLE ACTION!!!!",e),actionName:"Single Action",appearance:"accent",isDisabled:e=>!!e.isActionDisabled,dataTestId:"singleActionTestId#",uniqueFieldName:"UNIQUE_ID"}}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],mp.prototype,"grid",void 0),(0,i.Cg)([p.attr],mp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],mp.prototype,"provider",void 0),(0,i.Cg)([p.observable],mp.prototype,"rowData",void 0),(0,i.Cg)([p.observable],mp.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],mp.prototype,"gridOptions",void 0),mp=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:gp,styles:up})],mp);const hp=p.html`
   <template>
     <rapid-tabs>
       <rapid-tab slot="tab">Components</rapid-tab>
@@ -5756,5 +5756,5 @@
       </rapid-tab-panel>
     </rapid-tabs>
   </template>
-`;let hp=class extends p.FASTElement{};hp=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:mp,styles:_c})],hp),((e,t="zero")=>(0,se.provideDesignSystem)(e,t,r,a))().register(ed,mc),(0,bc.provideDesignSystem)().register(bc.baseComponents,vc.rapidGridComponents,Po)}}]);
-//# sourceMappingURL=11.d2c3136979fd1ff6a6ae817575abccd8.js.map
+`;let bp=class extends p.FASTElement{};bp=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:hp,styles:ep})],bp),((e,t="zero")=>(0,se.provideDesignSystem)(e,t,r,a))().register(ed,hc),(0,vc.provideDesignSystem)().register(vc.baseComponents,fc.rapidGridComponents,Po)}}]);
+//# sourceMappingURL=11.dabc3b8771ea67f554fe02d500a02d0d.js.map