@genesislcap/design-system-configurator 15.43.0-FUI-2629.3 → 15.44.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.
Files changed (25) hide show
  1. package/dist/{913.913.1c33ac51b2c1225c44e1.js → 11.11.fbdae997b64e2ff8a67e.js} +59 -76
  2. package/dist/11.dabc3b8771ea67f554fe02d500a02d0d.js.map +1 -0
  3. package/dist/470.296a76d8bd5451c1865d7092495c9e02.js.map +1 -0
  4. package/dist/470.470.20cf3962e8f02494878c.js +1146 -0
  5. package/dist/{750.750.4f347e72ccfc5c88cda8.js → 837.837.e0dd5a3edc9cc7f75454.js} +35 -50
  6. package/dist/837.fc36ee082eb51cec0656e5a122d2faf5.js.map +1 -0
  7. package/dist/{947.947.813b598abb3c321533ac.js → 947.947.fc38d9de573fb56c11ff.js} +38 -42
  8. package/dist/947.f6bfa53667ebe2f26ebb081741f78fa4.js.map +1 -0
  9. package/dist/{510.510.ccdb3ef7342bea8f0f1b.js → 966.966.2381acb57a026abc8fbc.js} +414 -552
  10. package/dist/966.c46b54bfb80b4c5740e811e2ea439b34.js.map +1 -0
  11. package/dist/designSystemConfigurator.3a0dcc748e7dffe8199ce267ad48c162.js.map +1 -0
  12. package/dist/index.html +1 -1
  13. package/dist/main.6e765c5fa4cd520bb142.js +2 -0
  14. package/dist/main.c596028df315cb246cec0ab4bde47df7.js.map +1 -0
  15. package/dist/remoteEntry.js +2 -2
  16. package/package.json +12 -12
  17. package/dist/510.cec8b6fc2ef13bc8cc14675883147196.js.map +0 -1
  18. package/dist/583.583.92ff967f1e8963b20960.js +0 -1156
  19. package/dist/583.ec77b2f9e4d7e454573fde0a4ac357b2.js.map +0 -1
  20. package/dist/750.fb23524cffdf67b93e0a874d9159dab9.js.map +0 -1
  21. package/dist/913.c48c76087a2cc698a79b9bcfa25537c2.js.map +0 -1
  22. package/dist/947.e2e9255c04540ecdf117e11ca1d1d7ab.js.map +0 -1
  23. package/dist/designSystemConfigurator.95ffbe71a96127649d11cf42f2166954.js.map +0 -1
  24. package/dist/main.112ab52ebda2d14c3038.js +0 -2
  25. package/dist/main.32ca258b37ea8ae9a9eeafd316ead570.js.map +0 -1
@@ -1,4 +1,4 @@
1
- "use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[913],{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}},4913(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>Jc,ColorToken:()=>Xc,ColorTokens:()=>tp,DesignSystemEditor:()=>Tc,DesignSystemExport:()=>Yc,DesignSystemPreview:()=>wp,EventName:()=>wc,PreviewApp:()=>lp,PreviewComponents:()=>Uc,PreviewForm:()=>hp,PreviewGrid:()=>yp,TypographyTokens:()=>rp,defaultBodyFont:()=>kc,fontFamilies:()=>Ac});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>oa,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>ta,defaultErrorColor:()=>qo,defaultInfoColor:()=>sa,defaultSellColor:()=>ra,defaultSeriousNotifyColor:()=>ca,defaultSuccessColor:()=>Qo,defaultWarningColor:()=>$o,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Jo,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>la,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>ia,seriousNotifyColor:()=>pa,strokeWidth:()=>g.strokeWidth,successColor:()=>Xo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>_o});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ua,baseHeightMultiplierValue:()=>va,baseLayerLuminanceValue:()=>ma,bodyFontValue:()=>Ra,controlCornerRadiusValue:()=>fa,densityValue:()=>ya,designTokens:()=>La,designUnitValue:()=>xa,directionValue:()=>ha,neutralPaletteValue:()=>ga,strokeWidthValue:()=>ba,typeRampBaseFontSizeValue:()=>Ma,typeRampBaseLineHeightValue:()=>Ia});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
1
+ "use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[11],{31274(e,t,o){o.d(t,{u:()=>r});var a=o(60416);const r=(e,t,o)=>{(0,a.u_)(e);const r=t.split("-")[0],i=document.createElement(`${r}-dialog`),n=o?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(o):(0,a.jE)("dialog-container",t);n.appendChild(i),i.notification=e,i.show()}},60416(e,t,o){o.d(t,{cL:()=>u,jE:()=>p,uP:()=>d,u_:()=>c});var a=o(66506),r=o(52945),i=o(68424);const n=(0,a.createLogger)("foundation-notifications");let s=null;const l=new Map,d=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.body)&&void 0!==o?o:"Something went wrong"}`},c=e=>{var t,o;n.log({message:d(e),level:(t=e,(null==t?void 0:t.logLevel)||(null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.logLevel)||a.LogLevels.debug)})},p=(e,t)=>{let o=document.querySelector(`#${e}`);if(!o)if(l.has(e))o=l.get(e);else{const t=(0,r.fI)(document).find(t=>t.id===e);t&&(o=t,l.set(e,t))}if(!o){o=document.createElement("div"),o.setAttribute("id",e),o.style.zIndex="9999";const{element:t,prefix:a}=(0,i.DW)(document.body,"rapid");if(t)t.appendChild(o),s=t;else if(s)s.appendChild(o);else{const e=document.createElement(`${a}-design-system-provider`);e.appendChild(o),document.body.appendChild(e),s=e}}return o},u=e=>{for(var t,o;e&&!(e instanceof ShadowRoot);){const a=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(a)return a.style.position="relative",a;e=null===(o=null==e?void 0:e.getRootNode())||void 0===o?void 0:o.host}return g()},g=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e}},70997(e,t,o){function a(e,t,o){const a=e=>"function"==typeof e?e:()=>e,r=a(t),i=a(o);return(t,o)=>e(t,o)?r(t,o):i(t,o)}o.d(t,{q:()=>a})},80273(e,t,o){o.d(t,{Du:()=>l,IT:()=>n,WP:()=>r,f4:()=>s,zz:()=>i});var a=o(52945);const r=(e,t)=>{(0,a.O5)(e,t)};var i,n;!function(e){e.Italic="italic",e.Normal="normal"}(i||(i={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(n||(n={}));const s=(e,t=i.Normal,o=n.Regular)=>`\n font-family: ${e};\n font-style: ${t};\n font-weight: ${o};\n`,l={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},64011(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>Gc,ColorToken:()=>Wc,ColorTokens:()=>Xc,DesignSystemEditor:()=>Lc,DesignSystemExport:()=>Bc,DesignSystemPreview:()=>bp,EventName:()=>bc,PreviewApp:()=>ap,PreviewComponents:()=>Nc,PreviewForm:()=>cp,PreviewGrid:()=>mp,TypographyTokens:()=>_c,defaultBodyFont:()=>xc,fontFamilies:()=>yc});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>oa,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>ta,defaultErrorColor:()=>qo,defaultInfoColor:()=>sa,defaultSellColor:()=>ra,defaultSeriousNotifyColor:()=>ca,defaultSuccessColor:()=>Qo,defaultWarningColor:()=>$o,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Jo,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>la,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>ia,seriousNotifyColor:()=>pa,strokeWidth:()=>g.strokeWidth,successColor:()=>Xo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>_o});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ua,baseHeightMultiplierValue:()=>va,baseLayerLuminanceValue:()=>ma,bodyFontValue:()=>Ra,controlCornerRadiusValue:()=>fa,densityValue:()=>ya,designTokens:()=>La,designUnitValue:()=>xa,directionValue:()=>ha,neutralPaletteValue:()=>ga,strokeWidthValue:()=>ba,typeRampBaseFontSizeValue:()=>Ma,typeRampBaseLineHeightValue:()=>Ia});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
2
2
  ${x} .foundation-control-wrapper-root {
3
3
  margin-bottom: var(--wrapper-root-margin-bottom, calc(var(--design-unit) * 4px));
4
4
  }
@@ -3655,23 +3655,8 @@
3655
3655
  .label-hidden {
3656
3656
  margin: 0;
3657
3657
  }
