@genesislcap/design-system-configurator 15.1.0 → 15.2.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([[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`
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`
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={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`
3559
+ `;class Pl extends me.UrlInput{}const Nl=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,8 +3566,61 @@
3566
3566
  a:hover {
3567
3567
  opacity: 100%;
3568
3568
  }
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}
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}
3571
3624
  `,template:p.html`
3572
3625
  <div class="action-container" part="action-container">
3573
3626
  <zero-button
@@ -3585,12 +3638,12 @@
3585
3638
  `:null===(o=e.params)||void 0===o?void 0:o.actionName}}
3586
3639
  </zero-button>
3587
3640
  </div>
3588
- `});var ld=o(39604);class dd extends ld.cN{}const cd=dd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3641
+ `});var md=o(39604);class hd extends md.cN{}const bd=hd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3589
3642
  <zero-actions-menu
3590
3643
  name="${e=>{var t;return null===(t=e.params)||void 0===t?void 0:t.headerName}}"
3591
3644
  :definition=${e=>e.params}
3592
3645
  ></zero-actions-menu>
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`
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`
3594
3647
  .ag-theme-genesis-rapid,
3595
3648
  .ag-theme-genesis-rapid-dark,
3596
3649
  .ag-theme-genesis-rapid-light {
@@ -4146,79 +4199,79 @@
4146
4199
  .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
4147
4200
  background-color: var(--ag-alpine-active-color);
4148
4201
  }
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)}
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)}
4152
4205
 
4153
- .${Od} {
4206
+ .${Bd} {
4154
4207
  ${ma()}
4155
4208
  }
4156
4209
 
4157
- .${Od} .ag-header {
4210
+ .${Bd} .ag-header {
4158
4211
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4159
4212
  font-weight: bold;
4160
4213
  }
4161
4214
 
4162
- .${Od} .ag-root-wrapper {
4215
+ .${Bd} .ag-root-wrapper {
4163
4216
  border-radius: calc(var(--control-corner-radius) * 1px);
4164
4217
  }
4165
- `,Dd="ag-theme-genesis-rapid-dark",Pd=p.css`
4166
- ${zd}
4167
- ${(0,Ad.Kb)(Dd,Ed)}
4218
+ `,Gd="ag-theme-genesis-rapid-dark",Ud=p.css`
4219
+ ${Nd}
4220
+ ${(0,Fd.Kb)(Gd,jd)}
4168
4221
 
4169
- .${Dd} {
4222
+ .${Gd} {
4170
4223
  ${ma()}
4171
4224
  }
4172
4225
 
4173
- .${Dd} .ag-header {
4226
+ .${Gd} .ag-header {
4174
4227
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4175
4228
  font-weight: bold;
4176
4229
  }
4177
4230
 
4178
- .${Dd} .ag-cell {
4231
+ .${Gd} .ag-cell {
4179
4232
  line-height: var(--ag-line-height, 32px);
4180
4233
  }
4181
4234
 
4182
- .${Dd} .ag-root-wrapper {
4235
+ .${Gd} .ag-root-wrapper {
4183
4236
  border-radius: calc(var(--control-corner-radius) * 1px);
4184
4237
  }
4185
4238
 
4186
- .${Dd} {
4239
+ .${Gd} {
4187
4240
  color-scheme: dark;
4188
4241
  }
4189
- `,Nd="ag-theme-genesis-rapid-light",jd=p.css`
4190
- ${zd}
4191
- ${(0,Ad.Kb)(Nd,Ed)}
4242
+ `,Vd="ag-theme-genesis-rapid-light",Yd=p.css`
4243
+ ${Nd}
4244
+ ${(0,Fd.Kb)(Vd,jd)}
4192
4245
 
4193
- .${Nd} {
4246
+ .${Vd} {
4194
4247
  ${ma()}
4195
4248
  }
4196
4249
 
4197
- .${Nd} .ag-header {
4250
+ .${Vd} .ag-header {
4198
4251
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4199
4252
  font-weight: bold;
4200
4253
  }
4201
4254
 
4202
- .${Nd} .ag-cell {
4255
+ .${Vd} .ag-cell {
4203
4256
  line-height: var(--ag-line-height, 32px);
4204
4257
  }
4205
4258
 
4206
- .${Nd} .ag-root-wrapper {
4259
+ .${Vd} .ag-root-wrapper {
4207
4260
  border-radius: calc(var(--control-corner-radius) * 1px);
4208
4261
  }
4209
4262
 
4210
- .${Nd} {
4263
+ .${Vd} {
4211
4264
  color-scheme: light;
4212
4265
  }
4213
- `,Bd=p.css`
4266
+ `,Wd=p.css`
4214
4267
  /* All the AG themes */
4215
- ${kd.X}
4268
+ ${zd.X}
4216
4269
 
4217
4270
  /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
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`
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`
4222
4275
  ${(0,u.display)("block")} :host {
4223
4276
  width: 100%;
4224
4277
  display: inline-flex;
@@ -4350,7 +4403,7 @@
4350
4403
  rapid-button {
4351
4404
  margin: 0;
4352
4405
  }
4353
- `,_d=p.html`
4406
+ `,ic=p.html`
4354
4407
  <template>
4355
4408
  <div class="configuration">
4356
4409
  ${(0,p.when)(e=>!e.customDesignMode,p.html`
