@genesislcap/design-system-configurator 15.1.0 → 15.2.1
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.
- package/dist/326.1dc71a113a6ce7811f91daf99a9d5aef.js.map +1 -0
- package/dist/{3.3.d3f5766fe248d20b87a0.js → 326.326.99fe190977d60abb46da.js} +113 -60
- package/dist/{311.311.d1f6438f68a1cc8c5429.js → 75.75.d9db9cf08f35a3eacb80.js} +245 -93
- package/dist/75.d4a17d861de627eb5d0774c713960446.js.map +1 -0
- package/dist/{704.704.a7f6b945336f277c648d.js → 837.837.2705ae062fb44bcf6f33.js} +93 -45
- package/dist/837.d5a25407b19abef7df3d6104597ae2e3.js.map +1 -0
- package/dist/designSystemConfigurator.ce930770d2ae88a5962110687ade72d8.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/main.9c03f7510abe339cd5de.js +2 -0
- package/dist/main.e277e465a4aabb4a4308467dbb84bde8.js.map +1 -0
- package/dist/remoteEntry.js +2 -2
- package/package.json +13 -13
- package/dist/3.7cd24288c66edf3ff12b97b5acb822c8.js.map +0 -1
- package/dist/311.5f9538d8ab72d405d162f13fb3779431.js.map +0 -1
- package/dist/704.72a3ec6750a5d3c73d14c7ce07271871.js.map +0 -1
- package/dist/designSystemConfigurator.27d58ee5e7172a3834ca6e84e9dbb407.js.map +0 -1
- package/dist/main.069bdfc696d5d14f149961d72568ce9f.js.map +0 -1
- package/dist/main.4cbb147da75ef583f8ac.js +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[3],{31274(e,t,o){o.d(t,{u:()=>r});var a=o(60416);const r=(e,t,o)=>{(0,a.u_)(e);const r=t.split("-")[0],i=document.createElement(`${r}-dialog`),n=o?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(o):(0,a.jE)("dialog-container",t);n.appendChild(i),i.notification=e,i.show()}},60416(e,t,o){o.d(t,{cL:()=>u,jE:()=>p,uP:()=>d,u_:()=>c});var a=o(66506),r=o(52945),i=o(68424);const n=(0,a.createLogger)("foundation-notifications");let s=null;const l=new Map,d=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.body)&&void 0!==o?o:"Something went wrong"}`},c=e=>{var t,o;n.log({message:d(e),level:(t=e,(null==t?void 0:t.logLevel)||(null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.logLevel)||a.LogLevels.debug)})},p=(e,t)=>{let o=document.querySelector(`#${e}`);if(!o)if(l.has(e))o=l.get(e);else{const t=(0,r.fI)(document).find(t=>t.id===e);t&&(o=t,l.set(e,t))}if(!o){o=document.createElement("div"),o.setAttribute("id",e),o.style.zIndex="9999";const{element:t,prefix:a}=(0,i.DW)(document.body,"rapid");if(t)t.appendChild(o),s=t;else if(s)s.appendChild(o);else{const e=document.createElement(`${a}-design-system-provider`);e.appendChild(o),document.body.appendChild(e),s=e}}return o},u=e=>{for(var t,o;e&&!(e instanceof ShadowRoot);){const a=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(a)return a.style.position="relative",a;e=null===(o=null==e?void 0:e.getRootNode())||void 0===o?void 0:o.host}return g()},g=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e}},70997(e,t,o){function a(e,t,o){const a=e=>"function"==typeof e?e:()=>e,r=a(t),i=a(o);return(t,o)=>e(t,o)?r(t,o):i(t,o)}o.d(t,{q:()=>a})},80273(e,t,o){o.d(t,{Du:()=>l,IT:()=>n,WP:()=>r,f4:()=>s,zz:()=>i});var a=o(52945);const r=(e,t)=>{(0,a.O5)(e,t)};var i,n;!function(e){e.Italic="italic",e.Normal="normal"}(i||(i={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(n||(n={}));const s=(e,t=i.Normal,o=n.Regular)=>`\n font-family: ${e};\n font-style: ${t};\n font-weight: ${o};\n`,l={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},27003(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>yc,ColorToken:()=>Sc,ColorTokens:()=>Mc,DesignSystemEditor:()=>nc,DesignSystemExport:()=>bc,DesignSystemPreview:()=>Jc,EventName:()=>Jd,PreviewApp:()=>Tc,PreviewComponents:()=>gc,PreviewForm:()=>Gc,PreviewGrid:()=>Wc,TypographyTokens:()=>Fc,defaultBodyFont:()=>Kd,fontFamilies:()=>Xd});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>Wo,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>Yo,defaultErrorColor:()=>Do,defaultInfoColor:()=>Xo,defaultSellColor:()=>Jo,defaultSeriousNotifyColor:()=>_o,defaultSuccessColor:()=>jo,defaultWarningColor:()=>Go,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Po,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>Ko,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>Zo,seriousNotifyColor:()=>ea,strokeWidth:()=>g.strokeWidth,successColor:()=>Bo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>Uo});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ta,baseHeightMultiplierValue:()=>na,baseLayerLuminanceValue:()=>aa,bodyFontValue:()=>ha,controlCornerRadiusValue:()=>sa,densityValue:()=>la,designTokens:()=>fa,designUnitValue:()=>da,directionValue:()=>ra,neutralPaletteValue:()=>oa,strokeWidthValue:()=>ia,typeRampBaseFontSizeValue:()=>ba,typeRampBaseLineHeightValue:()=>va});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
|
|
1
|
+
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[326],{31274(e,t,o){o.d(t,{u:()=>r});var a=o(60416);const r=(e,t,o)=>{(0,a.u_)(e);const r=t.split("-")[0],i=document.createElement(`${r}-dialog`),n=o?(e=>{let t=e.querySelector("#dialog-container");return t||(t=document.createElement("div"),t.setAttribute("id","dialog-container"),t.style.position="relative",e.appendChild(t)),t})(o):(0,a.jE)("dialog-container",t);n.appendChild(i),i.notification=e,i.show()}},60416(e,t,o){o.d(t,{cL:()=>u,jE:()=>p,uP:()=>d,u_:()=>c});var a=o(66506),r=o(52945),i=o(68424);const n=(0,a.createLogger)("foundation-notifications");let s=null;const l=new Map,d=e=>{var t,o;return`${null!==(t=null==e?void 0:e.title)&&void 0!==t?t:"Error"}: ${null!==(o=null==e?void 0:e.body)&&void 0!==o?o:"Something went wrong"}`},c=e=>{var t,o;n.log({message:d(e),level:(t=e,(null==t?void 0:t.logLevel)||(null===(o=null==t?void 0:t.config)||void 0===o?void 0:o.logLevel)||a.LogLevels.debug)})},p=(e,t)=>{let o=document.querySelector(`#${e}`);if(!o)if(l.has(e))o=l.get(e);else{const t=(0,r.fI)(document).find(t=>t.id===e);t&&(o=t,l.set(e,t))}if(!o){o=document.createElement("div"),o.setAttribute("id",e),o.style.zIndex="9999";const{element:t,prefix:a}=(0,i.DW)(document.body,"rapid");if(t)t.appendChild(o),s=t;else if(s)s.appendChild(o);else{const e=document.createElement(`${a}-design-system-provider`);e.appendChild(o),document.body.appendChild(e),s=e}}return o},u=e=>{for(var t,o;e&&!(e instanceof ShadowRoot);){const a=null===(t=null==e?void 0:e.getRootNode())||void 0===t?void 0:t.getElementById("banner-anchor");if(a)return a.style.position="relative",a;e=null===(o=null==e?void 0:e.getRootNode())||void 0===o?void 0:o.host}return g()},g=()=>{const e=document.createElement("div");return e.setAttribute("id","banner-anchor"),e.style.position="relative",document.body.insertBefore(e,document.body.firstChild),e}},70997(e,t,o){function a(e,t,o){const a=e=>"function"==typeof e?e:()=>e,r=a(t),i=a(o);return(t,o)=>e(t,o)?r(t,o):i(t,o)}o.d(t,{q:()=>a})},80273(e,t,o){o.d(t,{Du:()=>l,IT:()=>n,WP:()=>r,f4:()=>s,zz:()=>i});var a=o(52945);const r=(e,t)=>{(0,a.O5)(e,t)};var i,n;!function(e){e.Italic="italic",e.Normal="normal"}(i||(i={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(n||(n={}));const s=(e,t=i.Normal,o=n.Regular)=>`\n font-family: ${e};\n font-style: ${t};\n font-weight: ${o};\n`,l={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},5326(e,t,o){o.r(t),o.d(t,{ColorPalette:()=>kc,ColorToken:()=>Ic,ColorTokens:()=>Oc,DesignSystemEditor:()=>uc,DesignSystemExport:()=>Sc,DesignSystemPreview:()=>_c,EventName:()=>_d,PreviewApp:()=>Hc,PreviewComponents:()=>yc,PreviewForm:()=>Jc,PreviewGrid:()=>Kc,TypographyTokens:()=>Pc,defaultBodyFont:()=>ac,fontFamilies:()=>oc});var a={};o.r(a),o.d(a,{accentFillActive:()=>g.accentFillActive,accentFillActiveDelta:()=>g.accentFillActiveDelta,accentFillFocus:()=>g.accentFillFocus,accentFillFocusDelta:()=>g.accentFillFocusDelta,accentFillHover:()=>g.accentFillHover,accentFillHoverDelta:()=>g.accentFillHoverDelta,accentFillRest:()=>g.accentFillRest,accentFillRestDelta:()=>g.accentFillRestDelta,accentForegroundActive:()=>g.accentForegroundActive,accentForegroundActiveDelta:()=>g.accentForegroundActiveDelta,accentForegroundFocus:()=>g.accentForegroundFocus,accentForegroundFocusDelta:()=>g.accentForegroundFocusDelta,accentForegroundHover:()=>g.accentForegroundHover,accentForegroundHoverDelta:()=>g.accentForegroundHoverDelta,accentForegroundRest:()=>g.accentForegroundRest,accentForegroundRestDelta:()=>g.accentForegroundRestDelta,accentPalette:()=>g.accentPalette,baseHeightMultiplier:()=>g.baseHeightMultiplier,baseLayerLuminance:()=>g.baseLayerLuminance,bodyFont:()=>g.bodyFont,buyColor:()=>Wo,controlCornerRadius:()=>g.controlCornerRadius,defaultBuyColor:()=>Yo,defaultErrorColor:()=>Do,defaultInfoColor:()=>Xo,defaultSellColor:()=>Jo,defaultSeriousNotifyColor:()=>_o,defaultSuccessColor:()=>jo,defaultWarningColor:()=>Go,density:()=>g.density,designUnit:()=>g.designUnit,direction:()=>g.direction,disabledOpacity:()=>g.disabledOpacity,errorColor:()=>Po,fillColor:()=>g.fillColor,focusStrokeInner:()=>g.focusStrokeInner,focusStrokeOuter:()=>g.focusStrokeOuter,focusStrokeWidth:()=>g.focusStrokeWidth,foregroundOnAccentActive:()=>g.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>g.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>g.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>g.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>g.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>g.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>g.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>g.foregroundOnAccentRestLarge,infoColor:()=>Ko,neutralFillActive:()=>g.neutralFillActive,neutralFillActiveDelta:()=>g.neutralFillActiveDelta,neutralFillFocus:()=>g.neutralFillFocus,neutralFillFocusDelta:()=>g.neutralFillFocusDelta,neutralFillHover:()=>g.neutralFillHover,neutralFillHoverDelta:()=>g.neutralFillHoverDelta,neutralFillInputActive:()=>g.neutralFillInputActive,neutralFillInputActiveDelta:()=>g.neutralFillInputActiveDelta,neutralFillInputFocus:()=>g.neutralFillInputFocus,neutralFillInputFocusDelta:()=>g.neutralFillInputFocusDelta,neutralFillInputHover:()=>g.neutralFillInputHover,neutralFillInputHoverDelta:()=>g.neutralFillInputHoverDelta,neutralFillInputRest:()=>g.neutralFillInputRest,neutralFillInputRestDelta:()=>g.neutralFillInputRestDelta,neutralFillLayerRest:()=>g.neutralFillLayerRest,neutralFillLayerRestDelta:()=>g.neutralFillLayerRestDelta,neutralFillRest:()=>g.neutralFillRest,neutralFillRestDelta:()=>g.neutralFillRestDelta,neutralFillStealthActive:()=>g.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>g.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>g.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>g.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>g.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>g.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>g.neutralFillStealthRest,neutralFillStealthRestDelta:()=>g.neutralFillStealthRestDelta,neutralFillStrongActive:()=>g.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>g.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>g.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>g.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>g.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>g.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>g.neutralFillStrongRest,neutralFillStrongRestDelta:()=>g.neutralFillStrongRestDelta,neutralForegroundHint:()=>g.neutralForegroundHint,neutralForegroundRest:()=>g.neutralForegroundRest,neutralLayer1:()=>g.neutralLayer1,neutralLayer2:()=>g.neutralLayer2,neutralLayer3:()=>g.neutralLayer3,neutralLayer4:()=>g.neutralLayer4,neutralLayerCardContainer:()=>g.neutralLayerCardContainer,neutralLayerFloating:()=>g.neutralLayerFloating,neutralPalette:()=>g.neutralPalette,neutralStrokeActive:()=>g.neutralStrokeActive,neutralStrokeActiveDelta:()=>g.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>g.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>g.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>g.neutralStrokeFocus,neutralStrokeFocusDelta:()=>g.neutralStrokeFocusDelta,neutralStrokeHover:()=>g.neutralStrokeHover,neutralStrokeHoverDelta:()=>g.neutralStrokeHoverDelta,neutralStrokeRest:()=>g.neutralStrokeRest,neutralStrokeRestDelta:()=>g.neutralStrokeRestDelta,sellColor:()=>Zo,seriousNotifyColor:()=>ea,strokeWidth:()=>g.strokeWidth,successColor:()=>Bo,typeRampBaseFontSize:()=>g.typeRampBaseFontSize,typeRampBaseLineHeight:()=>g.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>g.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>g.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>g.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>g.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>g.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>g.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>g.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>g.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>g.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>g.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>g.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>g.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>g.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>g.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>g.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>g.typeRampPlus6LineHeight,warningColor:()=>Uo});var r={};o.r(r),o.d(r,{accentPaletteValue:()=>ta,baseHeightMultiplierValue:()=>na,baseLayerLuminanceValue:()=>aa,bodyFontValue:()=>ha,controlCornerRadiusValue:()=>sa,densityValue:()=>la,designTokens:()=>fa,designUnitValue:()=>da,directionValue:()=>ra,neutralPaletteValue:()=>oa,strokeWidthValue:()=>ia,typeRampBaseFontSizeValue:()=>ba,typeRampBaseLineHeightValue:()=>va});var i=o(55823),n=o(57963),s=o(21409),l=o(83453),d=o.n(l),c=o(60496),p=o(33681),u=o(38370),g=o(54634),m=o(85090),h=o(31679),b=o(66506);const v=(0,b.createLogger)("foundation-form"),f=(e,t,o,a)=>{var r,i,n;if(!e||!o)return"";const s=e.filter(e=>e&&"anyOf"===e.keyword);if(0===s.length)return"";const l=null===(r=null==t?void 0:t.errorMessage)||void 0===r?void 0:r.anyOf,d=a||l,c="/"+o.replace(/\./g,"/"),p=s.find(e=>{const t=e.instancePath||"",o=e.schema;if(t===c)return!0;if(Array.isArray(o)){return o.flatMap(e=>t+"/"+Object.keys(e).flatMap(t=>e[t])).includes(c)}return!1});if(p){const e=p.schema||(null===(i=p.parentSchema)||void 0===i?void 0:i.anyOf);if(Array.isArray(e)){const t=new Set;e.forEach(e=>{(e&&Array.isArray(e.required)?e.required:[]).forEach(e=>t.add(e))});const a=o.split(".").pop();if(!a||!t.has(a))return"";const r=(null===(n=p.parentSchema)||void 0===n?void 0:n.properties)||{},i=Array.from(t).map(e=>((e,t)=>{const o=t[e]||{},a=["required"];return"number"==typeof o.minLength&&a.push("minLength"),"number"==typeof o.maxLength&&a.push("maxLength"),"number"==typeof o.minimum&&a.push("minimum"),"number"==typeof o.maximum&&a.push("maximum"),"number"!=typeof o.exclusiveMinimum&&!0!==o.exclusiveMinimum||a.push("exclusiveMinimum"),"number"!=typeof o.exclusiveMaximum&&!0!==o.exclusiveMaximum||a.push("exclusiveMaximum"),"string"==typeof o.pattern&&a.push("pattern"),o.type&&a.push(`type:${o.type}`),`${e}${a.length>1?` (${a.join(", ")})`:""}`})(e,r));if(1===i.length)return d||`Field ${i[0]} is required.`;const s=2===i.length?`${i[0]} or ${i[1]}`:`${i.slice(0,-1).join(", ")}, or ${i[i.length-1]}`;return d||`One of ${s} must be provided.`}return d||p.message||""}return""},y=(x="foundation-form",p.css`
|
|
2
2
|
${x} .foundation-control-wrapper-root {
|
|
3
3
|
margin-bottom: var(--wrapper-root-margin-bottom, calc(var(--design-unit) * 4px));
|
|
4
4
|
}
|
|
@@ -3556,7 +3556,7 @@
|
|
|
3556
3556
|
${(0,me.foundationTreeViewStyles)(e,t)}
|
|
3557
3557
|
`,shadowOptions:me.foundationTreeViewShadowOptions},me.defaultTreeViewConfig)),Dl=p.html`
|
|
3558
3558
|
${(0,me.getPrefixedUrlInput)("zero")}
|
|
3559
|
-
`;class Pl extends me.UrlInput{}const Nl=
|
|
3559
|
+
`;class Pl extends me.UrlInput{}const Nl=Pl.compose(Object.assign({baseName:"url-input",template:Dl,styles:(e,t)=>p.css`
|
|
3560
3560
|
${(0,me.foundationUrlInputStyles)(e,t)}
|
|
3561
3561
|
a {
|
|
3562
3562
|
color: ${Io.blue};
|
|
@@ -3566,8 +3566,61 @@
|
|
|
3566
3566
|
a:hover {
|
|
3567
3567
|
opacity: 100%;
|
|
3568
3568
|
}
|
|
3569
|
-
`,shadowOptions:me.foundationUrlInputShadowOptions},me.defaultUrlInputConfig)),
|
|
3570
|
-
|
|
3569
|
+
`,shadowOptions:me.foundationUrlInputShadowOptions},me.defaultUrlInputConfig)),jl=p.css`
|
|
3570
|
+
${me.foundationVerificationCodeInputStyles}
|
|
3571
|
+
|
|
3572
|
+
:host {
|
|
3573
|
+
--primary-gradient-angle: -113.5deg;
|
|
3574
|
+
}
|
|
3575
|
+
|
|
3576
|
+
.digit .control {
|
|
3577
|
+
height: 100%;
|
|
3578
|
+
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
3579
|
+
}
|
|
3580
|
+
|
|
3581
|
+
.digit .root {
|
|
3582
|
+
border: calc(var(--stroke-width) * 1px) solid ${Qr};
|
|
3583
|
+
background-color: ${Vr};
|
|
3584
|
+
}
|
|
3585
|
+
|
|
3586
|
+
.digit:hover:not(.disabled) .root {
|
|
3587
|
+
border-color: ${Gr};
|
|
3588
|
+
background: none;
|
|
3589
|
+
}
|
|
3590
|
+
|
|
3591
|
+
.digit:focus-within:not(.disabled) .root {
|
|
3592
|
+
background:
|
|
3593
|
+
linear-gradient(
|
|
3594
|
+
var(--primary-gradient-angle),
|
|
3595
|
+
${Io.blue} 0%,
|
|
3596
|
+
${Io.purple} 100%
|
|
3597
|
+
)
|
|
3598
|
+
top/100% 1px,
|
|
3599
|
+
linear-gradient(
|
|
3600
|
+
var(--primary-gradient-angle),
|
|
3601
|
+
${Io.blue} 0%,
|
|
3602
|
+
${Io.purple} 100%
|
|
3603
|
+
)
|
|
3604
|
+
bottom/100% 1px;
|
|
3605
|
+
background-color: ${Jr};
|
|
3606
|
+
background-origin: border-box;
|
|
3607
|
+
background-repeat: no-repeat;
|
|
3608
|
+
border: 1px solid transparent;
|
|
3609
|
+
border-right-color: ${Io.blue};
|
|
3610
|
+
border-left-color: ${Io.purple};
|
|
3611
|
+
box-shadow: none;
|
|
3612
|
+
}
|
|
3613
|
+
|
|
3614
|
+
.label {
|
|
3615
|
+
color: ${Wr};
|
|
3616
|
+
margin: calc(var(--design-unit) * 2px) 0;
|
|
3617
|
+
}
|
|
3618
|
+
|
|
3619
|
+
.label-hidden {
|
|
3620
|
+
margin: 0;
|
|
3621
|
+
}
|
|
3622
|
+
`,Bl=me.foundationVerificationCodeInputTemplate;class Hl extends me.VerificationCodeInput{}const Gl=me.defaultVerificationCodeInputConfig,Ul=me.foundationVerificationCodeInputShadowOptions,Vl={zeroAccordion:xa,zeroAccordionItem:Sa,zeroAiCriteriaSearch:Ma,zeroAiIndicator:La,zeroActionsMenu:Aa,zeroAnchor:pr,zeroAnchoredRegion:gr,zeroAvatar:hr,zeroBadge:vr,zeroBanner:wr,zeroBreadcrumb:Cr,zeroBreadcrumbItem:kr,zeroButton:Mr,zeroCalendar:Lr,zeroCard:zr,zeroCategorizedMultiselect:Nr,zeroCheckbox:Br,zeroCombobox:$r,zeroConnectionIndicator:ei,zeroDataGrid:ri,zeroDatePicker:si,zeroDesignSystemProvider:ui,zeroDialog:xi,zeroDisclosure:Si,zeroDivider:Ai,zeroDropdownMenu:Ri,zeroEnvironmentIndicator:Li,zeroErrorBanner:Oi,zeroErrorBoundary:Di,zeroErrorDialog:Ni,zeroFileReader:Bi,zeroFileUpload:Wi,zeroFilter:Zi,zeroFilterBar:Ki,zeroFlexLayout:_i,zeroFlipper:tn,zeroFlyout:ln,zeroGridLayout:cn,zeroGridLayoutItem:un,zeroHorizontalScroll:hn,zeroIcon:xn,zeroListbox:Sn,zeroListboxOption:An,zeroMenu:Mn,zeroMenuItem:Fn,zeroModal:Pn,zeroMultiselect:Un,zeroNotificationListener:Yn,zeroNumberField:Xn,zeroOptgroup:$n,zeroPill:rs,zeroProgress:ns,zeroProgressRing:ds,zeroRadio:ps,zeroRadioGroup:gs,zeroSchedulerCronBuilder:ws,zeroSearchBar:Ls,zeroSearchBarCombobox:zs,zeroSegmentedControl:Ds,zeroSegmentedItem:Ns,zeroSelect:Bs,zeroScheduler:vs,zeroSchedulerTimezone:ks,zeroSkeleton:Gs,zeroSlider:Vs,zeroSliderLabel:Ws,zeroSnackbar:Xs,zeroStackingIcons:$s,zeroStatusPill:el,zeroStepper:rl,zeroStepperTab:sl,zeroStepperTabPanel:dl,zeroSwitch:pl,zeroSystemHealthOverlay:es,zeroTab:gl,zeroTabPanel:hl,zeroTabs:vl,zeroTextArea:yl,zeroTextField:wl,zeroToast:Rl,zeroToolbar:Il,zeroTooltip:Fl,zeroTreeItem:El,zeroTreeView:Tl,zeroUrlInput:Nl,zeroVerificationCodeInput:Hl.compose(Object.assign({baseName:"verification-code-input",template:Bl,styles:jl,shadowOptions:Ul},Gl)),zeroSectionNavigator:Os,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var Yl=o(49255);class Wl extends Yl.S8{}const ql=Wl.compose({baseName:"date-editor",styles:Yl.kI,template:(0,Yl.m6)("zero")});var Jl=o(56182);class Zl extends Jl.pZ{}const Ql=Zl.compose({baseName:"multiselect-editor",styles:Jl.$b,template:(0,Jl.tB)("zero")});var Xl=o(48075);class Kl extends Xl._Q{}const $l=Kl.compose({baseName:"select-editor",styles:Xl.Uo,template:(0,Xl.iY)("zero")});var _l=o(48072);class ed extends _l.Z0{}const td=ed.compose({baseName:"number-editor",styles:_l.Fv,template:(0,_l.r1)("zero")});var od=o(43352);class ad extends od.XJ{}const rd=ad.compose({baseName:"string-editor",styles:od.P_,template:(0,od.bZ)("zero")});var id=o(2048);class nd extends id.Jt{}const sd=nd.compose({baseName:"icon-renderer",styles:id.X5,template:(0,id.V$)("zero")});var ld=o(46255);class dd extends ld.YM{}const cd=dd.compose({baseName:"editable-renderer",styles:ld.Mx,template:(0,ld.iP)("zero")});var pd=o(67489);class ud extends pd.eA{}const gd=ud.compose({baseName:"grid-pro-action-renderer",styles:p.css`
|
|
3623
|
+
${pd.AC}
|
|
3571
3624
|
`,template:p.html`
|
|
3572
3625
|
<div class="action-container" part="action-container">
|
|
3573
3626
|
<zero-button
|
|
@@ -3585,12 +3638,12 @@
|
|
|
3585
3638
|
`:null===(o=e.params)||void 0===o?void 0:o.actionName}}
|
|
3586
3639
|
</zero-button>
|
|
3587
3640
|
</div>
|
|
3588
|
-
`});var
|
|
3641
|
+
`});var md=o(39604);class hd extends md.cN{}const bd=hd.compose({baseName:"grid-pro-actions-menu-renderer",template:p.html`
|
|
3589
3642
|
<zero-actions-menu
|
|
3590
3643
|
name="${e=>{var t;return null===(t=e.params)||void 0===t?void 0:t.headerName}}"
|
|
3591
3644
|
:definition=${e=>e.params}
|
|
3592
3645
|
></zero-actions-menu>
|
|
3593
|
-
`});var
|
|
3646
|
+
`});var vd=o(60905);class fd extends vd._Y{}const yd=fd.compose({baseName:"boolean-renderer",styles:vd.CL,template:(0,vd.A9)("zero")});var xd=o(96598);class wd extends xd.t{}const Sd=wd.compose({baseName:"grid-text-renderer",styles:xd.JN,template:(0,xd.d6)("zero")});var Cd=o(80879);class Ad extends Cd.gs{}const kd=Ad.compose({baseName:"select-renderer",styles:Cd.Ad,template:(0,Cd.qj)("zero")});var Rd=o(19511);class Md extends Rd.N7{}const Id=Md.compose({baseName:"status-pill-renderer",template:(0,Rd.T2)("zero"),styles:Rd.x2});var Ld=o(51266),Fd=o(55365),zd=o(98884);const Ed={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#879ba6")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#1f2126")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2e3339")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2b2e34"))},Od={foregroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#000000")),headerForegroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#181d1f")),backgroundSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#FFFFFF")),borderSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#babfc7")),rowHoverSwatch:g.SwatchRGB.from((0,Eo.parseColorHexRGB)("#2196f3"))},{create:Td}=u.DesignToken,Dd={backgroundColor:Td("rapid-ag-background-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.backgroundSwatch:Ed.backgroundSwatch),borderColor:Td("rapid-ag-border-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.borderSwatch:Ed.borderSwatch),foregroundColor:Td("rapid-ag-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.foregroundSwatch:Ed.foregroundSwatch),headerForegroundColor:Td("rapid-ag-header-foreground-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.headerForegroundSwatch:Ed.headerForegroundSwatch),rowHoverColor:Td("rapid-ag-row-hover-color").withDefault(e=>g.baseLayerLuminance.getValueFor(e)===g.StandardLuminance.LightMode?Od.rowHoverSwatch:Ed.rowHoverSwatch)},Pd=()=>{const e=(0,me.designTokensMap)();if(!e.value)return null;const{style:t,space:o}=e.value.design_tokens;return(t.baseHeightMultiplier.$value+t.density.$value)*o.designUnit.$value-8},Nd=p.css`
|
|
3594
3647
|
.ag-theme-genesis-rapid,
|
|
3595
3648
|
.ag-theme-genesis-rapid-dark,
|
|
3596
3649
|
.ag-theme-genesis-rapid-light {
|
|
@@ -4146,79 +4199,79 @@
|
|
|
4146
4199
|
.ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
|
|
4147
4200
|
background-color: var(--ag-alpine-active-color);
|
|
4148
4201
|
}
|
|
4149
|
-
`,
|
|
4150
|
-
${
|
|
4151
|
-
${(0,
|
|
4202
|
+
`,jd={[Fd.W3.backgroundColor]:Dd.backgroundColor,[Fd.W3.foregroundColor]:Dd.foregroundColor,[Fd.W3.oddRowBackgroundColor]:Dd.backgroundColor,[Fd.W3.headerBackgroundColor]:Dd.backgroundColor,[Fd.W3.headerForegroundColor]:Dd.headerForegroundColor,[Fd.W3.selectedRowBackgroundColor]:Dd.rowHoverColor,[Fd.W3.rowHoverColor]:Dd.rowHoverColor,[Fd.W3.borderColor]:Dd.borderColor,[Fd.W3.rowBorderColor]:Dd.rowHoverColor,[Fd.W3.modalOverlayBackgroundColor]:Dd.backgroundColor,[Fd.W3.inputFocusBoxShadow]:Dd.headerForegroundColor,[Fd.W3.inputFocusBorderColor]:Dd.headerForegroundColor,[Fd.W3.headerColumnResizeHandleColor]:Dd.headerForegroundColor},Bd="ag-theme-genesis-zero",Hd=p.css`
|
|
4203
|
+
${Nd}
|
|
4204
|
+
${(0,Fd.Kb)(Bd,jd)}
|
|
4152
4205
|
|
|
4153
|
-
.${
|
|
4206
|
+
.${Bd} {
|
|
4154
4207
|
${ma()}
|
|
4155
4208
|
}
|
|
4156
4209
|
|
|
4157
|
-
.${
|
|
4210
|
+
.${Bd} .ag-header {
|
|
4158
4211
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
4159
4212
|
font-weight: bold;
|
|
4160
4213
|
}
|
|
4161
4214
|
|
|
4162
|
-
.${
|
|
4215
|
+
.${Bd} .ag-root-wrapper {
|
|
4163
4216
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
4164
4217
|
}
|
|
4165
|
-
`,
|
|
4166
|
-
${
|
|
4167
|
-
${(0,
|
|
4218
|
+
`,Gd="ag-theme-genesis-rapid-dark",Ud=p.css`
|
|
4219
|
+
${Nd}
|
|
4220
|
+
${(0,Fd.Kb)(Gd,jd)}
|
|
4168
4221
|
|
|
4169
|
-
.${
|
|
4222
|
+
.${Gd} {
|
|
4170
4223
|
${ma()}
|
|
4171
4224
|
}
|
|
4172
4225
|
|
|
4173
|
-
.${
|
|
4226
|
+
.${Gd} .ag-header {
|
|
4174
4227
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
4175
4228
|
font-weight: bold;
|
|
4176
4229
|
}
|
|
4177
4230
|
|
|
4178
|
-
.${
|
|
4231
|
+
.${Gd} .ag-cell {
|
|
4179
4232
|
line-height: var(--ag-line-height, 32px);
|
|
4180
4233
|
}
|
|
4181
4234
|
|
|
4182
|
-
.${
|
|
4235
|
+
.${Gd} .ag-root-wrapper {
|
|
4183
4236
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
4184
4237
|
}
|
|
4185
4238
|
|
|
4186
|
-
.${
|
|
4239
|
+
.${Gd} {
|
|
4187
4240
|
color-scheme: dark;
|
|
4188
4241
|
}
|
|
4189
|
-
`,
|
|
4190
|
-
${
|
|
4191
|
-
${(0,
|
|
4242
|
+
`,Vd="ag-theme-genesis-rapid-light",Yd=p.css`
|
|
4243
|
+
${Nd}
|
|
4244
|
+
${(0,Fd.Kb)(Vd,jd)}
|
|
4192
4245
|
|
|
4193
|
-
.${
|
|
4246
|
+
.${Vd} {
|
|
4194
4247
|
${ma()}
|
|
4195
4248
|
}
|
|
4196
4249
|
|
|
4197
|
-
.${
|
|
4250
|
+
.${Vd} .ag-header {
|
|
4198
4251
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
4199
4252
|
font-weight: bold;
|
|
4200
4253
|
}
|
|
4201
4254
|
|
|
4202
|
-
.${
|
|
4255
|
+
.${Vd} .ag-cell {
|
|
4203
4256
|
line-height: var(--ag-line-height, 32px);
|
|
4204
4257
|
}
|
|
4205
4258
|
|
|
4206
|
-
.${
|
|
4259
|
+
.${Vd} .ag-root-wrapper {
|
|
4207
4260
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
4208
4261
|
}
|
|
4209
4262
|
|
|
4210
|
-
.${
|
|
4263
|
+
.${Vd} {
|
|
4211
4264
|
color-scheme: light;
|
|
4212
4265
|
}
|
|
4213
|
-
`,
|
|
4266
|
+
`,Wd=p.css`
|
|
4214
4267
|
/* All the AG themes */
|
|
4215
|
-
${
|
|
4268
|
+
${zd.X}
|
|
4216
4269
|
|
|
4217
4270
|
/* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
|
|
4218
|
-
${
|
|
4219
|
-
${
|
|
4220
|
-
${
|
|
4221
|
-
`;const
|
|
4271
|
+
${Hd}
|
|
4272
|
+
${Ud}
|
|
4273
|
+
${Yd}
|
|
4274
|
+
`;const qd=(0,o(82128).U)("zero"),Jd="ag-theme-genesis-rapid-dark",Zd="ag-theme-genesis-rapid-light";class Qd extends Ld.cF{constructor(){super(...arguments),this.luminanceObserver={handleChange:e=>this.handleLuminanceChange(e)},this.handleLuminanceChange=e=>{const t=g.baseLayerLuminance.getValueFor(e.target);this.theme=t===g.StandardLuminance.DarkMode?Jd:Zd},this.theme="light"===localStorage.getItem("luminance")?Zd:Jd}connectedCallback(){var e;super.connectedCallback();const t=null!==(e=this.provider)&&void 0!==e?e:this;this.luminanceSubscription=g.baseLayerLuminance.subscribe(this.luminanceObserver,t)}disconnectedCallback(){var e;const t=null!==(e=this.provider)&&void 0!==e?e:this;g.baseLayerLuminance.unsubscribe(this.luminanceObserver,t),this.luminanceSubscription&&(this.luminanceSubscription.unsubscribe(),this.luminanceSubscription=void 0),super.disconnectedCallback()}themeChanged(e,t){(e||t===Jd)&&super.themeChanged(e,t)}set gridOptions(e){var t,o,a,r;const i=Object.assign({},e);i.components=Object.assign({[Fd.IX.action]:ud,[Fd.IX.actionsMenu]:hd,[Fd.IX.boolean]:fd,[Fd.IX.editable]:dd,[Fd.IX.icon]:nd,[Fd.IX.statusPill]:Md,[Fd.IX.select]:Ad,[Fd.IX.selectEditor]:Kl,[Fd.IX.numberEditor]:ed,[Fd.IX.multiselectEditor]:Zl,[Fd.IX.dateEditor]:Wl,[Fd.IX.stringEditor]:ad},e.components);(this.theme===Bd||this.theme===Gd||this.theme===Vd)&&(this.headerHeight=null!==(o=null!==(t=i.headerHeight)&&void 0!==t?t:Pd())&&void 0!==o?o:32,this.rowHeight=null!==(r=null!==(a=i.rowHeight)&&void 0!==a?a:Pd())&&void 0!==r?r:32),super.gridOptions=i}}(0,i.Cg)([p.observable],Qd.prototype,"provider",void 0);const Xd=Ld.LU,Kd=Ld.Z$,$d={zeroIconRenderer:sd,zeroAgEditableRenderer:cd,zeroAgActionRenderer:gd,zeroAgActionsMenuRenderer:bd,zeroAgBooleanRenderer:yd,zeroAgTextRenderer:Sd,zeroAgSelectRenderer:kd,zeroStatusPillRenderer:Id,zeroAgDateEditor:ql,zeroAgMultiselectEditor:Ql,zeroAgSelectEditor:$l,zeroAgNumberEditor:td,zeroAgStringEditor:rd,zeroGridPro:Qd.compose(Object.assign({baseName:"grid-pro",template:qd,styles:Wd,shadowOptions:Xd},Kd)),register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};var _d,ec=o(93188),tc=o(4852);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(_d||(_d={}));const oc={Roboto:ga,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},ac=oc["Segoe UI"],rc=p.css`
|
|
4222
4275
|
${(0,u.display)("block")} :host {
|
|
4223
4276
|
width: 100%;
|
|
4224
4277
|
display: inline-flex;
|
|
@@ -4350,7 +4403,7 @@
|
|
|
4350
4403
|
rapid-button {
|
|
4351
4404
|
margin: 0;
|
|
4352
4405
|
}
|
|
4353
|
-
`,
|
|
4406
|
+
`,ic=p.html`
|
|
4354
4407
|
<template>
|
|
4355
4408
|
<div class="configuration">
|
|
4356
4409
|
${(0,p.when)(e=>!e.customDesignMode,p.html`
|
|
@@ -4573,7 +4626,7 @@
|
|
|
4573
4626
|
<slot></slot>
|
|
4574
4627
|
</div>
|
|
4575
4628
|
</template>
|
|
4576
|
-
`,
|
|
4629
|
+
`,nc=({design_tokens:e})=>({accentColor:e.color.accent.$value,neutralColor:e.color.neutral.$value,luminance:e.mode.luminance.$value,density:e.style.density.$value,designUnit:e.space.designUnit.$value,borderRadius:e.style.borderRadius.$value,strokeWidth:e.style.strokeWidth.$value,baseHeightMultiplier:e.style.baseHeightMultiplier.$value,bodyFont:Object.keys(oc).find(t=>oc[t]===e.fontFamily.bodyFont.$value),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),sc=nc(fa),lc={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},dc={accent:"primary",neutral:"secondary",font:"white"},cc=nc(ec.designTokens),pc={zero:{prefix:"zero",tokenDefaults:sc,buttons:lc,badge:dc},rapid:{prefix:"rapid",tokenDefaults:cc,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:lc,badge:dc}};let uc=class extends p.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="rapid",this.darkMode=cc.luminance===g.StandardLuminance.DarkMode,this.luminance=cc.luminance,this.neutralColor=cc.neutralColor,this.accentColor=cc.accentColor,this.bodyFont=cc.bodyFont,this.density=cc.density,this.borderRadius=cc.borderRadius,this.strokeWidth=cc.strokeWidth,this.baseHeightMultiplier=cc.baseHeightMultiplier,this.designUnit=cc.designUnit,this.baseFontSize=cc.baseFontSize,this.baseLineHeight=cc.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof u.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof g.Combobox||e.target instanceof g.Select){const{name:t,value:o}=e.target;t&&o&&(this[t]=o,this.updateUserSelections(t,o),this.styleUpdate())}else if(e.target instanceof u.Slider){const t=parseInt(e.target.value),o=e.target.name;o&&Number.isInteger(t)&&(this[o]=t,this.updateUserSelections(o,t),this.styleUpdate())}},this.updateUserSelections=(e,t)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=t)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?g.StandardLuminance.DarkMode:g.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=nc(t);pc.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()})},this.resetChanges=()=>(0,i.sH)(this,void 0,void 0,function*(){this.userSelections={},this.setTokensFromDs(pc[this.ds].tokenDefaults),this.styleUpdate()})}customDesignModeChanged(e,t){return(0,i.sH)(this,void 0,void 0,function*(){const e=[{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:t="custom"}=yield this.getAppDetails(),o={name:e,value:t};this.designSystems=[o],pc.custom.prefix=t,pc.custom.buttons=pc[t].buttons,pc.custom.badge=pc[t].badge,this.ds="custom"}else this.designSystems=e})}dsChanged(e,t){const o={prefix:pc[this.ds].prefix,buttonAppearanceAccent:pc[this.ds].buttons.accent,buttonAppearanceNeutral:pc[this.ds].buttons.neutral,buttonAppearanceOutline:pc[this.ds].buttons.outline,buttonAppearanceText:pc[this.ds].buttons.text,badgeAppearanceAccent:pc[this.ds].badge.accent,badgeAppearanceNeutral:pc[this.ds].badge.neutral,badgeText:pc[this.ds].badge.font};this.$emit(_d.DS_CHANGED,o),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(pc[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:oc[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseHeightMultiplier:this.baseHeightMultiplier,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(_d.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach(t=>{this.preserveOptions&&void 0!==this.userSelections[t]?this[t]=this.userSelections[t]:this[t]=e[t]}),this.darkMode=this.luminance===g.StandardLuminance.DarkMode,p.DOM.queueUpdate(()=>{this.tokenUpdateInProgress=!1})}getAppDetails(){return fetch("api/details").then(e=>e.ok&&e.json()).then(e=>e).catch(e=>{console.error("Error fetching tokens:",e)})}connectedCallback(){super.connectedCallback(),this.userSelections={},ua(),p.DOM.queueUpdate(()=>{this.styleUpdate()}),document.body.addEventListener(_d.APPLY_CUSTOM_DESIGN,e=>{this.applyCustomDSTokens(e)})}};(0,i.Cg)([(0,p.attr)({mode:"boolean",attribute:"custom-design-mode"})],uc.prototype,"customDesignMode",void 0),(0,i.Cg)([p.observable],uc.prototype,"designSystems",void 0),(0,i.Cg)([p.observable],uc.prototype,"ds",void 0),(0,i.Cg)([p.attr],uc.prototype,"darkMode",void 0),(0,i.Cg)([p.observable],uc.prototype,"neutralColor",void 0),(0,i.Cg)([p.observable],uc.prototype,"accentColor",void 0),(0,i.Cg)([p.observable],uc.prototype,"bodyFont",void 0),(0,i.Cg)([p.observable],uc.prototype,"density",void 0),(0,i.Cg)([p.observable],uc.prototype,"borderRadius",void 0),(0,i.Cg)([p.observable],uc.prototype,"strokeWidth",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseHeightMultiplier",void 0),(0,i.Cg)([p.observable],uc.prototype,"designUnit",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseFontSize",void 0),(0,i.Cg)([p.observable],uc.prototype,"baseLineHeight",void 0),(0,i.Cg)([p.observable],uc.prototype,"preserveOptions",void 0),uc=(0,i.Cg)([(0,p.customElement)({name:"design-system-editor",template:ic,styles:rc})],uc);const gc=(0,b.createLogger)("documentation-components"),mc=e=>{const t=(e=>{const t=(0,Eo.parseColorHexRGB)(e);return t?g.SwatchRGB.from(t):null})(e);return t?g.PaletteRGB.create(t):null},hc=(e,t,o)=>{const a=e.getValueFor(o).match(/^(\d+)([a-z]+)/i),r=a[1],i=a[2];return Number(r)+t+i},bc=(e,t)=>{const o=mc(e.neutralColor);g.neutralPalette.setValueFor(t,o);const a=mc(e.accentColor);g.accentPalette.setValueFor(t,a),g.baseLayerLuminance.setValueFor(t,e.luminance),g.density.setValueFor(t,e.density),g.controlCornerRadius.setValueFor(t,e.borderRadius),g.strokeWidth.setValueFor(t,e.strokeWidth),g.designUnit.setValueFor(t,e.designUnit),g.bodyFont.setValueFor(t,e.bodyFont),g.typeRampBaseFontSize.setValueFor(t,e.baseFontSize),g.typeRampBaseLineHeight.setValueFor(t,e.baseLineHeight),g.typeRampMinus1FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.minusOne,t)),g.typeRampMinus1LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.minusOne,t)),g.typeRampMinus2FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.minusTwo,t)),g.typeRampMinus2LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.minusTwo,t)),g.typeRampPlus1FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusOne,t)),g.typeRampPlus1LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusOne,t)),g.typeRampPlus2FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusTwo,t)),g.typeRampPlus2LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusTwo,t)),g.typeRampPlus3FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusThree,t)),g.typeRampPlus3LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusThree,t)),g.typeRampPlus4FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusFour,t)),g.typeRampPlus4LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusFour,t)),g.typeRampPlus5FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusFive,t)),g.typeRampPlus5LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusFive,t)),g.typeRampPlus6FontSize.setValueFor(t,hc(g.typeRampBaseFontSize,ca.Du.plusSix,t)),g.typeRampPlus6LineHeight.setValueFor(t,hc(g.typeRampBaseLineHeight,ca.Du.plusSix,t))},vc=p.css`
|
|
4577
4630
|
:host {
|
|
4578
4631
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
4579
4632
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -4668,7 +4721,7 @@
|
|
|
4668
4721
|
display: flex;
|
|
4669
4722
|
flex-direction: column;
|
|
4670
4723
|
}
|
|
4671
|
-
`,
|
|
4724
|
+
`,fc=p.html`
|
|
4672
4725
|
${e=>{return t=e.prefix,p.html`
|
|
4673
4726
|
<template>
|
|
4674
4727
|
<${t}-design-system-provider ${(0,p.ref)("provider")}>
|
|
@@ -5095,7 +5148,7 @@
|
|
|
5095
5148
|
</${t}-design-system-provider>
|
|
5096
5149
|
</template>
|
|
5097
5150
|
`;var t}}
|
|
5098
|
-
`;let
|
|
5151
|
+
`;let yc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>gc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>gc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>gc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>gc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],yc.prototype,"modal",void 0),(0,i.Cg)([p.attr],yc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],yc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],yc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],yc.prototype,"cards",void 0),(0,i.Cg)([p.observable],yc.prototype,"countries",void 0),(0,i.Cg)([p.observable],yc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],yc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],yc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],yc.prototype,"provider",void 0),yc=(0,i.Cg)([(0,p.customElement)({name:"preview-components",template:fc,styles:vc})],yc);const xc=p.css`
|
|
5099
5152
|
.export {
|
|
5100
5153
|
display: flex;
|
|
5101
5154
|
justify-content: center;
|
|
@@ -5106,7 +5159,7 @@
|
|
|
5106
5159
|
display: flex;
|
|
5107
5160
|
justify-content: space-between;
|
|
5108
5161
|
}
|
|
5109
|
-
`,
|
|
5162
|
+
`,wc=p.html`
|
|
5110
5163
|
<template>
|
|
5111
5164
|
<div class="export">
|
|
5112
5165
|
<rapid-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</rapid-button>
|
|
@@ -5127,7 +5180,7 @@
|
|
|
5127
5180
|
</rapid-modal>
|
|
5128
5181
|
</div>
|
|
5129
5182
|
</template>
|
|
5130
|
-
`;let
|
|
5183
|
+
`;let Sc=class extends p.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const t={design_tokens:{color:{accent:{$value:e.accentColor,$type:"color"},neutral:{$value:e.neutralColor,$type:"color"}},fontFamily:{bodyFont:{$value:e.bodyFont,$type:"fontFamily"}},typography:{baseFontSize:{$value:e.baseFontSize,$type:"dimension"},baseLineHeight:{$value:e.baseLineHeight,$type:"dimension"}},mode:{luminance:{$value:e.luminance,$type:"number"}},style:{density:{$value:e.density,$type:"number"},baseHeightMultiplier:{$value:e.baseHeightMultiplier,$type:"number"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(t,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch("api/tokens",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({tokens:this.value})}).then(e=>{if(!e.ok)throw new Error(`API request failed with status ${e.status}`);return e.json()}).then(e=>{gc.log("Tokens saved successfully:",e),this.$emit(_d.APPLY_CUSTOM_DESIGN,e.message)}).catch(e=>{gc.error("Error saving tokens:",e)}),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e;this.value=this.formatValues(t.detail)})}};(0,i.Cg)([p.attr],Sc.prototype,"value",void 0),(0,i.Cg)([p.attr],Sc.prototype,"tokensPath",void 0),Sc=(0,i.Cg)([(0,p.customElement)({name:"design-system-export",template:wc,styles:xc})],Sc);const Cc=p.css`
|
|
5131
5184
|
.colors {
|
|
5132
5185
|
display: flex;
|
|
5133
5186
|
flex-wrap: wrap;
|
|
@@ -5140,23 +5193,23 @@
|
|
|
5140
5193
|
flex-grow: 1;
|
|
5141
5194
|
height: 20px;
|
|
5142
5195
|
}
|
|
5143
|
-
`,
|
|
5196
|
+
`,Ac=p.html`
|
|
5144
5197
|
<ul class="colors">
|
|
5145
5198
|
${(0,p.repeat)(e=>e.swatches,p.html`
|
|
5146
5199
|
<li class="color" style="background-color: ${e=>e.toColorString()}"></li>
|
|
5147
5200
|
`)}
|
|
5148
5201
|
</ul>
|
|
5149
|
-
`;let
|
|
5202
|
+
`;let kc=class extends p.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){g[this.type+"Palette"].subscribe({handleChange:e=>{const t=e.token.getValueFor(this);this.swatches=[...t.swatches]}},this)}}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{const e=mc(t[`${this.type}Color`]);this.swatches=[...e.swatches]})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)})}};(0,i.Cg)([p.observable],kc.prototype,"swatches",void 0),(0,i.Cg)([p.attr],kc.prototype,"type",void 0),kc=(0,i.Cg)([(0,p.customElement)({name:"color-palette",styles:Cc,template:Ac})],kc);const Rc=p.css`
|
|
5150
5203
|
.preview {
|
|
5151
5204
|
width: 40px;
|
|
5152
5205
|
height: 40px;
|
|
5153
5206
|
}
|
|
5154
|
-
`,
|
|
5207
|
+
`,Mc=p.html`
|
|
5155
5208
|
<div
|
|
5156
5209
|
class="preview"
|
|
5157
5210
|
style="background-color: ${e=>g[e.tokenName].createCSS()}"
|
|
5158
5211
|
></div>
|
|
5159
|
-
`;let
|
|
5212
|
+
`;let Ic=class extends p.FASTElement{};(0,i.Cg)([p.attr],Ic.prototype,"tokenName",void 0),Ic=(0,i.Cg)([(0,p.customElement)({name:"color-token",styles:Rc,template:Mc})],Ic);const Lc=p.css`
|
|
5160
5213
|
.container {
|
|
5161
5214
|
display: flex;
|
|
5162
5215
|
width: 100%;
|
|
@@ -5204,7 +5257,7 @@
|
|
|
5204
5257
|
.container > div:not(:last-child) {
|
|
5205
5258
|
border-right: 1px solid #fafafa;
|
|
5206
5259
|
}
|
|
5207
|
-
`,
|
|
5260
|
+
`,Fc=[{title:"Fill",subcategories:[{title:"Fill Colour",tokens:[{name:"fillColor",cssProperty:"--fill-color"}]},{title:"Accent Fill",tokens:[{name:"accentFillRest",cssProperty:"--accent-fill-rest"},{name:"accentFillHover",cssProperty:"--accent-fill-hover"},{name:"accentFillActive",cssProperty:"--accent-fill-active"},{name:"accentFillFocus",cssProperty:"--accent-fill-focus"}]},{title:"Neutral Fill",tokens:[{name:"neutralFillRest",cssProperty:"--neutral-fill-rest"},{name:"neutralFillHover",cssProperty:"--neutral-fill-hover"},{name:"neutralFillActive",cssProperty:"--neutral-fill-active"},{name:"neutralFillFocus",cssProperty:"--neutral-fill-focus"}]},{title:"Neutral Fill Input",tokens:[{name:"neutralFillInputRest",cssProperty:"--neutral-fill-input-rest"},{name:"neutralFillInputHover",cssProperty:"--neutral-fill-input-hover"},{name:"neutralFillInputActive",cssProperty:"--neutral-fill-input-active"},{name:"neutralFillInputFocus",cssProperty:"--neutral-fill-input-focus"}]},{title:"Neutral Fill Stealth",tokens:[{name:"neutralFillStealthRest",cssProperty:"--neutral-fill-stealth-rest"},{name:"neutralFillStealthHover",cssProperty:"--neutral-fill-stealth-hover"},{name:"neutralFillStealthActive",cssProperty:"--neutral-fill-stealth-active"},{name:"neutralFillStealthFocus",cssProperty:"--neutral-fill-stealth-focus"}]},{title:"Neutral Fill Strong",tokens:[{name:"neutralFillStrongRest",cssProperty:"--neutral-fill-strong-rest"},{name:"neutralFillStrongHover",cssProperty:"--neutral-fill-strong-hover"},{name:"neutralFillStrongActive",cssProperty:"--neutral-fill-strong-active"},{name:"neutralFillStrongFocus",cssProperty:"--neutral-fill-strong-focus"}]}]},{title:"Foreground",subcategories:[{title:"Neutral Foreground",tokens:[{name:"neutralForegroundRest",cssProperty:"--neutral-foreground-rest"},{name:"neutralForegroundHint",cssProperty:"--neutral-foreground-hint"}]},{title:"Accent Foreground",tokens:[{name:"accentForegroundRest",cssProperty:"--accent-foreground-rest"},{name:"accentForegroundHover",cssProperty:"--accent-foreground-hover"},{name:"accentForegroundActive",cssProperty:"--accent-foreground-active"},{name:"accentForegroundFocus",cssProperty:"--accent-foreground-focus"}]},{title:"Foreground on Accent",tokens:[{name:"foregroundOnAccentRest",cssProperty:"--foreground-on-accent-rest"},{name:"foregroundOnAccentHover",cssProperty:"--foreground-on-accent-hover"},{name:"foregroundOnAccentActive",cssProperty:"--foreground-on-accent-active"},{name:"foregroundOnAccentFocus",cssProperty:"--foreground-on-accent-focus"}]},{title:"Foreground on accent large",tokens:[{name:"foregroundOnAccentRestLarge",cssProperty:"--foreground-on-accent-rest-large"},{name:"foregroundOnAccentHoverLarge",cssProperty:"--foreground-on-accent-hover-large"},{name:"foregroundOnAccentActiveLarge",cssProperty:"--foreground-on-accent-active-large"},{name:"foregroundOnAccentFocusLarge",cssProperty:"--foreground-on-accent-focus-large"}]}]},{title:"Stroke",subcategories:[{title:"Focus Stroke",tokens:[{name:"focusStrokeOuter",cssProperty:"--focus-stroke-outer"},{name:"focusStrokeInner",cssProperty:"--focus-stroke-inner"}]},{title:"Neutral Stroke",tokens:[{name:"neutralStrokeRest",cssProperty:"---neutral-stroke-rest"},{name:"neutralStrokeHover",cssProperty:"--neutral-stroke-hover"},{name:"neutralStrokeActive",cssProperty:"--neutral-stroke-active"},{name:"neutralStrokeFocus",cssProperty:"--neutral-stroke-focus"}]},{title:"Neutral stroke divider",tokens:[{name:"neutralStrokeDividerRest",cssProperty:"--neutral-stroke-divider-rest"}]}]},{title:"Layer",subcategories:[{title:"Neutral Layers",tokens:[{name:"neutralLayer1",cssProperty:"--neutral-layer-1"},{name:"neutralLayer2",cssProperty:"--neutral-layer-2"},{name:"neutralLayer3",cssProperty:"--neutral-layer-3"},{name:"neutralLayer4",cssProperty:"--neutral-layer-4"}]},{title:"Neutral Layer Card Container",tokens:[{name:"neutralLayerCardContainer",cssProperty:"--neutral-layer-card-container"}]},{title:"Neutral Fill Layer",tokens:[{name:"neutralFillLayerRest",cssProperty:"--neutral-fill-layer-rest"}]},{title:"Neutral Layer Floating",tokens:[{name:"neutralLayerFloating",cssProperty:"--neutral-layer-floating"}]}]}],zc=p.html`
|
|
5208
5261
|
<div class="row">
|
|
5209
5262
|
<div
|
|
5210
5263
|
class="preview"
|
|
@@ -5216,19 +5269,19 @@
|
|
|
5216
5269
|
${(e,t)=>g[e.name].getValueFor(t.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
|
|
5217
5270
|
</div>
|
|
5218
5271
|
</div>
|
|
5219
|
-
`,
|
|
5272
|
+
`,Ec=p.html`
|
|
5220
5273
|
<div class="container" ${(0,p.ref)("provider")}>
|
|
5221
|
-
${(0,p.repeat)(()=>
|
|
5274
|
+
${(0,p.repeat)(()=>Fc,p.html`
|
|
5222
5275
|
<div class="column">
|
|
5223
5276
|
<h3 class="header-title">${e=>e.title}</h3>
|
|
5224
5277
|
${(0,p.repeat)(e=>e.subcategories,p.html`
|
|
5225
5278
|
<h4>${e=>e.title}</h4>
|
|
5226
|
-
${(0,p.repeat)(e=>e.tokens,
|
|
5279
|
+
${(0,p.repeat)(e=>e.tokens,zc)}
|
|
5227
5280
|
`)}
|
|
5228
5281
|
</div>
|
|
5229
5282
|
`)}
|
|
5230
5283
|
</div>
|
|
5231
|
-
`;let
|
|
5284
|
+
`;let Oc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e.detail;bc(t,this.provider)})}};(0,i.Cg)([p.observable],Oc.prototype,"provider",void 0),Oc=(0,i.Cg)([(0,p.customElement)({name:"color-tokens",template:Ec,styles:Lc})],Oc);const Tc=p.css`
|
|
5232
5285
|
table {
|
|
5233
5286
|
background: var(--neutral-fill-rest);
|
|
5234
5287
|
color: var(--neutral-foreground-rest);
|
|
@@ -5237,7 +5290,7 @@
|
|
|
5237
5290
|
th {
|
|
5238
5291
|
text-align: left;
|
|
5239
5292
|
}
|
|
5240
|
-
`,
|
|
5293
|
+
`,Dc=p.html`
|
|
5241
5294
|
<table ${(0,p.ref)("provider")} style="font-family: ${()=>g.bodyFont.createCSS()}">
|
|
5242
5295
|
<colgroup>
|
|
5243
5296
|
<col style="width: 15%;" />
|
|
@@ -5465,7 +5518,7 @@
|
|
|
5465
5518
|
</tr>
|
|
5466
5519
|
</tbody>
|
|
5467
5520
|
</table>
|
|
5468
|
-
`;let
|
|
5521
|
+
`;let Pc=class extends p.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{const t=e.detail;bc(t,this.provider)})}};(0,i.Cg)([p.observable],Pc.prototype,"provider",void 0),Pc=(0,i.Cg)([(0,p.customElement)({name:"typography-tokens",template:Dc,styles:Tc})],Pc);const Nc=p.css`
|
|
5469
5522
|
:host {
|
|
5470
5523
|
background: var(--fill-color);
|
|
5471
5524
|
color: var(--neutral-foreground-rest);
|
|
@@ -5481,7 +5534,7 @@
|
|
|
5481
5534
|
margin-top: 24px;
|
|
5482
5535
|
padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
5483
5536
|
}
|
|
5484
|
-
`,
|
|
5537
|
+
`,jc=p.css`
|
|
5485
5538
|
:host {
|
|
5486
5539
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
5487
5540
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -5514,7 +5567,7 @@
|
|
|
5514
5567
|
grid-area: 1 / 2 / 3 / 3;
|
|
5515
5568
|
}
|
|
5516
5569
|
}
|
|
5517
|
-
`,
|
|
5570
|
+
`,Bc=p.html`
|
|
5518
5571
|
${e=>{return t=e.prefix,p.html`
|
|
5519
5572
|
<template>
|
|
5520
5573
|
<${t}-design-system-provider ${(0,p.ref)("provider")}>
|
|
@@ -5535,7 +5588,7 @@
|
|
|
5535
5588
|
</${t}-design-system-provider>
|
|
5536
5589
|
</template>
|
|
5537
5590
|
`;var t}}
|
|
5538
|
-
`;let
|
|
5591
|
+
`;let Hc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},(e,t)=>t+1),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>gc.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>gc.debug("DELETE!!!",e)},{name:"Edit",callback:e=>gc.debug("EDIT!!!",e)},{name:"Wait",callback:e=>gc.debug("WAIT???",e)}],this.menuDefinition={actions:this.menuActions,buttonAppearance:"stealth",data:{name:"test"}},this.dropDownMenuItems=[{name:"Menu item 1",callback:()=>alert("Menu item 1 clicked"),icon:{name:"glasses"}},{name:"Menu item 2",callback:()=>alert("Menu item 2 clicked")},{name:"Menu item 3",callback:()=>alert("Menu item 3 clicked"),submenu:[{name:"Menu item 5",callback:()=>alert("Menu item 5 clicked"),icon:{name:"address-card"}},{name:"Menu item 6",callback:()=>alert("Menu item 6 clicked"),submenu:[{name:"Menu item 7",callback:()=>alert("Menu item 7 clicked"),color:"red",icon:{name:"address-card"}},{name:"Menu item 8",callback:()=>alert("Menu item 8 clicked"),isDisabled:()=>!0}]}]}]}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,this.buttonAppearanceText=e.detail.buttonAppearanceText,this.badgeAppearanceAccent=e.detail.badgeAppearanceAccent,this.badgeAppearanceNeutral=e.detail.badgeAppearanceNeutral,this.badgeText=e.detail.badgeText}showDialog(e){this[e].show()}closeDialog(e){this[e].close()}dismissBanner(){this.banner.dismiss()}};(0,i.Cg)([p.observable],Hc.prototype,"modal",void 0),(0,i.Cg)([p.attr],Hc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceAccent",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceOutline",void 0),(0,i.Cg)([p.observable],Hc.prototype,"buttonAppearanceText",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeAppearanceAccent",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeAppearanceNeutral",void 0),(0,i.Cg)([p.observable],Hc.prototype,"badgeText",void 0),(0,i.Cg)([p.observable],Hc.prototype,"cards",void 0),(0,i.Cg)([p.observable],Hc.prototype,"countries",void 0),(0,i.Cg)([p.observable],Hc.prototype,"menuActions",void 0),(0,i.Cg)([p.observable],Hc.prototype,"menuDefinition",void 0),(0,i.Cg)([p.observable],Hc.prototype,"dropDownMenuItems",void 0),(0,i.Cg)([p.observable],Hc.prototype,"provider",void 0),Hc=(0,i.Cg)([(0,p.customElement)({name:"preview-app",template:Bc,styles:jc})],Hc);const Gc={type:"VerticalLayout",elements:[{type:"Group",label:"Group 1",scope:"#/properties/group1",options:{childElements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]}},{type:"Group",label:"Group 2",scope:"#/properties/group2",options:{childElements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}}]},Uc={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},Vc={type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},Yc={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},Wc=p.css`
|
|
5539
5592
|
:host {
|
|
5540
5593
|
background: var(--fill-color);
|
|
5541
5594
|
color: var(--neutral-foreground-rest);
|
|
@@ -5566,7 +5619,7 @@
|
|
|
5566
5619
|
rapid-design-system-provider {
|
|
5567
5620
|
display: inline;
|
|
5568
5621
|
}
|
|
5569
|
-
`,
|
|
5622
|
+
`,qc=p.html`
|
|
5570
5623
|
${e=>{return t=e.prefix,p.html`
|
|
5571
5624
|
<template>
|
|
5572
5625
|
<${t}-design-system-provider ${(0,p.ref)("provider")}>
|
|
@@ -5590,7 +5643,7 @@
|
|
|
5590
5643
|
</${t}-design-system-provider>
|
|
5591
5644
|
</template>
|
|
5592
5645
|
`;var t}}
|
|
5593
|
-
`;let
|
|
5646
|
+
`;let Jc=class extends p.FASTElement{constructor(){super(...arguments),this.jsonSchema=Uc,this.uischema=Gc,this.jsonSchemaArray=Yc,this.uiSchemaArray=Vc,this.prefix="rapid",this.editedEntity={group1:{NAME:"Test Name"},group2:{COUNTERPARTY_ID:"GENESIS",INSTRUMENT_ID:"BOND"}},this.editedEntityArray={users:[{firstname:"Max",lastname:"Mustermann",age:25,email:"max@mustermann.com"},{firstname:"John",lastname:"Doe",age:35,email:"john@doe.com"}]}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,i.Cg)([p.observable],Jc.prototype,"jsonSchema",void 0),(0,i.Cg)([p.observable],Jc.prototype,"uischema",void 0),(0,i.Cg)([p.observable],Jc.prototype,"jsonSchemaArray",void 0),(0,i.Cg)([p.observable],Jc.prototype,"uiSchemaArray",void 0),(0,i.Cg)([p.attr],Jc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Jc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Jc.prototype,"editedEntity",void 0),(0,i.Cg)([p.observable],Jc.prototype,"editedEntityArray",void 0),Jc=(0,i.Cg)([(0,p.customElement)({name:"preview-form",template:qc,styles:Wc})],Jc);const Zc=[{athlete:"Michael Phelps",age:23,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:8,silver:0,bronze:0,total:8,isActionDisabled:!0,BUY_SELL:"BUY"},{athlete:"Michael Phelps",age:19,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:6,silver:0,bronze:2,total:8,BUY_SELL:"SELL"},{athlete:"Michael Phelps",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:2,bronze:0,total:6,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:25,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:2,bronze:3,total:6,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Aleksey Nemov",age:24,country:"Russia",year:2e3,date:"01/10/2000",sport:"Gymnastics",gold:2,silver:1,bronze:3,total:6,BUY_SELL:"BUY"},{athlete:"Alicia Coutts",age:24,country:"Australia",year:2012,date:"12/08/2012",sport:"Swimming",gold:1,silver:3,bronze:1,total:5,isActionDisabled:!0,BUY_SELL:"SELL"},{athlete:"Missy Franklin",age:17,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:0,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Ryan Lochte",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Allison Schmitt",age:22,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Natalie Coughlin",age:21,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:2,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Ian Thorpe",age:17,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:2,bronze:0,total:5,BUY_SELL:"BUY"},{athlete:"Dara Torres",age:33,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:3,total:5,BUY_SELL:"SELL"},{athlete:"Cindy Klassen",age:26,country:"Canada",year:2006,date:"26/02/2006",sport:"Speed Skating",gold:1,silver:2,bronze:2,total:5,BUY_SELL:"BUY"},{athlete:"Nastia Liukin",age:18,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:1,total:5,BUY_SELL:"SELL"},{athlete:"Marit Bjørgen",age:29,country:"Norway",year:2010,date:"28/02/2010",sport:"Cross Country Skiing",gold:3,silver:1,bronze:1,total:5,BUY_SELL:"BUY"},{athlete:"Sun Yang",age:20,country:"China",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Kirsty Coventry",age:24,country:"Zimbabwe",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Libby Lenton-Trickett",age:23,country:"Australia",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Ryan Lochte",age:24,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"BUY"},{athlete:"Inge de Bruijn",age:30,country:"Netherlands",year:2004,date:"29/08/2004",sport:"Swimming",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Petria Thomas",age:28,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Ian Thorpe",age:21,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Inge de Bruijn",age:27,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:1,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Gary Hall Jr.",age:25,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:1,bronze:1,total:4,BUY_SELL:"SELL"},{athlete:"Michael Klim",age:23,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:2,bronze:0,total:4,BUY_SELL:"BUY"},{athlete:"Susie O'Neill",age:27,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"SELL"},{athlete:"Jenny Thompson",age:27,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Pieter van den Hoogenband",age:22,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"An Hyeon-Su",age:20,country:"South Korea",year:2006,date:"26/02/2006",sport:"Short-Track Speed Skating",gold:3,silver:0,bronze:1,total:4,BUY_SELL:"BUY"},{athlete:"Aliya Mustafina",age:17,country:"Russia",year:2012,date:"12/08/2012",sport:"Gymnastics",gold:1,silver:1,bronze:2,total:4,BUY_SELL:"SELL"},{athlete:"Shawn Johnson",age:16,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:0,total:4,BUY_SELL:"BUY"}],Qc=p.css`
|
|
5594
5647
|
:host {
|
|
5595
5648
|
background: var(--fill-color);
|
|
5596
5649
|
color: var(--neutral-foreground-rest);
|
|
@@ -5605,7 +5658,7 @@
|
|
|
5605
5658
|
.grid-height {
|
|
5606
5659
|
height: 100%;
|
|
5607
5660
|
}
|
|
5608
|
-
`,
|
|
5661
|
+
`,Xc=p.html`
|
|
5609
5662
|
${e=>{return t=e.prefix,p.html`
|
|
5610
5663
|
<template>
|
|
5611
5664
|
<${t}-design-system-provider ${(0,p.ref)("provider")}>
|
|
@@ -5634,7 +5687,7 @@
|
|
|
5634
5687
|
</${t}-design-system-provider>
|
|
5635
5688
|
</template>
|
|
5636
5689
|
`;var t}}
|
|
5637
|
-
`;let
|
|
5690
|
+
`;let Kc=class extends p.FASTElement{constructor(){super(...arguments),this.prefix="rapid",this.rowData=[...Zc],this.columnDefs=[{headerName:"#",colId:"rowNum",valueGetter:"node.id",width:80,pinned:"left"},{headerName:"Athlete",field:"athlete",width:150,pinned:"left"},{headerName:"Age",field:"age",width:90,pinned:"left"},{headerName:"Country",field:"country",width:150},{headerName:"Year",field:"year",width:90},{field:"BUY_SELL",headerName:"B/S",width:100,cellRenderer:Fd.IX.statusPill,cellRendererParams:e=>({text:e.value,backgroundColor:"BUY"===e.value||"LONG"===e.value?"green":"red"})},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,t)=>{if(null==t)return-1;const o=t.split("/"),a=new Date(Number(o[2]),Number(o[1])-1,Number(o[0]));return e.getTime()===a.getTime()?0:a<e?-1:a>e?1:0}}},{headerName:"Sport",field:"sport",width:150,editable:!0},{headerName:"Gold",field:"gold",width:100},{headerName:"Silver",field:"silver",width:100},{headerName:"Bronze",field:"bronze",width:100},{headerName:"Total",field:"total",width:100,pinned:"right"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData},this.myCustomCheckboxRenderer=e=>2012===e.value?`<div><span style="color: var(--warning-color); font-weight: bold;">${e.value}</span></div>`:e.value,this.multipleCustomFoundationColumnConfigs=[{headerName:"Country",field:"country",cellRenderer:Fd.IX.boolean},{headerName:"Year",field:"year",cellRenderer:this.myCustomCheckboxRenderer}],this.multipleActions=[{name:"View",callback:e=>console.log("VIEWW!!!",e)},{name:"Delete",callback:e=>console.log("DELETE!!!",e)},{name:"Edit",callback:e=>console.log("EDIT!!!",e)},{name:"Wait",callback:e=>console.log("WHAT???",e)}],this.multipleActionsMenuSlottedConfig=(0,md.Al)(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:Fd.IX.action,cellRendererParams:{actionClick:e=>console.log("CLICKED ON SINGLE ACTION!!!!",e),actionName:"Single Action",appearance:"accent",isDisabled:e=>!!e.isActionDisabled,dataTestId:"singleActionTestId#",uniqueFieldName:"UNIQUE_ID"}}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(_d.STYLES_CHANGED,e=>{this.handleStyleChanges(e)}),document.body.addEventListener(_d.DS_CHANGED,e=>{this.handleDSChanges(e)}),p.DOM.queueUpdate(()=>{this.setGridOptions(),g.bodyFont.withDefault(ac)})}handleStyleChanges(e){const t=e.detail;t&&p.DOM.queueUpdate(()=>{bc(t,this.provider)})}handleDSChanges(e){this.prefix=e.detail.prefix,p.DOM.queueUpdate(()=>{this.setGridOptions()})}};(0,i.Cg)([p.observable],Kc.prototype,"grid",void 0),(0,i.Cg)([p.attr],Kc.prototype,"prefix",void 0),(0,i.Cg)([p.observable],Kc.prototype,"provider",void 0),(0,i.Cg)([p.observable],Kc.prototype,"rowData",void 0),(0,i.Cg)([p.observable],Kc.prototype,"columnDefs",void 0),(0,i.Cg)([p.observable],Kc.prototype,"gridOptions",void 0),Kc=(0,i.Cg)([(0,p.customElement)({name:"preview-grid",template:Xc,styles:Qc})],Kc);const $c=p.html`
|
|
5638
5691
|
<template>
|
|
5639
5692
|
<rapid-tabs>
|
|
5640
5693
|
<rapid-tab slot="tab">Components</rapid-tab>
|
|
@@ -5667,5 +5720,5 @@
|
|
|
5667
5720
|
</rapid-tab-panel>
|
|
5668
5721
|
</rapid-tabs>
|
|
5669
5722
|
</template>
|
|
5670
|
-
`;let
|
|
5671
|
-
//# sourceMappingURL=
|
|
5723
|
+
`;let _c=class extends p.FASTElement{};_c=(0,i.Cg)([(0,p.customElement)({name:"design-system-preview",template:$c,styles:Nc})],_c),((e,t="zero")=>(0,me.provideDesignSystem)(e,t,r,a))().register(Vl,$d),(0,ec.provideDesignSystem)().register(ec.baseComponents,tc.rapidGridComponents,Ro)}}]);
|
|
5724
|
+
//# sourceMappingURL=326.1dc71a113a6ce7811f91daf99a9d5aef.js.map
|