3658
- `,Xl=se.foundationVerificationCodeInputTemplate;class Kl extends se.VerificationCodeInput{}const $l=se.defaultVerificationCodeInputConfig,_l=se.foundationVerificationCodeInputShadowOptions,ed=Kl.compose(Object.assign({baseName:"verification-code-input",template:Xl,styles:Ql,shadowOptions:_l},$l));class td extends se.VerticalDropdownMenu{}const od={zeroAccordion:Ea,zeroAccordionItem:Oa,zeroAiCriteriaSearch:ja,zeroAiIndicator:Ha,zeroActionsMenu:Da,zeroAnchor:Sr,zeroAnchoredRegion:Ar,zeroAvatar:Rr,zeroBadge:Ir,zeroBanner:zr,zeroBreadcrumb:Tr,zeroBreadcrumbItem:Nr,zeroButton:jr,zeroCalendar:Hr,zeroCard:Gr,zeroCategorizedMultiselect:Zr,zeroCheckbox:Xr,zeroCombobox:di,zeroConnectionIndicator:pi,zeroDataGrid:hi,zeroDatePicker:fi,zeroDesignSystemProvider:Ci,zeroDialog:Ei,zeroDisclosure:Oi,zeroDivider:Di,zeroDropdownMenu:Pi,zeroEnvironmentIndicator:Hi,zeroErrorBanner:Yi,zeroErrorBoundary:qi,zeroErrorDialog:Zi,zeroFileReader:Xi,zeroFileUpload:on,zeroFilter:nn,zeroFilterBar:dn,zeroFlexLayout:pn,zeroFlipper:gn,zeroFlyout:yn,zeroGridLayout:wn,zeroGridLayoutItem:Cn,zeroHorizontalScroll:Rn,zeroIcon:En,zeroListbox:On,zeroListboxOption:Dn,zeroMenu:jn,zeroMenuItem:Un,zeroModal:Jn,zeroMultiselect:_n,zeroNotificationListener:ts,zeroNumberField:ss,zeroOptgroup:ds,zeroPill:hs,zeroProgress:vs,zeroProgressRing:xs,zeroRadio:Ss,zeroRadioGroup:As,zeroSchedulerCronBuilder:zs,zeroSearchBar:Hs,zeroSearchBarCombobox:Gs,zeroSegmentedControl:qs,zeroSegmentedItem:Zs,zeroSelect:Xs,zeroScheduler:Is,zeroSchedulerTimezone:Ns,zeroSkeleton:$s,zeroSlider:el,zeroSliderLabel:ol,zeroSnackbar:sl,zeroStackingIcons:dl,zeroStatusPill:pl,zeroStepper:hl,zeroStepperTab:fl,zeroStepperTabPanel:xl,zeroSwitch:Sl,zeroSystemHealthOverlay:ps,zeroTab:Al,zeroTabPanel:Rl,zeroTabs:Il,zeroTextArea:Fl,zeroTextField:zl,zeroToast:Pl,zeroToolbar:Bl,zeroTooltip:Ul,zeroTreeItem:Vl,zeroTreeView:Wl,zeroUrlInput:Zl,zeroVerificationCodeInput:ed,zeroVerticalDropdownMenu:td.compose({baseName:"vertical-dropdown-menu",styles:(e,t)=>p.css`
3659
- :host {
3660
- --menu-opener-size-multiplier: 0.6px;
3661
- }
3662
-
3663
- zero-menu-item {
3664
- display: flex;
3665
- user-select: none;
3666
- }
3667
-
3668
- zero-menu-item[disabled] {
3669
- pointer-events: none;
3670
- }
3671
-
3672
- ${(0,se.verticalDropdownMenuBaseStyles)(e,t)}
3673
- `,template:se.foundationVerticalDropdownMenuTemplate}),zeroSectionNavigator:Ys,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var ad=o(49255);class rd extends ad.S8{}const id=rd.compose({baseName:"date-editor",styles:ad.kI,template:(0,ad.m6)("zero")});var nd=o(56182);class sd extends nd.pZ{}const ld=sd.compose({baseName:"multiselect-editor",styles:nd.$b,template:(0,nd.tB)("zero")});var dd=o(48075);class cd extends dd._Q{}const pd=cd.compose({baseName:"select-editor",styles:dd.Uo,template:(0,dd.iY)("zero")});var ud=o(48072);class gd extends ud.Z0{}const md=gd.compose({baseName:"number-editor",styles:ud.Fv,template:(0,ud.r1)("zero")});var hd=o(43352);class bd extends hd.XJ{}const vd=bd.compose({baseName:"string-editor",styles:hd.P_,template:(0,hd.bZ)("zero")});var fd=o(2048);class yd extends fd.Jt{}const xd=yd.compose({baseName:"icon-renderer",styles:fd.X5,template:(0,fd.V$)("zero")});var wd=o(46255);class Sd extends wd.YM{}const Cd=Sd.compose({baseName:"editable-renderer",styles:wd.Mx,template:(0,wd.iP)("zero")});var Ad=o(67489);class kd extends Ad.eA{}const Rd=kd.compose({baseName:"grid-pro-action-renderer",styles:p.css`
3674
- ${Ad.AC}
3658
+ `,Xl=se.foundationVerificationCodeInputTemplate;class Kl extends se.VerificationCodeInput{}const $l=se.defaultVerificationCodeInputConfig,_l=se.foundationVerificationCodeInputShadowOptions,ed={zeroAccordion:Ea,zeroAccordionItem:Oa,zeroAiCriteriaSearch:ja,zeroAiIndicator:Ha,zeroActionsMenu:Da,zeroAnchor:Sr,zeroAnchoredRegion:Ar,zeroAvatar:Rr,zeroBadge:Ir,zeroBanner:zr,zeroBreadcrumb:Tr,zeroBreadcrumbItem:Nr,zeroButton:jr,zeroCalendar:Hr,zeroCard:Gr,zeroCategorizedMultiselect:Zr,zeroCheckbox:Xr,zeroCombobox:di,zeroConnectionIndicator:pi,zeroDataGrid:hi,zeroDatePicker:fi,zeroDesignSystemProvider:Ci,zeroDialog:Ei,zeroDisclosure:Oi,zeroDivider:Di,zeroDropdownMenu:Pi,zeroEnvironmentIndicator:Hi,zeroErrorBanner:Yi,zeroErrorBoundary:qi,zeroErrorDialog:Zi,zeroFileReader:Xi,zeroFileUpload:on,zeroFilter:nn,zeroFilterBar:dn,zeroFlexLayout:pn,zeroFlipper:gn,zeroFlyout:yn,zeroGridLayout:wn,zeroGridLayoutItem:Cn,zeroHorizontalScroll:Rn,zeroIcon:En,zeroListbox:On,zeroListboxOption:Dn,zeroMenu:jn,zeroMenuItem:Un,zeroModal:Jn,zeroMultiselect:_n,zeroNotificationListener:ts,zeroNumberField:ss,zeroOptgroup:ds,zeroPill:hs,zeroProgress:vs,zeroProgressRing:xs,zeroRadio:Ss,zeroRadioGroup:As,zeroSchedulerCronBuilder:zs,zeroSearchBar:Hs,zeroSearchBarCombobox:Gs,zeroSegmentedControl:qs,zeroSegmentedItem:Zs,zeroSelect:Xs,zeroScheduler:Is,zeroSchedulerTimezone:Ns,zeroSkeleton:$s,zeroSlider:el,zeroSliderLabel:ol,zeroSnackbar:sl,zeroStackingIcons:dl,zeroStatusPill:pl,zeroStepper:hl,zeroStepperTab:fl,zeroStepperTabPanel:xl,zeroSwitch:Sl,zeroSystemHealthOverlay:ps,zeroTab:Al,zeroTabPanel:Rl,zeroTabs:Il,zeroTextArea:Fl,zeroTextField:zl,zeroToast:Pl,zeroToolbar:Bl,zeroTooltip:Ul,zeroTreeItem:Vl,zeroTreeView:Wl,zeroUrlInput:Zl,zeroVerificationCodeInput:Kl.compose(Object.assign({baseName:"verification-code-input",template:Xl,styles:Ql,shadowOptions:_l},$l)),zeroSectionNavigator:Ys,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var td=o(49255);class od extends td.S8{}const ad=od.compose({baseName:"date-editor",styles:td.kI,template:(0,td.m6)("zero")});var rd=o(56182);class id extends rd.pZ{}const nd=id.compose({baseName:"multiselect-editor",styles:rd.$b,template:(0,rd.tB)("zero")});var sd=o(48075);class ld extends sd._Q{}const dd=ld.compose({baseName:"select-editor",styles:sd.Uo,template:(0,sd.iY)("zero")});var cd=o(48072);class pd extends cd.Z0{}const ud=pd.compose({baseName:"number-editor",styles:cd.Fv,template:(0,cd.r1)("zero")});var gd=o(43352);class md extends gd.XJ{}const hd=md.compose({baseName:"string-editor",styles:gd.P_,template:(0,gd.bZ)("zero")});var bd=o(2048);class vd extends bd.Jt{}const fd=vd.compose({baseName:"icon-renderer",styles:bd.X5,template:(0,bd.V$)("zero")});var yd=o(46255);class xd extends yd.YM{}const wd=xd.compose({baseName:"editable-renderer",styles:yd.Mx,template:(0,yd.iP)("zero")});var Sd=o(67489);class Cd extends Sd.eA{}const Ad=Cd.compose({baseName:"grid-pro-action-renderer",styles:p.css`
3659
+ ${Sd.AC}
3675
3660
  `,template:p.html`