@@ -4573,7 +4626,7 @@
4573
4626
  <slot></slot>
4574
4627
  </div>
4575
4628
  </template>
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`
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`
4577
4630
  :host {
4578
4631
  --badge-fill-primary: var(--accent-fill-rest);
4579
4632
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -4668,7 +4721,7 @@
4668
4721
  display: flex;
4669
4722
  flex-direction: column;
4670
4723
  }
4671
- `,uc=p.html`
4724
+ `,fc=p.html`
4672
4725
  ${e=>{return t=e.prefix,p.html`
4673
4726
  <template>
4674
4727
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5095,7 +5148,7 @@
5095
5148
  </${t}-design-system-provider>
5096
5149
  </template>
5097
5150
  `;var t}}
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`
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`
5099
5152
  .export {
5100
5153
  display: flex;
5101
5154
  justify-content: center;
@@ -5106,7 +5159,7 @@
5106
5159
  display: flex;
5107
5160
  justify-content: space-between;
5108
5161
  }
5109
- `,hc=p.html`
5162
+ `,wc=p.html`
5110
5163
  <template>
5111
5164
  <div class="export">
5112
5165
  <rapid-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</rapid-button>
@@ -5127,7 +5180,7 @@
5127
5180
  </rapid-modal>
5128
5181
  </div>
5129
5182
  </template>
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`
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`
5131
5184
  .colors {
5132
5185
  display: flex;
5133
5186
  flex-wrap: wrap;
@@ -5140,23 +5193,23 @@
5140
5193
  flex-grow: 1;
5141
5194
  height: 20px;
5142
5195
  }
5143
- `,fc=p.html`
5196
+ `,Ac=p.html`
5144
5197
  <ul class="colors">
5145
5198
  ${(0,p.repeat)(e=>e.swatches,p.html`
5146
5199
  <li class="color" style="background-color: ${e=>e.toColorString()}"></li>
5147
5200
  `)}
5148
5201
  </ul>
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`
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`
5150
5203
  .preview {
5151
5204
  width: 40px;
5152
5205
  height: 40px;
5153
5206
  }
5154
- `,wc=p.html`
5207
+ `,Mc=p.html`
5155
5208
  <div
5156
5209
  class="preview"
5157
5210
  style="background-color: ${e=>g[e.tokenName].createCSS()}"
