@genesislcap/design-system-configurator 15.0.0-FUI-2567.2 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- "use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[326],{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}},5326(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>kc,ColorToken:()=>Ic,ColorTokens:()=>Oc,DesignSystemEditor:()=>uc,DesignSystemExport:()=>Sc,DesignSystemPreview:()=>_c,EventName:()=>_d,PreviewApp:()=>Hc,PreviewComponents:()=>yc,PreviewForm:()=>Jc,PreviewGrid:()=>Kc,TypographyTokens:()=>Pc,defaultBodyFont:()=>ac,fontFamilies:()=>oc});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:()=>Wo,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>Yo,defaultErrorColor:()=>Do,defaultInfoColor:()=>Xo,defaultSellColor:()=>Jo,defaultSeriousNotifyColor:()=>_o,defaultSuccessColor:()=>jo,defaultWarningColor:()=>Go,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Po,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:()=>Ko,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:()=>Zo,seriousNotifyColor:()=>ea,strokeWidth:()=>g.strokeWidth,successColor:()=>Bo,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:()=>Uo});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ta,baseHeightMultiplierValue:()=>na,baseLayerLuminanceValue:()=>aa,bodyFontValue:()=>ha,controlCornerRadiusValue:()=>sa,densityValue:()=>la,designTokens:()=>fa,designUnitValue:()=>da,directionValue:()=>ra,neutralPaletteValue:()=>oa,strokeWidthValue:()=>ia,typeRampBaseFontSizeValue:()=>ba,typeRampBaseLineHeightValue:()=>va});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`
1
+ "use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[3],{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}},27003(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>yc,ColorToken:()=>Sc,ColorTokens:()=>Mc,DesignSystemEditor:()=>nc,DesignSystemExport:()=>bc,DesignSystemPreview:()=>Jc,EventName:()=>Jd,PreviewApp:()=>Tc,PreviewComponents:()=>gc,PreviewForm:()=>Gc,PreviewGrid:()=>Wc,TypographyTokens:()=>Fc,defaultBodyFont:()=>Kd,fontFamilies:()=>Xd});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:()=>Wo,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>Yo,defaultErrorColor:()=>Do,defaultInfoColor:()=>Xo,defaultSellColor:()=>Jo,defaultSeriousNotifyColor:()=>_o,defaultSuccessColor:()=>jo,defaultWarningColor:()=>Go,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Po,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:()=>Ko,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:()=>Zo,seriousNotifyColor:()=>ea,strokeWidth:()=>g.strokeWidth,successColor:()=>Bo,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:()=>Uo});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ta,baseHeightMultiplierValue:()=>na,baseLayerLuminanceValue:()=>aa,bodyFontValue:()=>ha,controlCornerRadiusValue:()=>sa,densityValue:()=>la,designTokens:()=>fa,designUnitValue:()=>da,directionValue:()=>ra,neutralPaletteValue:()=>oa,strokeWidthValue:()=>ia,typeRampBaseFontSizeValue:()=>ba,typeRampBaseLineHeightValue:()=>va});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`
2
2
  ${x} .foundation-control-wrapper-root {
3
3
  margin-bottom: var(--wrapper-root-margin-bottom, calc(var(--design-unit) * 4px));
4
4
  }
@@ -3556,7 +3556,7 @@
3556
3556
  ${(0,me.foundationTreeViewStyles)(e,t)}
3557
3557
  `,shadowOptions:me.foundationTreeViewShadowOptions},me.defaultTreeViewConfig)),Dl=p.html`
3558
3558
  ${(0,me.getPrefixedUrlInput)("zero")}
3559
- `;class Pl extends me.UrlInput{}const Nl=Pl.compose(Object.assign({baseName:"url-input",template:Dl,styles:(e,t)=>p.css`
3559
+ `;class Pl extends me.UrlInput{}const Nl={zeroAccordion:xa,zeroAccordionItem:Sa,zeroAiCriteriaSearch:Ma,zeroAiIndicator:La,zeroActionsMenu:Aa,zeroAnchor:pr,zeroAnchoredRegion:gr,zeroAvatar:hr,zeroBadge:vr,zeroBanner:wr,zeroBreadcrumb:Cr,zeroBreadcrumbItem:kr,zeroButton:Mr,zeroCalendar:Lr,zeroCard:zr,zeroCategorizedMultiselect:Nr,zeroCheckbox:Br,zeroCombobox:$r,zeroConnectionIndicator:ei,zeroDataGrid:ri,zeroDatePicker:si,zeroDesignSystemProvider:ui,zeroDialog:xi,zeroDisclosure:Si,zeroDivider:Ai,zeroDropdownMenu:Ri,zeroEnvironmentIndicator:Li,zeroErrorBanner:Oi,zeroErrorBoundary:Di,zeroErrorDialog:Ni,zeroFileReader:Bi,zeroFileUpload:Wi,zeroFilter:Zi,zeroFilterBar:Ki,zeroFlexLayout:_i,zeroFlipper:tn,zeroFlyout:ln,zeroGridLayout:cn,zeroGridLayoutItem:un,zeroHorizontalScroll:hn,zeroIcon:xn,zeroListbox:Sn,zeroListboxOption:An,zeroMenu:Mn,zeroMenuItem:Fn,zeroModal:Pn,zeroMultiselect:Un,zeroNotificationListener:Yn,zeroNumberField:Xn,zeroOptgroup:$n,zeroPill:rs,zeroProgress:ns,zeroProgressRing:ds,zeroRadio:ps,zeroRadioGroup:gs,zeroSchedulerCronBuilder:ws,zeroSearchBar:Ls,zeroSearchBarCombobox:zs,zeroSegmentedControl:Ds,zeroSegmentedItem:Ns,zeroSelect:Bs,zeroScheduler:vs,zeroSchedulerTimezone:ks,zeroSkeleton:Gs,zeroSlider:Vs,zeroSliderLabel:Ws,zeroSnackbar:Xs,zeroStackingIcons:$s,zeroStatusPill:el,zeroStepper:rl,zeroStepperTab:sl,zeroStepperTabPanel:dl,zeroSwitch:pl,zeroSystemHealthOverlay:es,zeroTab:gl,zeroTabPanel:hl,zeroTabs:vl,zeroTextArea:yl,zeroTextField:wl,zeroToast:Rl,zeroToolbar:Il,zeroTooltip:Fl,zeroTreeItem:El,zeroTreeView:Tl,zeroUrlInput:Pl.compose(Object.assign({baseName:"url-input",template:Dl,styles:(e,t)=>p.css`
3560
3560
  ${(0,me.foundationUrlInputStyles)(e,t)}