3676
3661
  <div class="action-container" part="action-container">
3677
3662
  <zero-button
@@ -3689,14 +3674,12 @@
3689
3674
  `:null===(o=e.params)||void 0===o?void 0:o.actionName}}
3690
3675
  </zero-button>
3691
3676
  </div>
3692
- `});var Md=o(39604);class Id extends Md.cN{}const Ld=Id.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3677
+ `});var kd=o(39604);class Rd extends kd.cN{}const Md=Rd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
3693
3678
  <zero-actions-menu
3694
3679
  name="${e=>{var t;return null===(t=e.params)||void 0===t?void 0:t.headerName}}"
3695
3680
  :definition=${e=>e.params}
3696
3681
  ></zero-actions-menu>
3697
- `});var Fd=o(70251);class Ed extends Fd.MA{}const zd=Ed.compose({baseName:"grid-pro-vertical-dropdown-menu-renderer",template:p.html`
3698
- <zero-vertical-dropdown-menu :definition=${e=>e.params}></zero-vertical-dropdown-menu>
3699
- `});var Od=o(60905);class Td extends Od._Y{}const Dd=Td.compose({baseName:"boolean-renderer",styles:Od.CL,template:(0,Od.A9)("zero")});var Nd=o(96598);class Pd extends Nd.t{}const jd=Pd.compose({baseName:"grid-text-renderer",styles:Nd.JN,template:(0,Nd.d6)("zero")});var Bd=o(80879);class Hd extends Bd.gs{}const Ud=Hd.compose({baseName:"select-renderer",styles:Bd.Ad,template:(0,Bd.qj)("zero")});var Gd=o(19511);class Vd extends Gd.N7{}const Yd=Vd.compose({baseName:"status-pill-renderer",template:(0,Gd.T2)("zero"),styles:Gd.x2});var Wd=o(59469),qd=o(11489),Jd=o(34713);class Zd extends Wd.X{}const Qd=Zd.compose({baseName:"column-selection",template:(0,qd.s)("zero"),styles:Jd.H});var Xd=o(11264),Kd=o(55365),$d=o(32610),_d=o(98884);const ec={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2b2e34"))},tc={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2196f3"))},{create:oc}=u.DesignToken,ac={backgroundColor:oc("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?tc.backgroundSwatch:ec.backgroundSwatch),borderColor:oc("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?tc.borderSwatch:ec.borderSwatch),foregroundColor:oc("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?tc.foregroundSwatch:ec.foregroundSwatch),headerForegroundColor:oc("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?tc.headerForegroundSwatch:ec.headerForegroundSwatch),rowHoverColor:oc("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?tc.rowHoverSwatch:ec.rowHoverSwatch)},rc=()=>{const e=(0,se.designTokensMap)();if(!e.value)return null;const{style:t,space:o}=e.value.design_tokens;return(t.baseHeightMultiplier.$value+t.density.$value)*o.designUnit.$value-8},ic=p.css`
3682
+ `});var Id=o(60905);class Ld extends Id._Y{}const Fd=Ld.compose({baseName:"boolean-renderer",styles:Id.CL,template:(0,Id.A9)("zero")});var Ed=o(96598);class zd extends Ed.t{}const Od=zd.compose({baseName:"grid-text-renderer",styles:Ed.JN,template:(0,Ed.d6)("zero")});var Td=o(80879);class Dd extends Td.gs{}const Nd=Dd.compose({baseName:"select-renderer",styles:Td.Ad,template:(0,Td.qj)("zero")});var Pd=o(19511);class jd extends Pd.N7{}const Bd=jd.compose({baseName:"status-pill-renderer",template:(0,Pd.T2)("zero"),styles:Pd.x2});var Hd=o(59469),Ud=o(11489),Gd=o(34713);class Vd extends Hd.X{}const Yd=Vd.compose({baseName:"column-selection",template:(0,Ud.s)("zero"),styles:Gd.H});var Wd=o(11264),qd=o(55365),Jd=o(32610),Zd=o(98884);const Qd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2b2e34"))},Xd={foregroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Vo.parseColorHexRGB)("#2196f3"))},{create:Kd}=u.DesignToken,$d={backgroundColor:Kd("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.backgroundSwatch:Qd.backgroundSwatch),borderColor:Kd("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.borderSwatch:Qd.borderSwatch),foregroundColor:Kd("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.foregroundSwatch:Qd.foregroundSwatch),headerForegroundColor:Kd("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.headerForegroundSwatch:Qd.headerForegroundSwatch),rowHoverColor:Kd("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Xd.rowHoverSwatch:Qd.rowHoverSwatch)},_d=()=>{const e=(0,se.designTokensMap)();if(!e.value)return null;const{style:t,space:o}=e.value.design_tokens;return(t.baseHeightMultiplier.$value+t.density.$value)*o.designUnit.$value-8},ec=p.css`
3700
3683
  .ag-theme-genesis-rapid,
3701
3684
  .ag-theme-genesis-rapid-dark,
3702
3685
  .ag-theme-genesis-rapid-light {
@@ -4252,79 +4235,79 @@
4252
4235
  .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
4253
4236
  background-color: var(--ag-alpine-active-color);
4254
4237
  }
4255
- `,nc={[Kd.W3.backgroundColor]:ac.backgroundColor,[Kd.W3.foregroundColor]:ac.foregroundColor,[Kd.W3.oddRowBackgroundColor]:ac.backgroundColor,[Kd.W3.headerBackgroundColor]:ac.backgroundColor,[Kd.W3.headerForegroundColor]:ac.headerForegroundColor,[Kd.W3.selectedRowBackgroundColor]:ac.rowHoverColor,[Kd.W3.rowHoverColor]:ac.rowHoverColor,[Kd.W3.borderColor]:ac.borderColor,[Kd.W3.rowBorderColor]:ac.rowHoverColor,[Kd.W3.modalOverlayBackgroundColor]:ac.backgroundColor,[Kd.W3.inputFocusBoxShadow]:ac.headerForegroundColor,[Kd.W3.inputFocusBorderColor]:ac.headerForegroundColor,[Kd.W3.headerColumnResizeHandleColor]:ac.headerForegroundColor},sc="ag-theme-genesis-zero",lc=p.css`
4256
- ${ic}
4257
- ${(0,Kd.Kb)(sc,nc)}
4238
+ `,tc={[qd.W3.backgroundColor]:$d.backgroundColor,[qd.W3.foregroundColor]:$d.foregroundColor,[qd.W3.oddRowBackgroundColor]:$d.backgroundColor,[qd.W3.headerBackgroundColor]:$d.backgroundColor,[qd.W3.headerForegroundColor]:$d.headerForegroundColor,[qd.W3.selectedRowBackgroundColor]:$d.rowHoverColor,[qd.W3.rowHoverColor]:$d.rowHoverColor,[qd.W3.borderColor]:$d.borderColor,[qd.W3.rowBorderColor]:$d.rowHoverColor,[qd.W3.modalOverlayBackgroundColor]:$d.backgroundColor,[qd.W3.inputFocusBoxShadow]:$d.headerForegroundColor,[qd.W3.inputFocusBorderColor]:$d.headerForegroundColor,[qd.W3.headerColumnResizeHandleColor]:$d.headerForegroundColor},oc="ag-theme-genesis-zero",ac=p.css`
4239
+ ${ec}
4240
+ ${(0,qd.Kb)(oc,tc)}
4258
4241
 
4259
- .${sc} {
4242
+ .${oc} {
4260
4243
  ${ka()}
4261
4244
  }
4262
4245
 
4263
- .${sc} .ag-header {
4246
+ .${oc} .ag-header {
4264
4247
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4265
4248
  font-weight: bold;
4266
4249
  }
4267
4250
 
4268
- .${sc} .ag-root-wrapper {
4251
+ .${oc} .ag-root-wrapper {
4269
4252
  border-radius: calc(var(--control-corner-radius) * 1px);
4270
4253
  }
4271
- `,dc="ag-theme-genesis-rapid-dark",cc=p.css`
4272
- ${ic}
4273
- ${(0,Kd.Kb)(dc,nc)}
4254
+ `,rc="ag-theme-genesis-rapid-dark",ic=p.css`
4255
+ ${ec}
4256
+ ${(0,qd.Kb)(rc,tc)}
4274
4257
 
4275
- .${dc} {
4258
+ .${rc} {
4276
4259
  ${ka()}
4277
4260
  }
4278
4261
 
4279
- .${dc} .ag-header {
4262
+ .${rc} .ag-header {
4280
4263
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4281
4264
  font-weight: bold;
4282
4265
  }
4283
4266
 
4284
- .${dc} .ag-cell {
4267
+ .${rc} .ag-cell {
4285
4268
  line-height: var(--ag-line-height, 32px);
4286
4269
  }
4287
4270
 
4288
- .${dc} .ag-root-wrapper {
4271
+ .${rc} .ag-root-wrapper {
4289
4272
  border-radius: calc(var(--control-corner-radius) * 1px);
4290
4273
  }
4291
4274
 
4292
- .${dc} {
4275
+ .${rc} {
4293
4276
  color-scheme: dark;
4294
4277
  }
4295
- `,pc="ag-theme-genesis-rapid-light",uc=p.css`
4296
- ${ic}
4297
- ${(0,Kd.Kb)(pc,nc)}
4278
+ `,nc="ag-theme-genesis-rapid-light",sc=p.css`
4279
+ ${ec}
4280
+ ${(0,qd.Kb)(nc,tc)}
4298
4281
 
4299
- .${pc} {
4282
+ .${nc} {
4300
4283
  ${ka()}
4301
4284
  }
4302
4285
 
4303
- .${pc} .ag-header {
4286
+ .${nc} .ag-header {
4304
4287
  border-bottom-color: var(--rapid-ag-header-foreground-color);
4305
4288
  font-weight: bold;
4306
4289
  }
4307
4290
 
4308
- .${pc} .ag-cell {
4291
+ .${nc} .ag-cell {
4309
4292
  line-height: var(--ag-line-height, 32px);
4310
4293
  }
4311
4294
 
4312
- .${pc} .ag-root-wrapper {
4295
+ .${nc} .ag-root-wrapper {
4313
4296
  border-radius: calc(var(--control-corner-radius) * 1px);
4314
4297
  }
4315
4298
 
4316
- .${pc} {
4299
+ .${nc} {
4317
4300
  color-scheme: light;
4318
4301
  }
4319
- `,gc=p.css`
4302
+ `,lc=p.css`
4320
4303
  /* All the AG themes */
4321
- ${_d.XF}
4304
+ ${Zd.XF}
4322
4305
 
4323
4306
  /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
4324
- ${lc}
4325
- ${cc}
4326
- ${uc}
4327
- `;const mc=(0,o(82128).U)("zero"),hc="ag-theme-genesis-rapid-dark",bc="ag-theme-genesis-rapid-light";class vc extends Xd.Rz{constructor(){super(...arguments),this.luminanceObserver={handleChange:e=>this.handleLuminanceChange(e)},this.handleLuminanceChange=e=>{const t=g.baseLayerLuminance.getValueFor(e.target);this.theme=t===g.StandardLuminance.DarkMode?hc:bc},this.theme="light"===localStorage.getItem("luminance")?bc:hc}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===hc)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[Kd.IX.action]:kd,[Kd.IX.actionsMenu]:Id,[Kd.IX.verticalDropdownMenu]:Ed,[Kd.IX.boolean]:Td,[Kd.IX.editable]:Sd,[Kd.IX.icon]:yd,[Kd.IX.statusPill]:Vd,[Kd.IX.select]:Hd,[Kd.IX.selectEditor]:cd,[Kd.IX.numberEditor]:gd,[Kd.IX.multiselectEditor]:sd,[Kd.IX.dateEditor]:rd,[Kd.IX.stringEditor]:bd},e.components);(this.theme===sc||this.theme===dc||this.theme===pc)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:rc())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:rc())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],vc.prototype,"provider",void 0);const fc=$d.LU,yc=$d.Z$,xc={zeroIconRenderer:xd,zeroAgEditableRenderer:Cd,zeroAgActionRenderer:Rd,zeroAgActionsMenuRenderer:Ld,zeroAgVerticalDropdownMenuRenderer:zd,zeroAgBooleanRenderer:Dd,zeroAgTextRenderer:jd,zeroAgSelectRenderer:Ud,zeroStatusPillRenderer:Yd,zeroAgDateEditor:id,zeroAgMultiselectEditor:ld,zeroAgSelectEditor:pd,zeroAgNumberEditor:md,zeroAgStringEditor:vd,zeroGridPro:vc.compose(Object.assign({baseName:"grid-pro",template:mc,styles:gc,shadowOptions:fc},yc)),zeroColumnSelection:Qd,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var wc,Sc=o(93188),Cc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(wc||(wc={}));const Ac={Roboto:Aa,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},kc=Ac["Segoe UI"],Rc=p.css`
4307
+ ${ac}
4308
+ ${ic}
4309
+ ${sc}
4310
+ `;const dc=(0,o(82128).U)("zero"),cc="ag-theme-genesis-rapid-dark",pc="ag-theme-genesis-rapid-light";class uc extends Wd.Rz{constructor(){super(...arguments),this.luminanceObserver={handleChange:e=>this.handleLuminanceChange(e)},this.handleLuminanceChange=e=>{const t=g.baseLayerLuminance.getValueFor(e.target);this.theme=t===g.StandardLuminance.DarkMode?cc:pc},this.theme="light"===localStorage.getItem("luminance")?pc:cc}connectedCallback(){var e;super.connectedCallback();const t=null!==(e=this.provider)&&void 0!==e?e:this;this.luminanceSubscription=g.baseLayerLuminance.subscribe(this.luminanceObserver,t)}disconnectedCallback(){var e;const t=null!==(e=this.provider)&&void 0!==e?e:this;g.baseLayerLuminance.unsubscribe(this.luminanceObserver,t),this.luminanceSubscription&&(this.luminanceSubscription.unsubscribe(),this.luminanceSubscription=void 0),super.disconnectedCallback()}themeChanged(e,t){(e||t===cc)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[qd.IX.action]:Cd,[qd.IX.actionsMenu]:Rd,[qd.IX.boolean]:Ld,[qd.IX.editable]:xd,[qd.IX.icon]:vd,[qd.IX.statusPill]:jd,[qd.IX.select]:Dd,[qd.IX.selectEditor]:ld,[qd.IX.numberEditor]:pd,[qd.IX.multiselectEditor]:id,[qd.IX.dateEditor]:od,[qd.IX.stringEditor]:md},e.components);(this.theme===oc||this.theme===rc||this.theme===nc)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:_d())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:_d())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],uc.prototype,"provider",void 0);const gc=Jd.LU,mc=Jd.Z$,hc={zeroIconRenderer:fd,zeroAgEditableRenderer:wd,zeroAgActionRenderer:Ad,zeroAgActionsMenuRenderer:Md,zeroAgBooleanRenderer:Fd,zeroAgTextRenderer:Od,zeroAgSelectRenderer:Nd,zeroStatusPillRenderer:Bd,zeroAgDateEditor:ad,zeroAgMultiselectEditor:nd,zeroAgSelectEditor:dd,zeroAgNumberEditor:ud,zeroAgStringEditor:hd,zeroGridPro:uc.compose(Object.assign({baseName:"grid-pro",template:dc,styles:lc,shadowOptions:gc},mc)),zeroColumnSelection:Yd,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var bc,vc=o(93188),fc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(bc||(bc={}));const yc={Roboto:Aa,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},xc=yc["Segoe UI"],wc=p.css`
4328
4311
  ${(0,u.display)("block")} :host {
4329
4312
  width: 100%;
4330
4313
  display: inline-flex;
@@ -4456,7 +4439,7 @@
4456
4439
  rapid-button {
4457
4440
  margin: 0;
4458
4441
  }
4459
- `,Mc=p.html`
4442
+ `,Sc=p.html`
4460
4443
  <template>
4461
4444
  <div class="configuration">
4462
4445
  ${(0,p.when)(e=>!e.customDesignMode,p.html`
@@ -4679,7 +4662,7 @@
4679
4662
  <slot></slot>
4680
4663
  </div>
4681
4664
  </template>
4682
- `,Ic=({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(Ac).find(t=>Ac[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Lc=Ic(La),Fc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},Ec={accent:"primary",neutral:"secondary",font:"white"},zc=Ic(Sc.designTokens),Oc={zero:{prefix:"zero",tokenDefaults:Lc,buttons:Fc,badge:Ec},rapid:{prefix:"rapid",tokenDefaults:zc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:Fc,badge:Ec}};let Tc=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=zc.luminance===g.StandardLuminance.DarkMode,this.luminance=zc.luminance,this.neutralColor=zc.neutralColor,this.accentColor=zc.accentColor,this.bodyFont=zc.bodyFont,this.density=zc.density,this.borderRadius=zc.borderRadius,this.strokeWidth=zc.strokeWidth,this.baseHeightMultiplier=zc.baseHeightMultiplier,this.designUnit=zc.designUnit,this.baseFontSize=zc.baseFontSize,this.baseLineHeight=zc.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=Ic(t);Oc.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(Oc[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],Oc.custom.prefix=t,Oc.custom.buttons=Oc[t].buttons,Oc.custom.badge=Oc[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:Oc[this.ds].prefix,buttonAppearanceAccent:Oc[this.ds].buttons.accent,buttonAppearanceNeutral:Oc[this.ds].buttons.neutral,buttonAppearanceOutline:Oc[this.ds].buttons.outline,buttonAppearanceText:Oc[this.ds].buttons.text,badgeAppearanceAccent:Oc[this.ds].badge.accent,badgeAppearanceNeutral:Oc[this.ds].badge.neutral,badgeText:Oc[this.ds].badge.font};this.$emit(wc.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Oc[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Ac[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(wc.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach(t=>{this.preserveOptions&&void 0!==this.userSelections[t]?this[t]=this.userSelections[t]:this[t]=e[t]}),this.darkMode=this.luminance===g.StandardLuminance.DarkMode,p.DOM.queueUpdate(()=>{this.tokenUpdateInProgress=!1})}getAppDetails(){return fetch("api/details").then(e=>e.ok&&e.json()).then(e=>e).catch(e=>{console.error("Error fetching tokens:",e)})}connectedCallback(){super.connectedCallback(),this.userSelections={},Ca(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(wc.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],Tc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],Tc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],Tc.prototype,"ds",void 0),(0,i.Cg)([p.attr],Tc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],Tc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],Tc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],Tc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],Tc.prototype,"density",void 0),(0,i.Cg)([p.observable],Tc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],Tc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],Tc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],Tc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],Tc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],Tc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],Tc.prototype,"preserveOptions",void 0),Tc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:Mc,styles:Rc})],Tc);const Dc=(0,b.createLogger)("documentation-components"),Nc=e=>{const t=(e=>{const t=(0,Vo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},Pc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},jc=(e,t)=>{const o=Nc(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=Nc(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,Pc(g.typeRampBaseFontSize,wa.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,Pc(g.typeRampBaseFontSize,wa.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,Pc(g.typeRampBaseLineHeight,wa.Du.plusSix,t))},Bc=p.css`
4665
+ `,Cc=({design_tokens:e})=>({accentColor:e.color.accent.$value,neutralColor:e.color.neutral.$value,luminance:e.mode.luminance.$value,density:e.style.density.$value,designUnit:e.space.designUnit.$value,borderRadius:e.style.borderRadius.$value,strokeWidth:e.style.strokeWidth.$value,baseHeightMultiplier:e.style.baseHeightMultiplier.$value,bodyFont:Object.keys(yc).find(t=>yc[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Ac=Cc(La),kc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},Rc={accent:"primary",neutral:"secondary",font:"white"},Mc=Cc(vc.designTokens),Ic={zero:{prefix:"zero",tokenDefaults:Ac,buttons:kc,badge:Rc},rapid:{prefix:"rapid",tokenDefaults:Mc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:kc,badge:Rc}};let Lc=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=Mc.luminance===g.StandardLuminance.DarkMode,this.luminance=Mc.luminance,this.neutralColor=Mc.neutralColor,this.accentColor=Mc.accentColor,this.bodyFont=Mc.bodyFont,this.density=Mc.density,this.borderRadius=Mc.borderRadius,this.strokeWidth=Mc.strokeWidth,this.baseHeightMultiplier=Mc.baseHeightMultiplier,this.designUnit=Mc.designUnit,this.baseFontSize=Mc.baseFontSize,this.baseLineHeight=Mc.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof u.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof g.Combobox||e.target instanceof g.Select){const{name:t,value:o}=e.target;t&&o&&(this[t]=o,this.updateUserSelections(t,o),this.styleUpdate())}else if(e.target instanceof u.Slider){const t=parseInt(e.target.value),o=e.target.name;o&&Number.isInteger(t)&&(this[o]=t,this.updateUserSelections(o,t),this.styleUpdate())}},this.updateUserSelections=(e,t)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=t)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?g.StandardLuminance.DarkMode:g.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Cc(t);Ic.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(Ic[this.ds].tokenDefaults),this.styleUpdate()})}customDesignModeChanged(e,t){return(0,i.sH)(this,void 0,void 0,function*(){const e=[{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:t="custom"}=yield this.getAppDetails(),o={name:e,value:t};this.designSystems=[o],Ic.custom.prefix=t,Ic.custom.buttons=Ic[t].buttons,Ic.custom.badge=Ic[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:Ic[this.ds].prefix,buttonAppearanceAccent:Ic[this.ds].buttons.accent,buttonAppearanceNeutral:Ic[this.ds].buttons.neutral,buttonAppearanceOutline:Ic[this.ds].buttons.outline,buttonAppearanceText:Ic[this.ds].buttons.text,badgeAppearanceAccent:Ic[this.ds].badge.accent,badgeAppearanceNeutral:Ic[this.ds].badge.neutral,badgeText:Ic[this.ds].badge.font};this.$emit(bc.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(Ic[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:yc[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseHeightMultiplier:this.baseHeightMultiplier,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(bc.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach(t=>{this.preserveOptions&&void 0!==this.userSelections[t]?this[t]=this.userSelections[t]:this[t]=e[t]}),this.darkMode=this.luminance===g.StandardLuminance.DarkMode,p.DOM.queueUpdate(()=>{this.tokenUpdateInProgress=!1})}getAppDetails(){return fetch("api/details").then(e=>e.ok&&e.json()).then(e=>e).catch(e=>{console.error("Error fetching tokens:",e)})}connectedCallback(){super.connectedCallback(),this.userSelections={},Ca(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(bc.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],Lc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],Lc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],Lc.prototype,"ds",void 0),(0,i.Cg)([p.attr],Lc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],Lc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],Lc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],Lc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],Lc.prototype,"density",void 0),(0,i.Cg)([p.observable],Lc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],Lc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],Lc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],Lc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],Lc.prototype,"preserveOptions",void 0),Lc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:Sc,styles:wc})],Lc);const Fc=(0,b.createLogger)("documentation-components"),Ec=e=>{const t=(e=>{const t=(0,Vo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},zc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},Oc=(e,t)=>{const o=Ec(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=Ec(e.accentColor);g.accentPalette.setValueFor(t,a),g.baseLayerLuminance.setValueFor(t,e.luminance),g.density.setValueFor(t,e.density),g.controlCornerRadius.setValueFor(t,e.borderRadius),g.strokeWidth.setValueFor(t,e.strokeWidth),g.designUnit.setValueFor(t,e.designUnit),g.bodyFont.setValueFor(t,e.bodyFont),g.typeRampBaseFontSize.setValueFor(t,e.baseFontSize),g.typeRampBaseLineHeight.setValueFor(t,e.baseLineHeight),g.typeRampMinus1FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,zc(g.typeRampBaseFontSize,wa.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,zc(g.typeRampBaseLineHeight,wa.Du.plusSix,t))},Tc=p.css`
4683
4666
  :host {
4684
4667
  --badge-fill-primary: var(--accent-fill-rest);
4685
4668
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -4774,7 +4757,7 @@
4774
4757
  display: flex;
4775
4758
  flex-direction: column;
4776
4759
  }
4777
- `,Hc=p.html`
4760
+ `,Dc=p.html`
4778
4761
  ${e=>{return t=e.prefix,p.html`
4779
4762
  <template>
4780
4763
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5201,7 +5184,7 @@
5201
5184
  </${t}-design-system-provider>
5202
5185
  </template>
5203
5186
  `;var t}}
5204
- `;let Uc=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=>Dc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Dc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Dc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Dc.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(wc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(wc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(kc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{jc(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],Uc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Uc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Uc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Uc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Uc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Uc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Uc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Uc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Uc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Uc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Uc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Uc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Uc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Uc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Uc.prototype,"provider",void 0),Uc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:Hc,styles:Bc})],Uc);const Gc=p.css`
5187
+ `;let Nc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Fc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Fc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Fc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Fc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],Nc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Nc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Nc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Nc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Nc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Nc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Nc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Nc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Nc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Nc.prototype,"provider",void 0),Nc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:Dc,styles:Tc})],Nc);const Pc=p.css`
5205
5188
  .export {
5206
5189
  display: flex;
5207
5190
  justify-content: center;
@@ -5212,7 +5195,7 @@
5212
5195
  display: flex;
5213
5196
  justify-content: space-between;
5214
5197
  }
5215
- `,Vc=p.html`
5198
+ `,jc=p.html`
5216
5199
  <template>
5217
5200
  <div class="export">
5218
5201
  <rapid-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</rapid-button>
@@ -5233,7 +5216,7 @@
5233
5216
  </rapid-modal>
5234
5217
  </div>
5235
5218
  </template>
5236
- `;let Yc=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=>{Dc.log("Tokens saved successfully:",e),this.$emit(wc.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{Dc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wc.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],Yc.prototype,"value",void 0),(0,i.Cg)([p.attr],Yc.prototype,"tokensPath",void 0),Yc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:Vc,styles:Gc})],Yc);const Wc=p.css`
5219
+ `;let Bc=class extends p.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const t={design_tokens:{color:{accent:{$value:e.accentColor,$type:"color"},neutral:{$value:e.neutralColor,$type:"color"}},fontFamily:{bodyFont:{$value:e.bodyFont,$type:"fontFamily"}},typography:{baseFontSize:{$value:e.baseFontSize,$type:"dimension"},baseLineHeight:{$value:e.baseLineHeight,$type:"dimension"}},mode:{luminance:{$value:e.luminance,$type:"number"}},style:{density:{$value:e.density,$type:"number"},baseHeightMultiplier:{$value:e.baseHeightMultiplier,$type:"number"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(t,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch("api/tokens",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({tokens:this.value})}).then(e=>{if(!e.ok)throw new Error(`API request failed with status ${e.status}`);return e.json()}).then(e=>{Fc.log("Tokens saved successfully:",e),this.$emit(bc.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{Fc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],Bc.prototype,"value",void 0),(0,i.Cg)([p.attr],Bc.prototype,"tokensPath",void 0),Bc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:jc,styles:Pc})],Bc);const Hc=p.css`
5237
5220
  .colors {
5238
5221
  display: flex;
5239
5222
  flex-wrap: wrap;
@@ -5246,23 +5229,23 @@
5246
5229
  flex-grow: 1;
5247
5230
  height: 20px;
5248
5231
  }
5249
- `,qc=p.html`
5232
+ `,Uc=p.html`
5250
5233
  <ul class="colors">
5251
5234
  ${(0,p.repeat)(e=>e.swatches,p.html`
5252
5235
  <li class="color" style="background-color: ${e=>e.toColorString()}"></li>
5253
5236
  `)}
5254
5237
  </ul>
5255
- `;let Jc=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=Nc(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],Jc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],Jc.prototype,"type",void 0),Jc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Wc,template:qc})],Jc);const Zc=p.css`
5238
+ `;let Gc=class extends p.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){g[this.type+"Palette"].subscribe({handleChange:e=>{const t=e.token.getValueFor(this);this.swatches=[...t.swatches]}},this)}}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=Ec(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],Gc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],Gc.prototype,"type",void 0),Gc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Hc,template:Uc})],Gc);const Vc=p.css`
5256
5239
  .preview {
5257
5240
  width: 40px;
5258
5241
  height: 40px;
5259
5242
  }
5260
- `,Qc=p.html`
5243
+ `,Yc=p.html`
5261
5244
  <div
5262
5245
  class="preview"
5263
5246
  style="background-color: ${e=>g[e.tokenName].createCSS()}"
5264
5247
  ></div>
5265
- `;let Xc=class extends p.FASTElement{};(0,i.Cg)([p.attr],Xc.prototype,"tokenName",void 0),Xc=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Zc,template:Qc})],Xc);const Kc=p.css`
5248
+ `;let Wc=class extends p.FASTElement{};(0,i.Cg)([p.attr],Wc.prototype,"tokenName",void 0),Wc=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Vc,template:Yc})],Wc);const qc=p.css`
5266
5249
  .container {
5267
5250
  display: flex;
5268
5251
  width: 100%;
@@ -5310,7 +5293,7 @@
5310
5293
  .container > div:not(:last-child) {
5311
5294
  border-right: 1px solid #fafafa;
5312
5295
  }
5313
- `,$c=[{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"}]}]}],_c=p.html`
5296
+ `,Jc=[{title:"Fill",subcategories:[{title:"Fill Colour",tokens:[{name:"fillColor",cssProperty:"--fill-color"}]},{title:"Accent Fill",tokens:[{name:"accentFillRest",cssProperty:"--accent-fill-rest"},{name:"accentFillHover",cssProperty:"--accent-fill-hover"},{name:"accentFillActive",cssProperty:"--accent-fill-active"},{name:"accentFillFocus",cssProperty:"--accent-fill-focus"}]},{title:"Neutral Fill",tokens:[{name:"neutralFillRest",cssProperty:"--neutral-fill-rest"},{name:"neutralFillHover",cssProperty:"--neutral-fill-hover"},{name:"neutralFillActive",cssProperty:"--neutral-fill-active"},{name:"neutralFillFocus",cssProperty:"--neutral-fill-focus"}]},{title:"Neutral Fill Input",tokens:[{name:"neutralFillInputRest",cssProperty:"--neutral-fill-input-rest"},{name:"neutralFillInputHover",cssProperty:"--neutral-fill-input-hover"},{name:"neutralFillInputActive",cssProperty:"--neutral-fill-input-active"},{name:"neutralFillInputFocus",cssProperty:"--neutral-fill-input-focus"}]},{title:"Neutral Fill Stealth",tokens:[{name:"neutralFillStealthRest",cssProperty:"--neutral-fill-stealth-rest"},{name:"neutralFillStealthHover",cssProperty:"--neutral-fill-stealth-hover"},{name:"neutralFillStealthActive",cssProperty:"--neutral-fill-stealth-active"},{name:"neutralFillStealthFocus",cssProperty:"--neutral-fill-stealth-focus"}]},{title:"Neutral Fill Strong",tokens:[{name:"neutralFillStrongRest",cssProperty:"--neutral-fill-strong-rest"},{name:"neutralFillStrongHover",cssProperty:"--neutral-fill-strong-hover"},{name:"neutralFillStrongActive",cssProperty:"--neutral-fill-strong-active"},{name:"neutralFillStrongFocus",cssProperty:"--neutral-fill-strong-focus"}]}]},{title:"Foreground",subcategories:[{title:"Neutral Foreground",tokens:[{name:"neutralForegroundRest",cssProperty:"--neutral-foreground-rest"},{name:"neutralForegroundHint",cssProperty:"--neutral-foreground-hint"}]},{title:"Accent Foreground",tokens:[{name:"accentForegroundRest",cssProperty:"--accent-foreground-rest"},{name:"accentForegroundHover",cssProperty:"--accent-foreground-hover"},{name:"accentForegroundActive",cssProperty:"--accent-foreground-active"},{name:"accentForegroundFocus",cssProperty:"--accent-foreground-focus"}]},{title:"Foreground on Accent",tokens:[{name:"foregroundOnAccentRest",cssProperty:"--foreground-on-accent-rest"},{name:"foregroundOnAccentHover",cssProperty:"--foreground-on-accent-hover"},{name:"foregroundOnAccentActive",cssProperty:"--foreground-on-accent-active"},{name:"foregroundOnAccentFocus",cssProperty:"--foreground-on-accent-focus"}]},{title:"Foreground on accent large",tokens:[{name:"foregroundOnAccentRestLarge",cssProperty:"--foreground-on-accent-rest-large"},{name:"foregroundOnAccentHoverLarge",cssProperty:"--foreground-on-accent-hover-large"},{name:"foregroundOnAccentActiveLarge",cssProperty:"--foreground-on-accent-active-large"},{name:"foregroundOnAccentFocusLarge",cssProperty:"--foreground-on-accent-focus-large"}]}]},{title:"Stroke",subcategories:[{title:"Focus Stroke",tokens:[{name:"focusStrokeOuter",cssProperty:"--focus-stroke-outer"},{name:"focusStrokeInner",cssProperty:"--focus-stroke-inner"}]},{title:"Neutral Stroke",tokens:[{name:"neutralStrokeRest",cssProperty:"---neutral-stroke-rest"},{name:"neutralStrokeHover",cssProperty:"--neutral-stroke-hover"},{name:"neutralStrokeActive",cssProperty:"--neutral-stroke-active"},{name:"neutralStrokeFocus",cssProperty:"--neutral-stroke-focus"}]},{title:"Neutral stroke divider",tokens:[{name:"neutralStrokeDividerRest",cssProperty:"--neutral-stroke-divider-rest"}]}]},{title:"Layer",subcategories:[{title:"Neutral Layers",tokens:[{name:"neutralLayer1",cssProperty:"--neutral-layer-1"},{name:"neutralLayer2",cssProperty:"--neutral-layer-2"},{name:"neutralLayer3",cssProperty:"--neutral-layer-3"},{name:"neutralLayer4",cssProperty:"--neutral-layer-4"}]},{title:"Neutral Layer Card Container",tokens:[{name:"neutralLayerCardContainer",cssProperty:"--neutral-layer-card-container"}]},{title:"Neutral Fill Layer",tokens:[{name:"neutralFillLayerRest",cssProperty:"--neutral-fill-layer-rest"}]},{title:"Neutral Layer Floating",tokens:[{name:"neutralLayerFloating",cssProperty:"--neutral-layer-floating"}]}]}],Zc=p.html`
5314
5297
  <div class="row">
5315
5298
  <div
5316
5299
  class="preview"
@@ -5322,19 +5305,19 @@
5322
5305
  ${(e,t)=>g[e.name].getValueFor(t.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
5323
5306
  </div>
5324
5307
  </div>
5325
- `,ep=p.html`
5308
+ `,Qc=p.html`
5326
5309
  <div class="container" ${(0,p.ref)("provider")}>
5327
- ${(0,p.repeat)(()=>$c,p.html`
5310
+ ${(0,p.repeat)(()=>Jc,p.html`
5328
5311
  <div class="column">
5329
5312
  <h3 class="header-title">${e=>e.title}</h3>
5330
5313
  ${(0,p.repeat)(e=>e.subcategories,p.html`
5331
5314
  <h4>${e=>e.title}</h4>
5332
- ${(0,p.repeat)(e=>e.tokens,_c)}
5315
+ ${(0,p.repeat)(e=>e.tokens,Zc)}
5333
5316
  `)}
5334
5317
  </div>
5335
5318
  `)}
5336
5319
  </div>
5337
- `;let tp=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(wc.STYLES_CHANGED,e=>{const t=e.detail;jc(t,this.provider)})}};(0,i.Cg)([p.observable],tp.prototype,"provider",void 0),tp=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:ep,styles:Kc})],tp);const op=p.css`
5320
+ `;let Xc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e.detail;Oc(t,this.provider)})}};(0,i.Cg)([p.observable],Xc.prototype,"provider",void 0),Xc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Qc,styles:qc})],Xc);const Kc=p.css`
5338
5321
  table {
5339
5322
  background: var(--neutral-fill-rest);
5340
5323
  color: var(--neutral-foreground-rest);
@@ -5343,7 +5326,7 @@
5343
5326
  th {
5344
5327
  text-align: left;
5345
5328
  }
5346
- `,ap=p.html`
5329
+ `,$c=p.html`
5347
5330
  <table ${(0,p.ref)("provider")} style="font-family: ${()=>g.bodyFont.createCSS()}">
5348
5331
  <colgroup>
5349
5332
  <col style="width: 15%;" />
@@ -5571,7 +5554,7 @@
5571
5554
  </tr>
5572
5555
  </tbody>
5573
5556
  </table>
5574
- `;let rp=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(wc.STYLES_CHANGED,e=>{const t=e.detail;jc(t,this.provider)})}};(0,i.Cg)([p.observable],rp.prototype,"provider",void 0),rp=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:ap,styles:op})],rp);const ip=p.css`
5557
+ `;let _c=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{const t=e.detail;Oc(t,this.provider)})}};(0,i.Cg)([p.observable],_c.prototype,"provider",void 0),_c=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:$c,styles:Kc})],_c);const ep=p.css`
5575
5558
  :host {
5576
5559
  background: var(--fill-color);
5577
5560
  color: var(--neutral-foreground-rest);
@@ -5587,7 +5570,7 @@
5587
5570
  margin-top: 24px;
5588
5571
  padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
5589
5572
  }
5590
- `,np=p.css`
5573
+ `,tp=p.css`
5591
5574
  :host {
5592
5575
  --badge-fill-primary: var(--accent-fill-rest);
5593
5576
  --badge-fill-neutral: var(--neutral-fill-rest);
@@ -5620,7 +5603,7 @@
5620
5603
  grid-area: 1 / 2 / 3 / 3;
5621
5604
  }
5622
5605
  }
5623
- `,sp=p.html`
5606
+ `,op=p.html`
5624
5607
  ${e=>{return t=e.prefix,p.html`