5158
5211
  ></div>
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`
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`
5160
5213
  .container {
5161
5214
  display: flex;
5162
5215
  width: 100%;
@@ -5204,7 +5257,7 @@
5204
5257
  .container > div:not(:last-child) {
5205
5258
  border-right: 1px solid #fafafa;
5206
5259
  }
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`
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`
5208
5261
  <div class="row">
5209
5262
  <div
5210
5263
  class="preview"
@@ -5216,19 +5269,19 @@
5216
5269
  ${(e,t)=>g[e.name].getValueFor(t.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
5217
5270
  </div>
5218
5271
  </div>
5219
- `,Rc=p.html`
5272
+ `,Ec=p.html`
5220
5273
  <div class="container" ${(0,p.ref)("provider")}>
5221
- ${(0,p.repeat)(()=>Ac,p.html`
5274
+ ${(0,p.repeat)(()=>Fc,p.html`
5222
5275
  <div class="column">
5223
5276
  <h3 class="header-title">${e=>e.title}</h3>
5224
5277
  ${(0,p.repeat)(e=>e.subcategories,p.html`
5225
5278
  <h4>${e=>e.title}</h4>
5226
- ${(0,p.repeat)(e=>e.tokens,kc)}
5279
+ ${(0,p.repeat)(e=>e.tokens,zc)}
5227
5280
  `)}
5228
5281
  </div>
5229
5282
  `)}
5230
5283
  </div>
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`
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`
5232
5285
  table {
5233
5286
  background: var(--neutral-fill-rest);
5234
5287
  color: var(--neutral-foreground-rest);
@@ -5237,7 +5290,7 @@
5237
5290
  th {
5238
5291
  text-align: left;
5239
5292
  }
5240
- `,Lc=p.html`
5293
+ `,Dc=p.html`
5241
5294
  <table ${(0,p.ref)("provider")} style="font-family: ${()=>g.bodyFont.createCSS()}">
5242
5295
  <colgroup>
5243
5296
  <col style="width: 15%;" />
@@ -5465,7 +5518,7 @@
5465
5518
  </tr>
5466
5519
  </tbody>
5467
5520
  </table>
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`
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`
5469
5522
  :host {
5470
5523
  background: var(--fill-color);
5471
5524
  color: var(--neutral-foreground-rest);
@@ -5481,7 +5534,7 @@
5481
5534
  margin-top: 24px;
5482
5535
  padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
5483
5536
  }
5484
- `,Ec=p.css`
5537
+ `,jc=p.css`
5485
5538
  :host {
5486
5539
  --badge-fill-primary: var(--accent-fill-rest);
5487
5540
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -5514,7 +5567,7 @@
5514
5567
  grid-area: 1 / 2 / 3 / 3;
5515
5568
  }
5516
5569
  }
5517
- `,Oc=p.html`
5570
+ `,Bc=p.html`
5518
5571
  ${e=>{return t=e.prefix,p.html`
5519
5572
  <template>
5520
5573
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5535,7 +5588,7 @@
5535
5588
  </${t}-design-system-provider>
5536
5589
  </template>
5537
5590
  `;var t}}
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`
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`
5539
5592
  :host {
5540
5593
  background: var(--fill-color);
5541
5594
  color: var(--neutral-foreground-rest);
@@ -5566,7 +5619,7 @@
5566
5619
  rapid-design-system-provider {
5567
5620
  display: inline;
5568
5621
  }
5569
- `,Hc=p.html`
5622
+ `,qc=p.html`
5570
5623
  ${e=>{return t=e.prefix,p.html`
5571
5624
  <template>
5572
5625
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5590,7 +5643,7 @@
5590
5643
  </${t}-design-system-provider>
5591
5644
  </template>
5592
5645
  `;var t}}
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`
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`
5594
5647
  :host {
5595
5648
  background: var(--fill-color);
5596
5649
  color: var(--neutral-foreground-rest);
@@ -5605,7 +5658,7 @@
5605
5658
  .grid-height {
5606
5659
  height: 100%;
5607
5660
  }
5608
- `,Yc=p.html`
5661
+ `,Xc=p.html`
5609
5662
  ${e=>{return t=e.prefix,p.html`
5610
5663
  <template>
5611
5664
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5634,7 +5687,7 @@
5634
5687
  </${t}-design-system-provider>
5635
5688
  </template>
5636
5689
  `;var t}}
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`
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`
5638
5691
  <template>
5639
5692
  <rapid-tabs>
5640
5693
  <rapid-tab slot="tab">Components</rapid-tab>
@@ -5667,5 +5720,5 @@
5667
5720
  </rapid-tab-panel>
5668
5721
  </rapid-tabs>
5669
5722
  </template>
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
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