3561
3561
  a {
3562
3562
  color: ${Io.blue};
@@ -3566,61 +3566,8 @@
3566
3566
  a:hover {
3567
3567
  opacity: 100%;
3568
3568
  }
3569
- `,shadowOptions:me.foundationUrlInputShadowOptions},me.defaultUrlInputConfig)),jl=p.css`
3570
- ${me.foundationVerificationCodeInputStyles}
3571
-
3572
- :host {
3573
- --primary-gradient-angle: -113.5deg;
3574
- }
3575
-
3576
- .digit .control {
3577
- height: 100%;
3578
- border-radius: calc(var(--control-corner-radius) * 1px);
3579
- }
3580
-
3581
- .digit .root {
3582
- border: calc(var(--stroke-width) * 1px) solid ${Qr};
3583
- background-color: ${Vr};
3584
- }
3585
-
3586
- .digit:hover:not(.disabled) .root {
3587
- border-color: ${Gr};
3588
- background: none;
3589
- }
3590
-
3591
- .digit:focus-within:not(.disabled) .root {
3592
- background:
3593
- linear-gradient(
3594
- var(--primary-gradient-angle),
3595
- ${Io.blue} 0%,
3596
- ${Io.purple} 100%
3597
- )
3598
- top/100% 1px,
3599
- linear-gradient(
3600
- var(--primary-gradient-angle),
3601
- ${Io.blue} 0%,
3602
- ${Io.purple} 100%
3603
- )
3604
- bottom/100% 1px;
3605
- background-color: ${Jr};
3606
- background-origin: border-box;
3607
- background-repeat: no-repeat;
3608
- border: 1px solid transparent;
3609
- border-right-color: ${Io.blue};
3610
- border-left-color: ${Io.purple};
3611
- box-shadow: none;
3612
- }
3613
-
3614
- .label {
3615
- color: ${Wr};
3616
- margin: calc(var(--design-unit) * 2px) 0;
3617
- }
3618
-
3619
- .label-hidden {
3620
- margin: 0;
3621
- }
3622
- `,Bl=me.foundationVerificationCodeInputTemplate;class Hl extends me.VerificationCodeInput{}const Gl=me.defaultVerificationCodeInputConfig,Ul=me.foundationVerificationCodeInputShadowOptions,Vl={zeroAccordion:xa,zeroAccordionItem:Sa,zeroAiCriteriaSearch:Ma,zeroAiIndicator:La,zeroActionsMenu:Aa,zeroAnchor:pr,zeroAnchoredRegion:gr,zeroAvatar:hr,zeroBadge:vr,zeroBanner:wr,zeroBreadcrumb:Cr,zeroBreadcrumbItem:kr,zeroButton:Mr,zeroCalendar:Lr,zeroCard:zr,zeroCategorizedMultiselect:Nr,zeroCheckbox:Br,zeroCombobox:$r,zeroConnectionIndicator:ei,zeroDataGrid:ri,zeroDatePicker:si,zeroDesignSystemProvider:ui,zeroDialog:xi,zeroDisclosure:Si,zeroDivider:Ai,zeroDropdownMenu:Ri,zeroEnvironmentIndicator:Li,zeroErrorBanner:Oi,zeroErrorBoundary:Di,zeroErrorDialog:Ni,zeroFileReader:Bi,zeroFileUpload:Wi,zeroFilter:Zi,zeroFilterBar:Ki,zeroFlexLayout:_i,zeroFlipper:tn,zeroFlyout:ln,zeroGridLayout:cn,zeroGridLayoutItem:un,zeroHorizontalScroll:hn,zeroIcon:xn,zeroListbox:Sn,zeroListboxOption:An,zeroMenu:Mn,zeroMenuItem:Fn,zeroModal:Pn,zeroMultiselect:Un,zeroNotificationListener:Yn,zeroNumberField:Xn,zeroOptgroup:$n,zeroPill:rs,zeroProgress:ns,zeroProgressRing:ds,zeroRadio:ps,zeroRadioGroup:gs,zeroSchedulerCronBuilder:ws,zeroSearchBar:Ls,zeroSearchBarCombobox:zs,zeroSegmentedControl:Ds,zeroSegmentedItem:Ns,zeroSelect:Bs,zeroScheduler:vs,zeroSchedulerTimezone:ks,zeroSkeleton:Gs,zeroSlider:Vs,zeroSliderLabel:Ws,zeroSnackbar:Xs,zeroStackingIcons:$s,zeroStatusPill:el,zeroStepper:rl,zeroStepperTab:sl,zeroStepperTabPanel:dl,zeroSwitch:pl,zeroSystemHealthOverlay:es,zeroTab:gl,zeroTabPanel:hl,zeroTabs:vl,zeroTextArea:yl,zeroTextField:wl,zeroToast:Rl,zeroToolbar:Il,zeroTooltip:Fl,zeroTreeItem:El,zeroTreeView:Tl,zeroUrlInput:Nl,zeroVerificationCodeInput:Hl.compose(Object.assign({baseName:"verification-code-input",template:Bl,styles:jl,shadowOptions:Ul},Gl)),zeroSectionNavigator:Os,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var Yl=o(49255);class Wl extends Yl.S8{}const ql=Wl.compose({baseName:"date-editor",styles:Yl.kI,template:(0,Yl.m6)("zero")});var Jl=o(56182);class Zl extends Jl.pZ{}const Ql=Zl.compose({baseName:"multiselect-editor",styles:Jl.$b,template:(0,Jl.tB)("zero")});var Xl=o(48075);class Kl extends Xl._Q{}const $l=Kl.compose({baseName:"select-editor",styles:Xl.Uo,template:(0,Xl.iY)("zero")});var _l=o(48072);class ed extends _l.Z0{}const td=ed.compose({baseName:"number-editor",styles:_l.Fv,template:(0,_l.r1)("zero")});var od=o(43352);class ad extends od.XJ{}const rd=ad.compose({baseName:"string-editor",styles:od.P_,template:(0,od.bZ)("zero")});var id=o(2048);class nd extends id.Jt{}const sd=nd.compose({baseName:"icon-renderer",styles:id.X5,template:(0,id.V$)("zero")});var ld=o(46255);class dd extends ld.YM{}const cd=dd.compose({baseName:"editable-renderer",styles:ld.Mx,template:(0,ld.iP)("zero")});var pd=o(67489);class ud extends pd.eA{}const gd=ud.compose({baseName:"grid-pro-action-renderer",styles:p.css`
3623
- ${pd.AC}
3569
+ `,shadowOptions:me.foundationUrlInputShadowOptions},me.defaultUrlInputConfig)),zeroSectionNavigator:Os,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var jl=o(49255);class Bl extends jl.S8{}const Hl=Bl.compose({baseName:"date-editor",styles:jl.kI,template:(0,jl.m6)("zero")});var Gl=o(56182);class Ul extends Gl.pZ{}const Vl=Ul.compose({baseName:"multiselect-editor",styles:Gl.$b,template:(0,Gl.tB)("zero")});var Yl=o(48075);class Wl extends Yl._Q{}const ql=Wl.compose({baseName:"select-editor",styles:Yl.Uo,template:(0,Yl.iY)("zero")});var Jl=o(48072);class Zl extends Jl.Z0{}const Ql=Zl.compose({baseName:"number-editor",styles:Jl.Fv,template:(0,Jl.r1)("zero")});var Xl=o(43352);class Kl extends Xl.XJ{}const $l=Kl.compose({baseName:"string-editor",styles:Xl.P_,template:(0,Xl.bZ)("zero")});var _l=o(2048);class ed extends _l.Jt{}const td=ed.compose({baseName:"icon-renderer",styles:_l.X5,template:(0,_l.V$)("zero")});var od=o(46255);class ad extends od.YM{}const rd=ad.compose({baseName:"editable-renderer",styles:od.Mx,template:(0,od.iP)("zero")});var id=o(67489);class nd extends id.eA{}const sd=nd.compose({baseName:"grid-pro-action-renderer",styles:p.css`
3570
+ ${id.AC}
3624
3571
  `,template:p.html`
3625
3572
  <div class="action-container" part="action-container">
3626
3573
  <zero-button
@@ -3638,12 +3585,12 @@
3638
3585
  `:null===(o=e.params)||void 0===o?void 0:o.actionName}}
3639
3586
  </zero-button>
3640
3587
  </div>
3641
- `});var md=o(39604);class hd extends md.cN{}const bd=hd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3588
+ `});var ld=o(39604);class dd extends ld.cN{}const cd=dd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3642
3589
  <zero-actions-menu
3643
3590
  name="${e=>{var t;return null===(t=e.params)||void 0===t?void 0:t.headerName}}"
3644
3591
  :definition=${e=>e.params}
3645
3592
  ></zero-actions-menu>
3646
- `});var vd=o(60905);class fd extends vd._Y{}const yd=fd.compose({baseName:"boolean-renderer",styles:vd.CL,template:(0,vd.A9)("zero")});var xd=o(96598);class wd extends xd.t{}const Sd=wd.compose({baseName:"grid-text-renderer",styles:xd.JN,template:(0,xd.d6)("zero")});var Cd=o(80879);class Ad extends Cd.gs{}const kd=Ad.compose({baseName:"select-renderer",styles:Cd.Ad,template:(0,Cd.qj)("zero")});var Rd=o(19511);class Md extends Rd.N7{}const Id=Md.compose({baseName:"status-pill-renderer",template:(0,Rd.T2)("zero"),styles:Rd.x2});var Ld=o(51266),Fd=o(55365),zd=o(98884);const Ed={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2b2e34"))},Od={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2196f3"))},{create:Td}=u.DesignToken,Dd={backgroundColor:Td("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.backgroundSwatch:Ed.backgroundSwatch),borderColor:Td("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.borderSwatch:Ed.borderSwatch),foregroundColor:Td("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.foregroundSwatch:Ed.foregroundSwatch),headerForegroundColor:Td("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.headerForegroundSwatch:Ed.headerForegroundSwatch),rowHoverColor:Td("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.rowHoverSwatch:Ed.rowHoverSwatch)},Pd=()=>{const e=(0,me.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},Nd=p.css`
3593
+ `});var pd=o(60905);class ud extends pd._Y{}const gd=ud.compose({baseName:"boolean-renderer",styles:pd.CL,template:(0,pd.A9)("zero")});var md=o(96598);class hd extends md.t{}const bd=hd.compose({baseName:"grid-text-renderer",styles:md.JN,template:(0,md.d6)("zero")});var vd=o(80879);class fd extends vd.gs{}const yd=fd.compose({baseName:"select-renderer",styles:vd.Ad,template:(0,vd.qj)("zero")});var xd=o(19511);class wd extends xd.N7{}const Sd=wd.compose({baseName:"status-pill-renderer",template:(0,xd.T2)("zero"),styles:xd.x2});var Cd=o(51266),Ad=o(55365),kd=o(98884);const Rd={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2b2e34"))},Md={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2196f3"))},{create:Id}=u.DesignToken,Ld={backgroundColor:Id("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Md.backgroundSwatch:Rd.backgroundSwatch),borderColor:Id("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Md.borderSwatch:Rd.borderSwatch),foregroundColor:Id("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Md.foregroundSwatch:Rd.foregroundSwatch),headerForegroundColor:Id("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Md.headerForegroundSwatch:Rd.headerForegroundSwatch),rowHoverColor:Id("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Md.rowHoverSwatch:Rd.rowHoverSwatch)},Fd=()=>{const e=(0,me.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},zd=p.css`
3647
3594
  .ag-theme-genesis-rapid,
3648
3595
  .ag-theme-genesis-rapid-dark,
3649
3596
  .ag-theme-genesis-rapid-light {
@@ -4199,79 +4146,79 @@
4199
4146
  .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
4200
4147
  background-color: var(--ag-alpine-active-color);
4201
4148
  }
4202
- `,jd={[Fd.W3.backgroundColor]:Dd.backgroundColor,[Fd.W3.foregroundColor]:Dd.foregroundColor,[Fd.W3.oddRowBackgroundColor]:Dd.backgroundColor,[Fd.W3.headerBackgroundColor]:Dd.backgroundColor,[Fd.W3.headerForegroundColor]:Dd.headerForegroundColor,[Fd.W3.selectedRowBackgroundColor]:Dd.rowHoverColor,[Fd.W3.rowHoverColor]:Dd.rowHoverColor,[Fd.W3.borderColor]:Dd.borderColor,[Fd.W3.rowBorderColor]:Dd.rowHoverColor,[Fd.W3.modalOverlayBackgroundColor]:Dd.backgroundColor,[Fd.W3.inputFocusBoxShadow]:Dd.headerForegroundColor,[Fd.W3.inputFocusBorderColor]:Dd.headerForegroundColor,[Fd.W3.headerColumnResizeHandleColor]:Dd.headerForegroundColor},Bd="ag-theme-genesis-zero",Hd=p.css`
4203
- ${Nd}
4204
- ${(0,Fd.Kb)(Bd,jd)}
4149
+ `,Ed={[Ad.W3.backgroundColor]:Ld.backgroundColor,[Ad.W3.foregroundColor]:Ld.foregroundColor,[Ad.W3.oddRowBackgroundColor]:Ld.backgroundColor,[Ad.W3.headerBackgroundColor]:Ld.backgroundColor,[Ad.W3.headerForegroundColor]:Ld.headerForegroundColor,[Ad.W3.selectedRowBackgroundColor]:Ld.rowHoverColor,[Ad.W3.rowHoverColor]:Ld.rowHoverColor,[Ad.W3.borderColor]:Ld.borderColor,[Ad.W3.rowBorderColor]:Ld.rowHoverColor,[Ad.W3.modalOverlayBackgroundColor]:Ld.backgroundColor,[Ad.W3.inputFocusBoxShadow]:Ld.headerForegroundColor,[Ad.W3.inputFocusBorderColor]:Ld.headerForegroundColor,[Ad.W3.headerColumnResizeHandleColor]:Ld.headerForegroundColor},Od="ag-theme-genesis-zero",Td=p.css`
4150
+ ${zd}
4151
+ ${(0,Ad.Kb)(Od,Ed)}
4205
4152
 
4206
- .${Bd} {
4153
+ .${Od} {
4207
4154
  ${ma()}
4208
4155
  }
4209
4156
 
4210
- .${Bd} .ag-header {
4157
+ .${Od} .ag-header {
4211
4158
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4212
4159
  font-weight: bold;
4213
4160
  }
4214
4161
 
4215
- .${Bd} .ag-root-wrapper {
4162
+ .${Od} .ag-root-wrapper {
4216
4163
  border-radius: calc(var(--control-corner-radius) * 1px);
4217
4164
  }
4218
- `,Gd="ag-theme-genesis-rapid-dark",Ud=p.css`
4219
- ${Nd}
4220
- ${(0,Fd.Kb)(Gd,jd)}
4165
+ `,Dd="ag-theme-genesis-rapid-dark",Pd=p.css`
4166
+ ${zd}
4167
+ ${(0,Ad.Kb)(Dd,Ed)}
4221
4168
 
4222
- .${Gd} {
4169
+ .${Dd} {
4223
4170
  ${ma()}
4224
4171
  }
4225
4172
 
4226
- .${Gd} .ag-header {
4173
+ .${Dd} .ag-header {
4227
4174
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4228
4175
  font-weight: bold;
4229
4176
  }
4230
4177
 
4231
- .${Gd} .ag-cell {
4178
+ .${Dd} .ag-cell {
4232
4179
  line-height: var(--ag-line-height, 32px);
4233
4180
  }
4234
4181
 
4235
- .${Gd} .ag-root-wrapper {
4182
+ .${Dd} .ag-root-wrapper {
4236
4183
  border-radius: calc(var(--control-corner-radius) * 1px);
4237
4184
  }
4238
4185
 
4239
- .${Gd} {
4186
+ .${Dd} {
4240
4187
  color-scheme: dark;
4241
4188
  }
4242
- `,Vd="ag-theme-genesis-rapid-light",Yd=p.css`
4243
- ${Nd}
4244
- ${(0,Fd.Kb)(Vd,jd)}
4189
+ `,Nd="ag-theme-genesis-rapid-light",jd=p.css`
4190
+ ${zd}
4191
+ ${(0,Ad.Kb)(Nd,Ed)}
4245
4192
 
4246
- .${Vd} {
4193
+ .${Nd} {
4247
4194
  ${ma()}
4248
4195
  }
4249
4196
 
4250
- .${Vd} .ag-header {
4197
+ .${Nd} .ag-header {
4251
4198
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4252
4199
  font-weight: bold;
4253
4200
  }
4254
4201
 
4255
- .${Vd} .ag-cell {
4202
+ .${Nd} .ag-cell {
4256
4203
  line-height: var(--ag-line-height, 32px);
4257
4204
  }
4258
4205
 
4259
- .${Vd} .ag-root-wrapper {
4206
+ .${Nd} .ag-root-wrapper {
4260
4207
  border-radius: calc(var(--control-corner-radius) * 1px);
4261
4208
  }
4262
4209
 
4263
- .${Vd} {
4210
+ .${Nd} {
4264
4211
  color-scheme: light;
4265
4212
  }
4266
- `,Wd=p.css`
4213
+ `,Bd=p.css`
4267
4214
  /* All the AG themes */
4268
- ${zd.X}
4215
+ ${kd.X}
4269
4216
 
4270
4217
  /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
4271
- ${Hd}
4272
- ${Ud}
4273
- ${Yd}
4274
- `;const qd=(0,o(82128).U)("zero"),Jd="ag-theme-genesis-rapid-dark",Zd="ag-theme-genesis-rapid-light";class Qd extends Ld.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?Jd:Zd},this.theme="light"===localStorage.getItem("luminance")?Zd:Jd}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===Jd)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[Fd.IX.action]:ud,[Fd.IX.actionsMenu]:hd,[Fd.IX.boolean]:fd,[Fd.IX.editable]:dd,[Fd.IX.icon]:nd,[Fd.IX.statusPill]:Md,[Fd.IX.select]:Ad,[Fd.IX.selectEditor]:Kl,[Fd.IX.numberEditor]:ed,[Fd.IX.multiselectEditor]:Zl,[Fd.IX.dateEditor]:Wl,[Fd.IX.stringEditor]:ad},e.components);(this.theme===Bd||this.theme===Gd||this.theme===Vd)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:Pd())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:Pd())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],Qd.prototype,"provider",void 0);const Xd=Ld.LU,Kd=Ld.Z$,$d={zeroIconRenderer:sd,zeroAgEditableRenderer:cd,zeroAgActionRenderer:gd,zeroAgActionsMenuRenderer:bd,zeroAgBooleanRenderer:yd,zeroAgTextRenderer:Sd,zeroAgSelectRenderer:kd,zeroStatusPillRenderer:Id,zeroAgDateEditor:ql,zeroAgMultiselectEditor:Ql,zeroAgSelectEditor:$l,zeroAgNumberEditor:td,zeroAgStringEditor:rd,zeroGridPro:Qd.compose(Object.assign({baseName:"grid-pro",template:qd,styles:Wd,shadowOptions:Xd},Kd)),register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var _d,ec=o(93188),tc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(_d||(_d={}));const oc={Roboto:ga,"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'},ac=oc["Segoe UI"],rc=p.css`
4218
+ ${Td}
4219
+ ${Pd}
4220
+ ${jd}
4221
+ `;const Hd=(0,o(82128).U)("zero"),Gd="ag-theme-genesis-rapid-dark",Ud="ag-theme-genesis-rapid-light";class Vd extends Cd.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?Gd:Ud},this.theme="light"===localStorage.getItem("luminance")?Ud:Gd}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===Gd)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[Ad.IX.action]:nd,[Ad.IX.actionsMenu]:dd,[Ad.IX.boolean]:ud,[Ad.IX.editable]:ad,[Ad.IX.icon]:ed,[Ad.IX.statusPill]:wd,[Ad.IX.select]:fd,[Ad.IX.selectEditor]:Wl,[Ad.IX.numberEditor]:Zl,[Ad.IX.multiselectEditor]:Ul,[Ad.IX.dateEditor]:Bl,[Ad.IX.stringEditor]:Kl},e.components);(this.theme===Od||this.theme===Dd||this.theme===Nd)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:Fd())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:Fd())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],Vd.prototype,"provider",void 0);const Yd=Cd.LU,Wd=Cd.Z$,qd={zeroIconRenderer:td,zeroAgEditableRenderer:rd,zeroAgActionRenderer:sd,zeroAgActionsMenuRenderer:cd,zeroAgBooleanRenderer:gd,zeroAgTextRenderer:bd,zeroAgSelectRenderer:yd,zeroStatusPillRenderer:Sd,zeroAgDateEditor:Hl,zeroAgMultiselectEditor:Vl,zeroAgSelectEditor:ql,zeroAgNumberEditor:Ql,zeroAgStringEditor:$l,zeroGridPro:Vd.compose(Object.assign({baseName:"grid-pro",template:Hd,styles:Bd,shadowOptions:Yd},Wd)),register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var Jd,Zd=o(93188),Qd=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(Jd||(Jd={}));const Xd={Roboto:ga,"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'},Kd=Xd["Segoe UI"],$d=p.css`
4275
4222
  ${(0,u.display)("block")} :host {
4276
4223
  width: 100%;
4277
4224
  display: inline-flex;
@@ -4403,7 +4350,7 @@
4403
4350
  rapid-button {
4404
4351
  margin: 0;
4405
4352
  }
4406
- `,ic=p.html`
4353
+ `,_d=p.html`
4407
4354
  <template>
4408
4355
  <div class="configuration">
4409
4356
  ${(0,p.when)(e=>!e.customDesignMode,p.html`
@@ -4626,7 +4573,7 @@
4626
4573
  <slot></slot>
4627
4574
  </div>
4628
4575
  </template>
4629
- `,nc=({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(oc).find(t=>oc[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),sc=nc(fa),lc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},dc={accent:"primary",neutral:"secondary",font:"white"},cc=nc(ec.designTokens),pc={zero:{prefix:"zero",tokenDefaults:sc,buttons:lc,badge:dc},rapid:{prefix:"rapid",tokenDefaults:cc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:lc,badge:dc}};let uc=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=cc.luminance===g.StandardLuminance.DarkMode,this.luminance=cc.luminance,this.neutralColor=cc.neutralColor,this.accentColor=cc.accentColor,this.bodyFont=cc.bodyFont,this.density=cc.density,this.borderRadius=cc.borderRadius,this.strokeWidth=cc.strokeWidth,this.baseHeightMultiplier=cc.baseHeightMultiplier,this.designUnit=cc.designUnit,this.baseFontSize=cc.baseFontSize,this.baseLineHeight=cc.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=nc(t);pc.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(pc[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],pc.custom.prefix=t,pc.custom.buttons=pc[t].buttons,pc.custom.badge=pc[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:pc[this.ds].prefix,buttonAppearanceAccent:pc[this.ds].buttons.accent,buttonAppearanceNeutral:pc[this.ds].buttons.neutral,buttonAppearanceOutline:pc[this.ds].buttons.outline,buttonAppearanceText:pc[this.ds].buttons.text,badgeAppearanceAccent:pc[this.ds].badge.accent,badgeAppearanceNeutral:pc[this.ds].badge.neutral,badgeText:pc[this.ds].badge.font};this.$emit(_d.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(pc[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:oc[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(_d.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={},ua(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(_d.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],uc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],uc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],uc.prototype,"ds",void 0),(0,i.Cg)([p.attr],uc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],uc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],uc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],uc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],uc.prototype,"density",void 0),(0,i.Cg)([p.observable],uc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],uc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],uc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],uc.prototype,"preserveOptions",void 0),uc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:ic,styles:rc})],uc);const gc=(0,b.createLogger)("documentation-components"),mc=e=>{const t=(e=>{const t=(0,Eo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},hc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},bc=(e,t)=>{const o=mc(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=mc(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,hc(g.typeRampBaseFontSize,ca.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusSix,t))},vc=p.css`
4576
+ `,ec=({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(Xd).find(t=>Xd[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),tc=ec(fa),oc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},ac={accent:"primary",neutral:"secondary",font:"white"},rc=ec(Zd.designTokens),ic={zero:{prefix:"zero",tokenDefaults:tc,buttons:oc,badge:ac},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:oc,badge:ac}};let nc=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=ec(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(Jd.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:Xd[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(Jd.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={},ua(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(Jd.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],nc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],nc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],nc.prototype,"ds",void 0),(0,i.Cg)([p.attr],nc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],nc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],nc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],nc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],nc.prototype,"density",void 0),(0,i.Cg)([p.observable],nc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],nc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],nc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],nc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],nc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],nc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],nc.prototype,"preserveOptions",void 0),nc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:_d,styles:$d})],nc);const sc=(0,b.createLogger)("documentation-components"),lc=e=>{const t=(e=>{const t=(0,Eo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},dc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},cc=(e,t)=>{const o=lc(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=lc(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,dc(g.typeRampBaseFontSize,ca.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,dc(g.typeRampBaseFontSize,ca.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,dc(g.typeRampBaseLineHeight,ca.Du.plusSix,t))},pc=p.css`
4630
4577
  :host {
4631
4578
  --badge-fill-primary: var(--accent-fill-rest);
4632
4579
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -4721,7 +4668,7 @@
4721
4668
  display: flex;
4722
4669
  flex-direction: column;
4723
4670
  }
4724
- `,fc=p.html`
4671
+ `,uc=p.html`
4725
4672
  ${e=>{return t=e.prefix,p.html`
4726
4673
  <template>
4727
4674
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5148,7 +5095,7 @@
5148
5095
  </${t}-design-system-provider>
5149
5096
  </template>
5150
5097
  `;var t}}
5151
- `;let yc=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=>gc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>gc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>gc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>gc.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(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(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],yc.prototype,"modal",void 0),(0,i.Cg)([p.attr],yc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],yc.prototype,"cards",void 0),(0,i.Cg)([p.observable],yc.prototype,"countries",void 0),(0,i.Cg)([p.observable],yc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],yc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],yc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],yc.prototype,"provider",void 0),yc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:fc,styles:vc})],yc);const xc=p.css`
5098
+ `;let gc=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=>sc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>sc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>sc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>sc.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(Jd.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(Jd.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(Kd)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{cc(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],gc.prototype,"modal",void 0),(0,i.Cg)([p.attr],gc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],gc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],gc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],gc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],gc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],gc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],gc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],gc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],gc.prototype,"cards",void 0),(0,i.Cg)([p.observable],gc.prototype,"countries",void 0),(0,i.Cg)([p.observable],gc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],gc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],gc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],gc.prototype,"provider",void 0),gc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:uc,styles:pc})],gc);const mc=p.css`
5152
5099
  .export {
5153
5100
  display: flex;
5154
5101
  justify-content: center;
@@ -5159,7 +5106,7 @@
5159
5106
  display: flex;
5160
5107
  justify-content: space-between;
5161
5108
  }
5162
- `,wc=p.html`
5109
+ `,hc=p.html`
5163
5110
  <template>
5164
5111
  <div class="export">
5165
5112
  <rapid-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</rapid-button>
@@ -5180,7 +5127,7 @@
5180
5127
  </rapid-modal>
5181
5128
  </div>
5182
5129
  </template>
5183
- `;let Sc=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=>{gc.log("Tokens saved successfully:",e),this.$emit(_d.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{gc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],Sc.prototype,"value",void 0),(0,i.Cg)([p.attr],Sc.prototype,"tokensPath",void 0),Sc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:wc,styles:xc})],Sc);const Cc=p.css`
5130
+ `;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=>{sc.log("Tokens saved successfully:",e),this.$emit(Jd.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{sc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Jd.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:hc,styles:mc})],bc);const vc=p.css`
5184
5131
  .colors {
5185
5132
  display: flex;
5186
5133
  flex-wrap: wrap;
@@ -5193,23 +5140,23 @@
5193
5140
  flex-grow: 1;
5194
5141
  height: 20px;
5195
5142
  }
5196
- `,Ac=p.html`
5143
+ `,fc=p.html`
5197
5144
  <ul class="colors">
5198
5145
  ${(0,p.repeat)(e=>e.swatches,p.html`