5625
5608
  <template>
5626
5609
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5641,7 +5624,7 @@
5641
5624
  </${t}-design-system-provider>
5642
5625
  </template>
5643
5626
  `;var t}}
5644
- `;let lp=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=>Dc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Dc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Dc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Dc.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(wc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(wc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(kc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{jc(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],lp.prototype,"modal",void 0),(0,i.Cg)([p.attr],lp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],lp.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],lp.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],lp.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],lp.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],lp.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],lp.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],lp.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],lp.prototype,"cards",void 0),(0,i.Cg)([p.observable],lp.prototype,"countries",void 0),(0,i.Cg)([p.observable],lp.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],lp.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],lp.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],lp.prototype,"provider",void 0),lp=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:sp,styles:np})],lp);const dp={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"}]}]}}]},cp={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"]}}},pp={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"}]}}}]},up={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"]}}}},gp=p.css`
5627
+ `;let ap=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Fc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Fc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Fc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Fc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],ap.prototype,"modal",void 0),(0,i.Cg)([p.attr],ap.prototype,"prefix",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],ap.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],ap.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],ap.prototype,"cards",void 0),(0,i.Cg)([p.observable],ap.prototype,"countries",void 0),(0,i.Cg)([p.observable],ap.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],ap.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],ap.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],ap.prototype,"provider",void 0),ap=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:op,styles:tp})],ap);const rp={type:"VerticalLayout",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},ip={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},np={type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},sp={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},lp=p.css`
5645
5628
  :host {
5646
5629
  background: var(--fill-color);
5647
5630
  color: var(--neutral-foreground-rest);
@@ -5672,7 +5655,7 @@
5672
5655
  rapid-design-system-provider {
5673
5656
  display: inline;
5674
5657
  }
5675
- `,mp=p.html`
5658
+ `,dp=p.html`
5676
5659
  ${e=>{return t=e.prefix,p.html`