5199
5146
  <li class="color" style="background-color: ${e=>e.toColorString()}"></li>
5200
5147
  `)}
5201
5148
  </ul>
5202
- `;let kc=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=mc(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],kc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],kc.prototype,"type",void 0),kc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Cc,template:Ac})],kc);const Rc=p.css`
5149
+ `;let yc=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=lc(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Jd.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],yc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],yc.prototype,"type",void 0),yc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:vc,template:fc})],yc);const xc=p.css`
5203
5150
  .preview {
5204
5151
  width: 40px;
5205
5152
  height: 40px;
5206
5153
  }
5207
- `,Mc=p.html`
5154
+ `,wc=p.html`
5208
5155
  <div
5209
5156
  class="preview"
5210
5157
  style="background-color: ${e=>g[e.tokenName].createCSS()}"
5211
5158
  ></div>
5212
- `;let Ic=class extends p.FASTElement{};(0,i.Cg)([p.attr],Ic.prototype,"tokenName",void 0),Ic=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Rc,template:Mc})],Ic);const Lc=p.css`
5159
+ `;let Sc=class extends p.FASTElement{};(0,i.Cg)([p.attr],Sc.prototype,"tokenName",void 0),Sc=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:xc,template:wc})],Sc);const Cc=p.css`
5213
5160
  .container {
5214
5161
  display: flex;
5215
5162
  width: 100%;
@@ -5257,7 +5204,7 @@
5257
5204
  .container > div:not(:last-child) {
5258
5205
  border-right: 1px solid #fafafa;
5259
5206
  }
5260
- `,Fc=[{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`
5207
+ `,Ac=[{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"}]}]}],kc=p.html`
5261
5208
  <div class="row">
5262
5209
  <div
5263
5210
  class="preview"
@@ -5269,19 +5216,19 @@
5269
5216
  ${(e,t)=>g[e.name].getValueFor(t.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
5270
5217
  </div>
5271
5218
  </div>
5272
- `,Ec=p.html`
5219
+ `,Rc=p.html`
5273
5220
  <div class="container" ${(0,p.ref)("provider")}>
5274
- ${(0,p.repeat)(()=>Fc,p.html`
5221
+ ${(0,p.repeat)(()=>Ac,p.html`
5275
5222
  <div class="column">
5276
5223
  <h3 class="header-title">${e=>e.title}</h3>
5277
5224
  ${(0,p.repeat)(e=>e.subcategories,p.html`
5278
5225
  <h4>${e=>e.title}</h4>
5279
- ${(0,p.repeat)(e=>e.tokens,zc)}
5226
+ ${(0,p.repeat)(e=>e.tokens,kc)}
5280
5227
  `)}
5281
5228
  </div>
5282
5229
  `)}
5283
5230
  </div>
5284
- `;let Oc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e.detail;bc(t,this.provider)})}};(0,i.Cg)([p.observable],Oc.prototype,"provider",void 0),Oc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Ec,styles:Lc})],Oc);const Tc=p.css`
5231
+ `;let Mc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Jd.STYLES_CHANGED,e=>{const t=e.detail;cc(t,this.provider)})}};(0,i.Cg)([p.observable],Mc.prototype,"provider",void 0),Mc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Rc,styles:Cc})],Mc);const Ic=p.css`
5285
5232
  table {
5286
5233
  background: var(--neutral-fill-rest);
5287
5234
  color: var(--neutral-foreground-rest);
@@ -5290,7 +5237,7 @@
5290
5237
  th {
5291
5238
  text-align: left;
5292
5239
  }
5293
- `,Dc=p.html`
5240
+ `,Lc=p.html`
5294
5241
  <table ${(0,p.ref)("provider")} style="font-family: ${()=>g.bodyFont.createCSS()}">
5295
5242
  <colgroup>
5296
5243
  <col style="width: 15%;" />
@@ -5518,7 +5465,7 @@
5518
5465
  </tr>
5519
5466
  </tbody>
5520
5467
  </table>
5521
- `;let Pc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e.detail;bc(t,this.provider)})}};(0,i.Cg)([p.observable],Pc.prototype,"provider",void 0),Pc=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:Dc,styles:Tc})],Pc);const Nc=p.css`
5468
+ `;let Fc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Jd.STYLES_CHANGED,e=>{const t=e.detail;cc(t,this.provider)})}};(0,i.Cg)([p.observable],Fc.prototype,"provider",void 0),Fc=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:Lc,styles:Ic})],Fc);const zc=p.css`
5522
5469
  :host {
5523
5470
  background: var(--fill-color);
5524
5471
  color: var(--neutral-foreground-rest);
@@ -5534,7 +5481,7 @@
5534
5481
  margin-top: 24px;
5535
5482
  padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
5536
5483
  }
5537
- `,jc=p.css`
5484
+ `,Ec=p.css`
5538
5485
  :host {
5539
5486
  --badge-fill-primary: var(--accent-fill-rest);
5540
5487
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -5567,7 +5514,7 @@
5567
5514
  grid-area: 1 / 2 / 3 / 3;
5568
5515
  }
5569
5516
  }
5570
- `,Bc=p.html`
5517
+ `,Oc=p.html`
5571
5518
  ${e=>{return t=e.prefix,p.html`