5677
5660
  <template>
5678
5661
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5696,7 +5679,7 @@
5696
5679
  </${t}-design-system-provider>
5697
5680
  </template>
5698
5681
  `;var t}}
5699
- `;let hp=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=cp,this.uischema=dp,this.jsonSchemaArray=up,this.uiSchemaArray=pp,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(wc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(wc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(kc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{jc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],hp.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],hp.prototype,"uischema",void 0),(0,i.Cg)([p.observable],hp.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],hp.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],hp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],hp.prototype,"provider",void 0),(0,i.Cg)([p.observable],hp.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],hp.prototype,"editedEntityArray",void 0),hp=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:mp,styles:gp})],hp);const bp=[{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"}],vp=p.css`
5682
+ `;let cp=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=ip,this.uischema=rp,this.jsonSchemaArray=sp,this.uiSchemaArray=np,this.prefix="rapid",this.editedEntity={group1:{NAME:"Test Name"},group2:{COUNTERPARTY_ID:"GENESIS",INSTRUMENT_ID:"BOND"}},this.editedEntityArray={users:[{firstname:"Max",lastname:"Mustermann",age:25,email:"max@mustermann.com"},{firstname:"John",lastname:"Doe",age:35,email:"john@doe.com"}]}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],cp.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],cp.prototype,"uischema",void 0),(0,i.Cg)([p.observable],cp.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],cp.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],cp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],cp.prototype,"provider",void 0),(0,i.Cg)([p.observable],cp.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],cp.prototype,"editedEntityArray",void 0),cp=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:dp,styles:lp})],cp);const pp=[{athlete:"Michael Phelps",age:23,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:8,silver:0,bronze:0,total:8,isActionDisabled:!0,BUY_SELL:"BUY"},{athlete:"Michael Phelps",age:19,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:6,silver:0,bronze:2,total:8,BUY_SELL:"SELL"},{athlete:"Michael Phelps",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:2,bronze:0,total:6,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:25,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:2,bronze:3,total:6,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Aleksey Nemov",age:24,country:"Russia",year:2e3,date:"01/10/2000",sport:"Gymnastics",gold:2,silver:1,bronze:3,total:6,BUY_SELL:"BUY"},{athlete:"Alicia Coutts",age:24,country:"Australia",year:2012,date:"12/08/2012",sport:"Swimming",gold:1,silver:3,bronze:1,total:5,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Missy Franklin",age:17,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:0,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Ryan Lochte",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Allison Schmitt",age:22,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:21,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Ian Thorpe",age:17,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:2,bronze:0,total:5,BUY_SELL:"BUY"},{athlete:"Dara Torres",age:33,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:3,total:5,BUY_SELL:"SELL"},{athlete:"Cindy Klassen",age:26,country:"Canada",year:2006,date:"26/02/2006",sport:"Speed Skating",gold:1,silver:2,bronze:2,total:5,BUY_SELL:"BUY"},{athlete:"Nastia Liukin",age:18,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Marit Bjørgen",age:29,country:"Norway",year:2010,date:"28/02/2010",sport:"Cross Country Skiing",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Sun Yang",age:20,country:"China",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Kirsty Coventry",age:24,country:"Zimbabwe",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Libby Lenton-Trickett",age:23,country:"Australia",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Ryan Lochte",age:24,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"BUY"},{athlete:"Inge de Bruijn",age:30,country:"Netherlands",year:2004,date:"29/08/2004",sport:"Swimming",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Petria Thomas",age:28,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Ian Thorpe",age:21,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Inge de Bruijn",age:27,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Gary Hall Jr.",age:25,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Michael Klim",age:23,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:2,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Susie O'Neill",age:27,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"SELL"},{athlete:"Jenny Thompson",age:27,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Pieter van den Hoogenband",age:22,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"An Hyeon-Su",age:20,country:"South Korea",year:2006,date:"26/02/2006",sport:"Short-Track Speed Skating",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Aliya Mustafina",age:17,country:"Russia",year:2012,date:"12/08/2012",sport:"Gymnastics",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Shawn Johnson",age:16,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"}],up=p.css`
5700
5683
  :host {
5701
5684
  background: var(--fill-color);
5702
5685
  color: var(--neutral-foreground-rest);
@@ -5711,7 +5694,7 @@
5711
5694
  .grid-height {
5712
5695
  height: 100%;
5713
5696
  }
5714
- `,fp=p.html`
5697
+ `,gp=p.html`
5715
5698
  ${e=>{return t=e.prefix,p.html`
5716
5699
  <template>
5717
5700
  <${t}-design-system-provider ${(0,p.ref)("provider")}>
@@ -5740,7 +5723,7 @@
5740
5723
  </${t}-design-system-provider>
5741
5724
  </template>
5742
5725
  `;var t}}
5743
- `;let yp=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...bp],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:Kd.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:Kd.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:Kd.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(wc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(wc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(kc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{jc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],yp.prototype,"grid",void 0),(0,i.Cg)([p.attr],yp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],yp.prototype,"provider",void 0),(0,i.Cg)([p.observable],yp.prototype,"rowData",void 0),(0,i.Cg)([p.observable],yp.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],yp.prototype,"gridOptions",void 0),yp=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:fp,styles:vp})],yp);const xp=p.html`
5726
+ `;let mp=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...pp],this.columnDefs=[{headerName:"#",colId:"rowNum",valueGetter:"node.id",width:80,pinned:"left"},{headerName:"Athlete",field:"athlete",width:150,pinned:"left"},{headerName:"Age",field:"age",width:90,pinned:"left"},{headerName:"Country",field:"country",width:150},{headerName:"Year",field:"year",width:90},{field:"BUY_SELL",headerName:"B/S",width:100,cellRenderer:qd.IX.statusPill,cellRendererParams:e=>({text:e.value,backgroundColor:"BUY"===e.value||"LONG"===e.value?"green":"red"})},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,t)=>{if(null==t)return-1;const o=t.split("/"),a=new Date(Number(o[2]),Number(o[1])-1,Number(o[0]));return e.getTime()===a.getTime()?0:a<e?-1:a>e?1:0}}},{headerName:"Sport",field:"sport",width:150,editable:!0},{headerName:"Gold",field:"gold",width:100},{headerName:"Silver",field:"silver",width:100},{headerName:"Bronze",field:"bronze",width:100},{headerName:"Total",field:"total",width:100,pinned:"right"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData},this.myCustomCheckboxRenderer=e=>2012===e.value?`<div><span style="color: var(--warning-color); font-weight: bold;">${e.value}</span></div>`:e.value,this.multipleCustomFoundationColumnConfigs=[{headerName:"Country",field:"country",cellRenderer:qd.IX.boolean},{headerName:"Year",field:"year",cellRenderer:this.myCustomCheckboxRenderer}],this.multipleActions=[{name:"View",callback:e=>console.log("VIEWW!!!",e)},{name:"Delete",callback:e=>console.log("DELETE!!!",e)},{name:"Edit",callback:e=>console.log("EDIT!!!",e)},{name:"Wait",callback:e=>console.log("WHAT???",e)}],this.multipleActionsMenuSlottedConfig=(0,kd.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:qd.IX.action,cellRendererParams:{actionClick:e=>console.log("CLICKED ON SINGLE ACTION!!!!",e),actionName:"Single Action",appearance:"accent",isDisabled:e=>!!e.isActionDisabled,dataTestId:"singleActionTestId#",uniqueFieldName:"UNIQUE_ID"}}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(bc.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(bc.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(xc)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{Oc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],mp.prototype,"grid",void 0),(0,i.Cg)([p.attr],mp.prototype,"prefix",void 0),(0,i.Cg)([p.observable],mp.prototype,"provider",void 0),(0,i.Cg)([p.observable],mp.prototype,"rowData",void 0),(0,i.Cg)([p.observable],mp.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],mp.prototype,"gridOptions",void 0),mp=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:gp,styles:up})],mp);const hp=p.html`
5744
5727
  <template>
5745
5728
  <rapid-tabs>
5746
5729
  <rapid-tab slot="tab">Components</rapid-tab>
@@ -5773,5 +5756,5 @@
5773
5756
  </rapid-tab-panel>
5774
5757
  </rapid-tabs>
5775
5758
  </template>
5776
- `;let wp=class extends p.FASTElement{};wp=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:xp,styles:ip})],wp),((e,t="zero")=>(0,se.provideDesignSystem)(e,t,r,a))().register(od,xc),(0,Sc.provideDesignSystem)().register(Sc.baseComponents,Cc.rapidGridComponents,Po)}}]);
5777
- //# sourceMappingURL=913.c48c76087a2cc698a79b9bcfa25537c2.js.map
5759
+ `;let bp=class extends p.FASTElement{};bp=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:hp,styles:ep})],bp),((e,t="zero")=>(0,se.provideDesignSystem)(e,t,r,a))().register(ed,hc),(0,vc.provideDesignSystem)().register(vc.baseComponents,fc.rapidGridComponents,Po)}}]);
5760
+ //# sourceMappingURL=11.dabc3b8771ea67f554fe02d500a02d0d.js.map