5572
5519
  <template>
5573
5520
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5588,7 +5535,7 @@
5588
5535
  </${t}-design-system-provider>
5589
5536
  </template>
5590
5537
  `;var t}}
5591
- `;let Hc=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=>gc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>gc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>gc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>gc.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(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(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],Hc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Hc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Hc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Hc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Hc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Hc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Hc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Hc.prototype,"provider",void 0),Hc=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:Bc,styles:jc})],Hc);const Gc={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"}]}]}}]},Uc={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"]}}},Vc={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"}]}}}]},Yc={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"]}}}},Wc=p.css`
5538
+ `;let Tc=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=>sc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>sc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>sc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>sc.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(Jd.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(Jd.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(Kd)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{cc(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],Tc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Tc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Tc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Tc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Tc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Tc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Tc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Tc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Tc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Tc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Tc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Tc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Tc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Tc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Tc.prototype,"provider",void 0),Tc=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:Oc,styles:Ec})],Tc);const Dc={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"}]}]}}]},Pc={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"]}}},Nc={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"}]}}}]},jc={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"]}}}},Bc=p.css`
5592
5539
  :host {
5593
5540
  background: var(--fill-color);
5594
5541
  color: var(--neutral-foreground-rest);
@@ -5619,7 +5566,7 @@
5619
5566
  rapid-design-system-provider {
5620
5567
  display: inline;
5621
5568
  }
5622
- `,qc=p.html`
5569
+ `,Hc=p.html`
5623
5570
  ${e=>{return t=e.prefix,p.html`
5624
5571
  <template>
5625
5572
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5643,7 +5590,7 @@
5643
5590
  </${t}-design-system-provider>
5644
5591
  </template>
5645
5592
  `;var t}}
5646
- `;let Jc=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=Uc,this.uischema=Gc,this.jsonSchemaArray=Yc,this.uiSchemaArray=Vc,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(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],Jc.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],Jc.prototype,"uischema",void 0),(0,i.Cg)([p.observable],Jc.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],Jc.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],Jc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Jc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Jc.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],Jc.prototype,"editedEntityArray",void 0),Jc=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:qc,styles:Wc})],Jc);const Zc=[{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"}],Qc=p.css`
5593
+ `;let Gc=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=Pc,this.uischema=Dc,this.jsonSchemaArray=jc,this.uiSchemaArray=Nc,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(Jd.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(Jd.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(Kd)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{cc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],Gc.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],Gc.prototype,"uischema",void 0),(0,i.Cg)([p.observable],Gc.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],Gc.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],Gc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Gc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Gc.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],Gc.prototype,"editedEntityArray",void 0),Gc=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:Hc,styles:Bc})],Gc);const Uc=[{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"}],Vc=p.css`
5647
5594
  :host {
5648
5595
  background: var(--fill-color);
5649
5596
  color: var(--neutral-foreground-rest);
@@ -5658,7 +5605,7 @@
5658
5605
  .grid-height {
5659
5606
  height: 100%;
5660
5607
  }
5661
- `,Xc=p.html`
5608
+ `,Yc=p.html`
5662
5609
  ${e=>{return t=e.prefix,p.html`
5663
5610
  <template>
5664
5611
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5687,7 +5634,7 @@
5687
5634
  </${t}-design-system-provider>
5688
5635
  </template>
5689
5636
  `;var t}}
5690
- `;let Kc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...Zc],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:Fd.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:Fd.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,md.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:Fd.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(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],Kc.prototype,"grid",void 0),(0,i.Cg)([p.attr],Kc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Kc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Kc.prototype,"rowData",void 0),(0,i.Cg)([p.observable],Kc.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],Kc.prototype,"gridOptions",void 0),Kc=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:Xc,styles:Qc})],Kc);const $c=p.html`
5637
+ `;let Wc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...Uc],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:Ad.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:Ad.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,ld.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:Ad.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(Jd.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(Jd.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(Kd)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{cc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],Wc.prototype,"grid",void 0),(0,i.Cg)([p.attr],Wc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Wc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Wc.prototype,"rowData",void 0),(0,i.Cg)([p.observable],Wc.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],Wc.prototype,"gridOptions",void 0),Wc=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:Yc,styles:Vc})],Wc);const qc=p.html`
5691
5638
  <template>
5692
5639
  <rapid-tabs>
5693
5640
  <rapid-tab slot="tab">Components</rapid-tab>
@@ -5720,5 +5667,5 @@
5720
5667
  </rapid-tab-panel>
5721
5668
  </rapid-tabs>
5722
5669
  </template>
5723
- `;let _c=class extends p.FASTElement{};_c=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:$c,styles:Nc})],_c),((e,t="zero")=>(0,me.provideDesignSystem)(e,t,r,a))().register(Vl,$d),(0,ec.provideDesignSystem)().register(ec.baseComponents,tc.rapidGridComponents,Ro)}}]);
5724
- //# sourceMappingURL=326.1dc71a113a6ce7811f91daf99a9d5aef.js.map
5670
+ `;let Jc=class extends p.FASTElement{};Jc=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:qc,styles:zc})],Jc),((e,t="zero")=>(0,me.provideDesignSystem)(e,t,r,a))().register(Nl,qd),(0,Zd.provideDesignSystem)().register(Zd.baseComponents,Qd.rapidGridComponents,Ro)}}]);
5671
+ //# sourceMappingURL=3.7cd24288c66edf3ff12b97b5acb822c8.js.map