@genesislcap/design-system-configurator 14.173.0 → 14.173.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/bin/dsconfig.js +10 -7
- package/dist/{132.132.a7004ed7ba78e7a333b7.js → 132.132.453cbec4a0e6e0fcf111.js} +5 -5
- package/dist/132.a5f6ca42adf5f35d06201adbe12ecc7c.js.map +1 -0
- package/dist/{279.279.14ec371b7f9f63d8c020.js → 279.279.54118c10e9ca6d969525.js} +2 -2
- package/dist/{279.2af3625f836b0e20a72534f8e88efc2d.js.map → 279.61388040d5212cf9d2f9ec0b74af86b1.js.map} +1 -1
- package/dist/531.11830418079820cc87052accf477bbd4.js.map +1 -0
- package/dist/{531.531.4acd35734d54eaf632f0.js → 531.531.c89c921aca4bfaa76ab3.js} +3 -3
- package/dist/{548.548.f5d6bc83d66d9ba70ad6.js → 548.548.9fafff6a032b7847afca.js} +1 -1
- package/dist/653.653.04926ba06e5f3d758b04.js +2 -0
- package/dist/{653.b7fb12ced239fe3cc8ecd85061c5d6b1.js.map → 653.cd79d6d50e9f0dfe8ed96f08357afbae.js.map} +1 -1
- package/dist/{842.842.825079f3d600d0ef3f96.js → 842.842.e3f19a47cdb5a61903af.js} +1 -1
- package/dist/designSystemConfigurator.a5b7bc3f1d861663ca248e750b177ad0.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/main.538472a26129721f1f5c9e29579a3ff5.js.map +1 -0
- package/dist/main.5abac40b3726ede0bcc6.js +2 -0
- package/dist/remoteEntry.js +2 -2
- package/package.json +12 -12
- package/dist/132.5cf7f9f6d8c76bb5015d88355d6ce2c6.js.map +0 -1
- package/dist/531.e6d91ce7bdc2b6479fedb9ac685ea0c2.js.map +0 -1
- package/dist/653.653.cee3294756e02f955599.js +0 -2
- package/dist/designSystemConfigurator.9280db0a83028b925a3c2ba5ae51c93b.js.map +0 -1
- package/dist/main.106cd2bbd7fe3d9c5553f5723506adbf.js.map +0 -1
- package/dist/main.95a8167200b610b876eb.js +0 -2
package/bin/dsconfig.js
CHANGED
|
@@ -36,15 +36,16 @@ yargs.option('path', {
|
|
|
36
36
|
const argv = yargs.argv;
|
|
37
37
|
const port = argv.port;
|
|
38
38
|
|
|
39
|
-
const
|
|
39
|
+
const getAppDetails = () => {
|
|
40
40
|
const currentDirectory = process.cwd();
|
|
41
41
|
const packageJsonPath = path.join(currentDirectory, 'package.json');
|
|
42
42
|
if (fs.existsSync(packageJsonPath)) {
|
|
43
43
|
const packageJsonData = fs.readFileSync(packageJsonPath);
|
|
44
|
-
const { name } = JSON.parse(packageJsonData);
|
|
44
|
+
const { name, dependencies } = JSON.parse(packageJsonData);
|
|
45
45
|
const lastPackageNamePart = name.split('/').pop();
|
|
46
46
|
const formattedAppName = capitalCase(lastPackageNamePart);
|
|
47
|
-
|
|
47
|
+
const dsPrefix = dependencies['@genesislcap/rapid-design-system'] ? 'rapid' : 'zero';
|
|
48
|
+
return { name: formattedAppName, dsPrefix };
|
|
48
49
|
}
|
|
49
50
|
};
|
|
50
51
|
|
|
@@ -65,7 +66,9 @@ const getTokens = (filePath) => {
|
|
|
65
66
|
if (argv.path) {
|
|
66
67
|
const tokensFilePath = path.resolve(process.cwd(), argv.path);
|
|
67
68
|
app.use((req, res, next) => {
|
|
68
|
-
|
|
69
|
+
const { name, dsPrefix } = getAppDetails();
|
|
70
|
+
req.appName = name;
|
|
71
|
+
req.dsPrefix = dsPrefix;
|
|
69
72
|
if (req.method !== 'PUT') req.body = tokensFilePath ? getTokens(tokensFilePath) : null;
|
|
70
73
|
next();
|
|
71
74
|
});
|
|
@@ -97,9 +100,9 @@ if (argv.path) {
|
|
|
97
100
|
}
|
|
98
101
|
});
|
|
99
102
|
|
|
100
|
-
app.get('/api/
|
|
101
|
-
if (req.appName) {
|
|
102
|
-
res.status(HTTP_STATUS.OK).json(req.appName);
|
|
103
|
+
app.get('/api/details', (req, res) => {
|
|
104
|
+
if (req.appName && req.dsPrefix) {
|
|
105
|
+
res.status(HTTP_STATUS.OK).json({ appName: req.appName, dsPrefix: req.dsPrefix });
|
|
103
106
|
} else {
|
|
104
107
|
res.status(HTTP_STATUS.NOT_FOUND).json({ message: 'App name not found' });
|
|
105
108
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[132],{54811:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>Fm,ColorToken:()=>Nm,ColorTokens:()=>Em,DesignSystemEditor:()=>vm,DesignSystemExport:()=>Am,DesignSystemPreview:()=>Hm,EventName:()=>om,PreviewComponents:()=>Sm,PreviewForm:()=>Zm,PreviewGrid:()=>ab,TypographyTokens:()=>Gm,defaultBodyFont:()=>lm,fontFamilies:()=>nm});var t={};r.r(t),r.d(t,{accentFillActive:()=>f.accentFillActive,accentFillActiveDelta:()=>f.accentFillActiveDelta,accentFillFocus:()=>f.accentFillFocus,accentFillFocusDelta:()=>f.accentFillFocusDelta,accentFillHover:()=>f.accentFillHover,accentFillHoverDelta:()=>f.accentFillHoverDelta,accentFillRest:()=>f.accentFillRest,accentFillRestDelta:()=>f.accentFillRestDelta,accentForegroundActive:()=>f.accentForegroundActive,accentForegroundActiveDelta:()=>f.accentForegroundActiveDelta,accentForegroundFocus:()=>f.accentForegroundFocus,accentForegroundFocusDelta:()=>f.accentForegroundFocusDelta,accentForegroundHover:()=>f.accentForegroundHover,accentForegroundHoverDelta:()=>f.accentForegroundHoverDelta,accentForegroundRest:()=>f.accentForegroundRest,accentForegroundRestDelta:()=>f.accentForegroundRestDelta,accentPalette:()=>f.accentPalette,baseHeightMultiplier:()=>f.baseHeightMultiplier,baseLayerLuminance:()=>f.baseLayerLuminance,bodyFont:()=>f.bodyFont,controlCornerRadius:()=>f.controlCornerRadius,defaultErrorColor:()=>Fe,defaultSuccessColor:()=>Ne,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>De,fillColor:()=>f.fillColor,focusStrokeInner:()=>f.focusStrokeInner,focusStrokeOuter:()=>f.focusStrokeOuter,focusStrokeWidth:()=>f.focusStrokeWidth,foregroundOnAccentActive:()=>f.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>f.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>f.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>f.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>f.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>f.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>f.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>f.foregroundOnAccentRestLarge,neutralFillActive:()=>f.neutralFillActive,neutralFillActiveDelta:()=>f.neutralFillActiveDelta,neutralFillFocus:()=>f.neutralFillFocus,neutralFillFocusDelta:()=>f.neutralFillFocusDelta,neutralFillHover:()=>f.neutralFillHover,neutralFillHoverDelta:()=>f.neutralFillHoverDelta,neutralFillInputActive:()=>f.neutralFillInputActive,neutralFillInputActiveDelta:()=>f.neutralFillInputActiveDelta,neutralFillInputFocus:()=>f.neutralFillInputFocus,neutralFillInputFocusDelta:()=>f.neutralFillInputFocusDelta,neutralFillInputHover:()=>f.neutralFillInputHover,neutralFillInputHoverDelta:()=>f.neutralFillInputHoverDelta,neutralFillInputRest:()=>f.neutralFillInputRest,neutralFillInputRestDelta:()=>f.neutralFillInputRestDelta,neutralFillLayerRest:()=>f.neutralFillLayerRest,neutralFillLayerRestDelta:()=>f.neutralFillLayerRestDelta,neutralFillRest:()=>f.neutralFillRest,neutralFillRestDelta:()=>f.neutralFillRestDelta,neutralFillStealthActive:()=>f.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>f.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>f.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>f.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>f.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>f.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>f.neutralFillStealthRest,neutralFillStealthRestDelta:()=>f.neutralFillStealthRestDelta,neutralFillStrongActive:()=>f.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>f.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>f.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>f.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>f.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>f.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>f.neutralFillStrongRest,neutralFillStrongRestDelta:()=>f.neutralFillStrongRestDelta,neutralForegroundHint:()=>f.neutralForegroundHint,neutralForegroundRest:()=>f.neutralForegroundRest,neutralLayer1:()=>f.neutralLayer1,neutralLayer2:()=>f.neutralLayer2,neutralLayer3:()=>f.neutralLayer3,neutralLayer4:()=>f.neutralLayer4,neutralLayerCardContainer:()=>f.neutralLayerCardContainer,neutralLayerFloating:()=>f.neutralLayerFloating,neutralPalette:()=>f.neutralPalette,neutralStrokeActive:()=>f.neutralStrokeActive,neutralStrokeActiveDelta:()=>f.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>f.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>f.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>f.neutralStrokeFocus,neutralStrokeFocusDelta:()=>f.neutralStrokeFocusDelta,neutralStrokeHover:()=>f.neutralStrokeHover,neutralStrokeHoverDelta:()=>f.neutralStrokeHoverDelta,neutralStrokeRest:()=>f.neutralStrokeRest,neutralStrokeRestDelta:()=>f.neutralStrokeRestDelta,strokeWidth:()=>f.strokeWidth,successColor:()=>Le,typeRampBaseFontSize:()=>f.typeRampBaseFontSize,typeRampBaseLineHeight:()=>f.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>f.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>f.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>f.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>f.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>f.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>f.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>f.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>f.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>f.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>f.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>f.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>f.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>f.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>f.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>f.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>f.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>Me,baseLayerLuminanceValue:()=>je,bodyFontValue:()=>We,controlCornerRadiusValue:()=>Ge,densityValue:()=>_e,designTokens:()=>Ze,designUnitValue:()=>Ue,directionValue:()=>Pe,neutralPaletteValue:()=>Ie,strokeWidthValue:()=>Be,typeRampBaseFontSizeValue:()=>qe,typeRampBaseLineHeightValue:()=>Je});var i={};r.r(i),r.d(i,{accentFillActive:()=>f.accentFillActive,accentFillActiveDelta:()=>f.accentFillActiveDelta,accentFillFocus:()=>f.accentFillFocus,accentFillFocusDelta:()=>f.accentFillFocusDelta,accentFillHover:()=>f.accentFillHover,accentFillHoverDelta:()=>f.accentFillHoverDelta,accentFillRest:()=>f.accentFillRest,accentFillRestDelta:()=>f.accentFillRestDelta,accentForegroundActive:()=>f.accentForegroundActive,accentForegroundActiveDelta:()=>f.accentForegroundActiveDelta,accentForegroundFocus:()=>f.accentForegroundFocus,accentForegroundFocusDelta:()=>f.accentForegroundFocusDelta,accentForegroundHover:()=>f.accentForegroundHover,accentForegroundHoverDelta:()=>f.accentForegroundHoverDelta,accentForegroundRest:()=>f.accentForegroundRest,accentForegroundRestDelta:()=>f.accentForegroundRestDelta,accentPalette:()=>f.accentPalette,baseHeightMultiplier:()=>f.baseHeightMultiplier,baseLayerLuminance:()=>f.baseLayerLuminance,bodyFont:()=>f.bodyFont,buyColor:()=>gs,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>ls,defaultErrorColor:()=>Kg,defaultSellColor:()=>ds,defaultSuccessColor:()=>as,defaultWarningColor:()=>os,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Xg,fillColor:()=>f.fillColor,focusStrokeInner:()=>f.focusStrokeInner,focusStrokeOuter:()=>f.focusStrokeOuter,focusStrokeWidth:()=>f.focusStrokeWidth,foregroundOnAccentActive:()=>f.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>f.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>f.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>f.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>f.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>f.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>f.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>f.foregroundOnAccentRestLarge,neutralFillActive:()=>f.neutralFillActive,neutralFillActiveDelta:()=>f.neutralFillActiveDelta,neutralFillFocus:()=>f.neutralFillFocus,neutralFillFocusDelta:()=>f.neutralFillFocusDelta,neutralFillHover:()=>f.neutralFillHover,neutralFillHoverDelta:()=>f.neutralFillHoverDelta,neutralFillInputActive:()=>f.neutralFillInputActive,neutralFillInputActiveDelta:()=>f.neutralFillInputActiveDelta,neutralFillInputFocus:()=>f.neutralFillInputFocus,neutralFillInputFocusDelta:()=>f.neutralFillInputFocusDelta,neutralFillInputHover:()=>f.neutralFillInputHover,neutralFillInputHoverDelta:()=>f.neutralFillInputHoverDelta,neutralFillInputRest:()=>f.neutralFillInputRest,neutralFillInputRestDelta:()=>f.neutralFillInputRestDelta,neutralFillLayerRest:()=>f.neutralFillLayerRest,neutralFillLayerRestDelta:()=>f.neutralFillLayerRestDelta,neutralFillRest:()=>f.neutralFillRest,neutralFillRestDelta:()=>f.neutralFillRestDelta,neutralFillStealthActive:()=>f.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>f.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>f.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>f.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>f.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>f.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>f.neutralFillStealthRest,neutralFillStealthRestDelta:()=>f.neutralFillStealthRestDelta,neutralFillStrongActive:()=>f.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>f.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>f.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>f.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>f.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>f.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>f.neutralFillStrongRest,neutralFillStrongRestDelta:()=>f.neutralFillStrongRestDelta,neutralForegroundHint:()=>f.neutralForegroundHint,neutralForegroundRest:()=>f.neutralForegroundRest,neutralLayer1:()=>f.neutralLayer1,neutralLayer2:()=>f.neutralLayer2,neutralLayer3:()=>f.neutralLayer3,neutralLayer4:()=>f.neutralLayer4,neutralLayerCardContainer:()=>f.neutralLayerCardContainer,neutralLayerFloating:()=>f.neutralLayerFloating,neutralPalette:()=>f.neutralPalette,neutralStrokeActive:()=>f.neutralStrokeActive,neutralStrokeActiveDelta:()=>f.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>f.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>f.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>f.neutralStrokeFocus,neutralStrokeFocusDelta:()=>f.neutralStrokeFocusDelta,neutralStrokeHover:()=>f.neutralStrokeHover,neutralStrokeHoverDelta:()=>f.neutralStrokeHoverDelta,neutralStrokeRest:()=>f.neutralStrokeRest,neutralStrokeRestDelta:()=>f.neutralStrokeRestDelta,sellColor:()=>cs,strokeWidth:()=>f.strokeWidth,successColor:()=>rs,typeRampBaseFontSize:()=>f.typeRampBaseFontSize,typeRampBaseLineHeight:()=>f.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>f.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>f.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>f.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>f.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>f.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>f.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>f.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>f.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>f.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>f.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>f.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>f.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>f.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>f.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>f.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>f.typeRampPlus6LineHeight,warningColor:()=>is});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>vs,accentFillFocusDeltaValue:()=>fs,accentFillHoverDeltaValue:()=>bs,accentFillRestDeltaValue:()=>ms,accentForegroundActiveDeltaValue:()=>xs,accentForegroundFocusDeltaValue:()=>ks,accentForegroundHoverDeltaValue:()=>ys,accentForegroundRestDeltaValue:()=>ws,accentPaletteValue:()=>ps,baseHeightMultiplierValue:()=>Js,baseLayerLuminanceValue:()=>hs,bodyFontValue:()=>ed,controlCornerRadiusValue:()=>Zs,densityValue:()=>Ks,designTokens:()=>wd,designUnitValue:()=>Xs,directionValue:()=>Ys,disabledOpacityValue:()=>Qs,focusStrokeWidthValue:()=>qs,neutralFillActiveDeltaValue:()=>Cs,neutralFillFocusDeltaValue:()=>$s,neutralFillHoverDeltaValue:()=>Ss,neutralFillInputActiveDeltaValue:()=>Ts,neutralFillInputFocusDeltaValue:()=>Fs,neutralFillInputHoverDeltaValue:()=>Os,neutralFillInputRestDeltaValue:()=>As,neutralFillLayerRestDeltaValue:()=>Ps,neutralFillRestDeltaValue:()=>zs,neutralFillStealthActiveDeltaValue:()=>Ns,neutralFillStealthFocusDeltaValue:()=>Ls,neutralFillStealthHoverDeltaValue:()=>Rs,neutralFillStealthRestDeltaValue:()=>Ds,neutralFillStrongActiveDeltaValue:()=>js,neutralFillStrongFocusDeltaValue:()=>Es,neutralFillStrongHoverDeltaValue:()=>Is,neutralFillStrongRestDeltaValue:()=>Ms,neutralPaletteValue:()=>us,neutralStrokeActiveDeltaValue:()=>_s,neutralStrokeDividerRestDeltaValue:()=>Hs,neutralStrokeFocusDeltaValue:()=>Us,neutralStrokeHoverDeltaValue:()=>Gs,neutralStrokeRestDeltaValue:()=>Bs,prefix:()=>Vs,strokeWidthValue:()=>Ws,typeRampBaseFontSizeValue:()=>ad,typeRampBaseLineHeightValue:()=>rd,typeRampMinus1FontSizeValue:()=>td,typeRampMinus1LineHeightValue:()=>od,typeRampMinus2FontSizeValue:()=>id,typeRampMinus2LineHeightValue:()=>nd,typeRampPlus1FontSizeValue:()=>ld,typeRampPlus1LineHeightValue:()=>gd,typeRampPlus2FontSizeValue:()=>sd,typeRampPlus2LineHeightValue:()=>dd,typeRampPlus3FontSizeValue:()=>cd,typeRampPlus3LineHeightValue:()=>pd,typeRampPlus4FontSizeValue:()=>ud,typeRampPlus4LineHeightValue:()=>hd,typeRampPlus5FontSizeValue:()=>md,typeRampPlus5LineHeightValue:()=>bd,typeRampPlus6FontSizeValue:()=>vd,typeRampPlus6LineHeightValue:()=>fd});var l=r(44002),g=r(24636),s=r(61503),d=r(17914);const c=e=>{var a,r,t,o,i,n,l,g,s;return s=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,d.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,d.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,d.__classPrivateFieldGet)(this,o,"f")&&((0,d.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&(0,d.__classPrivateFieldSet)(this,r,(0,d.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,d.__classPrivateFieldGet)(this,t,"f")!==(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,d.__classPrivateFieldSet)(this,t,null!==(a=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,d.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,d.__classPrivateFieldSet)(this,n,g,"f"),(0,d.__classPrivateFieldGet)(this,n,"f")&&this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,d.__classPrivateFieldSet)(this,t,null!==(o=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,d.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[p])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,d.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},s},p=Symbol("layout-cache-document");var u=r(83453),h=r.n(u),m=r(60496),b=r(57418),v=r(34387),f=r(44405),w=r(85090);const y=b.css`
|
|
1
|
+
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[132],{54811:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>Fm,ColorToken:()=>Nm,ColorTokens:()=>Em,DesignSystemEditor:()=>vm,DesignSystemExport:()=>Am,DesignSystemPreview:()=>Hm,EventName:()=>om,PreviewComponents:()=>Sm,PreviewForm:()=>Zm,PreviewGrid:()=>ab,TypographyTokens:()=>Gm,defaultBodyFont:()=>lm,fontFamilies:()=>nm});var t={};r.r(t),r.d(t,{accentFillActive:()=>f.accentFillActive,accentFillActiveDelta:()=>f.accentFillActiveDelta,accentFillFocus:()=>f.accentFillFocus,accentFillFocusDelta:()=>f.accentFillFocusDelta,accentFillHover:()=>f.accentFillHover,accentFillHoverDelta:()=>f.accentFillHoverDelta,accentFillRest:()=>f.accentFillRest,accentFillRestDelta:()=>f.accentFillRestDelta,accentForegroundActive:()=>f.accentForegroundActive,accentForegroundActiveDelta:()=>f.accentForegroundActiveDelta,accentForegroundFocus:()=>f.accentForegroundFocus,accentForegroundFocusDelta:()=>f.accentForegroundFocusDelta,accentForegroundHover:()=>f.accentForegroundHover,accentForegroundHoverDelta:()=>f.accentForegroundHoverDelta,accentForegroundRest:()=>f.accentForegroundRest,accentForegroundRestDelta:()=>f.accentForegroundRestDelta,accentPalette:()=>f.accentPalette,baseHeightMultiplier:()=>f.baseHeightMultiplier,baseLayerLuminance:()=>f.baseLayerLuminance,bodyFont:()=>f.bodyFont,controlCornerRadius:()=>f.controlCornerRadius,defaultErrorColor:()=>Fe,defaultSuccessColor:()=>Ne,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>De,fillColor:()=>f.fillColor,focusStrokeInner:()=>f.focusStrokeInner,focusStrokeOuter:()=>f.focusStrokeOuter,focusStrokeWidth:()=>f.focusStrokeWidth,foregroundOnAccentActive:()=>f.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>f.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>f.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>f.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>f.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>f.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>f.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>f.foregroundOnAccentRestLarge,neutralFillActive:()=>f.neutralFillActive,neutralFillActiveDelta:()=>f.neutralFillActiveDelta,neutralFillFocus:()=>f.neutralFillFocus,neutralFillFocusDelta:()=>f.neutralFillFocusDelta,neutralFillHover:()=>f.neutralFillHover,neutralFillHoverDelta:()=>f.neutralFillHoverDelta,neutralFillInputActive:()=>f.neutralFillInputActive,neutralFillInputActiveDelta:()=>f.neutralFillInputActiveDelta,neutralFillInputFocus:()=>f.neutralFillInputFocus,neutralFillInputFocusDelta:()=>f.neutralFillInputFocusDelta,neutralFillInputHover:()=>f.neutralFillInputHover,neutralFillInputHoverDelta:()=>f.neutralFillInputHoverDelta,neutralFillInputRest:()=>f.neutralFillInputRest,neutralFillInputRestDelta:()=>f.neutralFillInputRestDelta,neutralFillLayerRest:()=>f.neutralFillLayerRest,neutralFillLayerRestDelta:()=>f.neutralFillLayerRestDelta,neutralFillRest:()=>f.neutralFillRest,neutralFillRestDelta:()=>f.neutralFillRestDelta,neutralFillStealthActive:()=>f.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>f.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>f.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>f.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>f.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>f.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>f.neutralFillStealthRest,neutralFillStealthRestDelta:()=>f.neutralFillStealthRestDelta,neutralFillStrongActive:()=>f.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>f.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>f.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>f.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>f.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>f.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>f.neutralFillStrongRest,neutralFillStrongRestDelta:()=>f.neutralFillStrongRestDelta,neutralForegroundHint:()=>f.neutralForegroundHint,neutralForegroundRest:()=>f.neutralForegroundRest,neutralLayer1:()=>f.neutralLayer1,neutralLayer2:()=>f.neutralLayer2,neutralLayer3:()=>f.neutralLayer3,neutralLayer4:()=>f.neutralLayer4,neutralLayerCardContainer:()=>f.neutralLayerCardContainer,neutralLayerFloating:()=>f.neutralLayerFloating,neutralPalette:()=>f.neutralPalette,neutralStrokeActive:()=>f.neutralStrokeActive,neutralStrokeActiveDelta:()=>f.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>f.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>f.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>f.neutralStrokeFocus,neutralStrokeFocusDelta:()=>f.neutralStrokeFocusDelta,neutralStrokeHover:()=>f.neutralStrokeHover,neutralStrokeHoverDelta:()=>f.neutralStrokeHoverDelta,neutralStrokeRest:()=>f.neutralStrokeRest,neutralStrokeRestDelta:()=>f.neutralStrokeRestDelta,strokeWidth:()=>f.strokeWidth,successColor:()=>Le,typeRampBaseFontSize:()=>f.typeRampBaseFontSize,typeRampBaseLineHeight:()=>f.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>f.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>f.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>f.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>f.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>f.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>f.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>f.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>f.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>f.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>f.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>f.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>f.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>f.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>f.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>f.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>f.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>Me,baseLayerLuminanceValue:()=>je,bodyFontValue:()=>We,controlCornerRadiusValue:()=>Ge,densityValue:()=>_e,designTokens:()=>Ze,designUnitValue:()=>Ue,directionValue:()=>Pe,neutralPaletteValue:()=>Ie,strokeWidthValue:()=>Be,typeRampBaseFontSizeValue:()=>qe,typeRampBaseLineHeightValue:()=>Je});var i={};r.r(i),r.d(i,{accentFillActive:()=>f.accentFillActive,accentFillActiveDelta:()=>f.accentFillActiveDelta,accentFillFocus:()=>f.accentFillFocus,accentFillFocusDelta:()=>f.accentFillFocusDelta,accentFillHover:()=>f.accentFillHover,accentFillHoverDelta:()=>f.accentFillHoverDelta,accentFillRest:()=>f.accentFillRest,accentFillRestDelta:()=>f.accentFillRestDelta,accentForegroundActive:()=>f.accentForegroundActive,accentForegroundActiveDelta:()=>f.accentForegroundActiveDelta,accentForegroundFocus:()=>f.accentForegroundFocus,accentForegroundFocusDelta:()=>f.accentForegroundFocusDelta,accentForegroundHover:()=>f.accentForegroundHover,accentForegroundHoverDelta:()=>f.accentForegroundHoverDelta,accentForegroundRest:()=>f.accentForegroundRest,accentForegroundRestDelta:()=>f.accentForegroundRestDelta,accentPalette:()=>f.accentPalette,baseHeightMultiplier:()=>f.baseHeightMultiplier,baseLayerLuminance:()=>f.baseLayerLuminance,bodyFont:()=>f.bodyFont,buyColor:()=>gs,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>ls,defaultErrorColor:()=>Kg,defaultSellColor:()=>ds,defaultSuccessColor:()=>as,defaultWarningColor:()=>os,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Xg,fillColor:()=>f.fillColor,focusStrokeInner:()=>f.focusStrokeInner,focusStrokeOuter:()=>f.focusStrokeOuter,focusStrokeWidth:()=>f.focusStrokeWidth,foregroundOnAccentActive:()=>f.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>f.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>f.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>f.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>f.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>f.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>f.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>f.foregroundOnAccentRestLarge,neutralFillActive:()=>f.neutralFillActive,neutralFillActiveDelta:()=>f.neutralFillActiveDelta,neutralFillFocus:()=>f.neutralFillFocus,neutralFillFocusDelta:()=>f.neutralFillFocusDelta,neutralFillHover:()=>f.neutralFillHover,neutralFillHoverDelta:()=>f.neutralFillHoverDelta,neutralFillInputActive:()=>f.neutralFillInputActive,neutralFillInputActiveDelta:()=>f.neutralFillInputActiveDelta,neutralFillInputFocus:()=>f.neutralFillInputFocus,neutralFillInputFocusDelta:()=>f.neutralFillInputFocusDelta,neutralFillInputHover:()=>f.neutralFillInputHover,neutralFillInputHoverDelta:()=>f.neutralFillInputHoverDelta,neutralFillInputRest:()=>f.neutralFillInputRest,neutralFillInputRestDelta:()=>f.neutralFillInputRestDelta,neutralFillLayerRest:()=>f.neutralFillLayerRest,neutralFillLayerRestDelta:()=>f.neutralFillLayerRestDelta,neutralFillRest:()=>f.neutralFillRest,neutralFillRestDelta:()=>f.neutralFillRestDelta,neutralFillStealthActive:()=>f.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>f.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>f.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>f.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>f.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>f.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>f.neutralFillStealthRest,neutralFillStealthRestDelta:()=>f.neutralFillStealthRestDelta,neutralFillStrongActive:()=>f.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>f.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>f.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>f.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>f.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>f.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>f.neutralFillStrongRest,neutralFillStrongRestDelta:()=>f.neutralFillStrongRestDelta,neutralForegroundHint:()=>f.neutralForegroundHint,neutralForegroundRest:()=>f.neutralForegroundRest,neutralLayer1:()=>f.neutralLayer1,neutralLayer2:()=>f.neutralLayer2,neutralLayer3:()=>f.neutralLayer3,neutralLayer4:()=>f.neutralLayer4,neutralLayerCardContainer:()=>f.neutralLayerCardContainer,neutralLayerFloating:()=>f.neutralLayerFloating,neutralPalette:()=>f.neutralPalette,neutralStrokeActive:()=>f.neutralStrokeActive,neutralStrokeActiveDelta:()=>f.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>f.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>f.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>f.neutralStrokeFocus,neutralStrokeFocusDelta:()=>f.neutralStrokeFocusDelta,neutralStrokeHover:()=>f.neutralStrokeHover,neutralStrokeHoverDelta:()=>f.neutralStrokeHoverDelta,neutralStrokeRest:()=>f.neutralStrokeRest,neutralStrokeRestDelta:()=>f.neutralStrokeRestDelta,sellColor:()=>cs,strokeWidth:()=>f.strokeWidth,successColor:()=>rs,typeRampBaseFontSize:()=>f.typeRampBaseFontSize,typeRampBaseLineHeight:()=>f.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>f.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>f.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>f.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>f.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>f.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>f.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>f.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>f.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>f.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>f.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>f.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>f.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>f.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>f.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>f.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>f.typeRampPlus6LineHeight,warningColor:()=>is});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>vs,accentFillFocusDeltaValue:()=>fs,accentFillHoverDeltaValue:()=>bs,accentFillRestDeltaValue:()=>ms,accentForegroundActiveDeltaValue:()=>xs,accentForegroundFocusDeltaValue:()=>ks,accentForegroundHoverDeltaValue:()=>ys,accentForegroundRestDeltaValue:()=>ws,accentPaletteValue:()=>ps,baseHeightMultiplierValue:()=>Js,baseLayerLuminanceValue:()=>hs,bodyFontValue:()=>ed,controlCornerRadiusValue:()=>Zs,densityValue:()=>Ks,designTokens:()=>wd,designUnitValue:()=>Xs,directionValue:()=>Ys,disabledOpacityValue:()=>Qs,focusStrokeWidthValue:()=>qs,neutralFillActiveDeltaValue:()=>Cs,neutralFillFocusDeltaValue:()=>$s,neutralFillHoverDeltaValue:()=>Ss,neutralFillInputActiveDeltaValue:()=>Ts,neutralFillInputFocusDeltaValue:()=>Fs,neutralFillInputHoverDeltaValue:()=>Os,neutralFillInputRestDeltaValue:()=>As,neutralFillLayerRestDeltaValue:()=>Ps,neutralFillRestDeltaValue:()=>zs,neutralFillStealthActiveDeltaValue:()=>Ns,neutralFillStealthFocusDeltaValue:()=>Ls,neutralFillStealthHoverDeltaValue:()=>Rs,neutralFillStealthRestDeltaValue:()=>Ds,neutralFillStrongActiveDeltaValue:()=>js,neutralFillStrongFocusDeltaValue:()=>Es,neutralFillStrongHoverDeltaValue:()=>Is,neutralFillStrongRestDeltaValue:()=>Ms,neutralPaletteValue:()=>us,neutralStrokeActiveDeltaValue:()=>_s,neutralStrokeDividerRestDeltaValue:()=>Hs,neutralStrokeFocusDeltaValue:()=>Us,neutralStrokeHoverDeltaValue:()=>Gs,neutralStrokeRestDeltaValue:()=>Bs,prefix:()=>Vs,strokeWidthValue:()=>Ws,typeRampBaseFontSizeValue:()=>ad,typeRampBaseLineHeightValue:()=>rd,typeRampMinus1FontSizeValue:()=>td,typeRampMinus1LineHeightValue:()=>od,typeRampMinus2FontSizeValue:()=>id,typeRampMinus2LineHeightValue:()=>nd,typeRampPlus1FontSizeValue:()=>ld,typeRampPlus1LineHeightValue:()=>gd,typeRampPlus2FontSizeValue:()=>sd,typeRampPlus2LineHeightValue:()=>dd,typeRampPlus3FontSizeValue:()=>cd,typeRampPlus3LineHeightValue:()=>pd,typeRampPlus4FontSizeValue:()=>ud,typeRampPlus4LineHeightValue:()=>hd,typeRampPlus5FontSizeValue:()=>md,typeRampPlus5LineHeightValue:()=>bd,typeRampPlus6FontSizeValue:()=>vd,typeRampPlus6LineHeightValue:()=>fd});var l=r(15420),g=r(24636),s=r(61503),d=r(17914);const c=e=>{var a,r,t,o,i,n,l,g,s;return s=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,d.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,d.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,d.__classPrivateFieldGet)(this,o,"f")&&((0,d.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&(0,d.__classPrivateFieldSet)(this,r,(0,d.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,d.__classPrivateFieldGet)(this,t,"f")!==(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,d.__classPrivateFieldSet)(this,t,null!==(a=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,d.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,d.__classPrivateFieldSet)(this,n,g,"f"),(0,d.__classPrivateFieldGet)(this,n,"f")&&this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,d.__classPrivateFieldSet)(this,t,null!==(o=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,d.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[p])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,d.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},s},p=Symbol("layout-cache-document");var u=r(83453),h=r.n(u),m=r(60496),b=r(57418),v=r(34387),f=r(44405),w=r(85090);const y=b.css`
|
|
2
2
|
:host {
|
|
3
3
|
border: calc(${f.strokeWidth} * 1px) solid transparent;
|
|
4
4
|
margin: 0;
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
background: ${w.A.Canvas};
|
|
55
55
|
border-color: ${w.A.CanvasText};
|
|
56
56
|
}
|
|
57
|
-
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(
|
|
57
|
+
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(42534);const z=(0,k.createLogger)("foundation-form"),S=b.html`
|
|
58
58
|
<template>
|
|
59
59
|
${(0,b.when)((e=>!1),b.html`
|
|
60
60
|
<zero-button class="clipboard-button" @click=${e=>e.copyUISchemaToClipboard()}>
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
</control-wrapper>
|
|
296
296
|
</template>
|
|
297
297
|
`)(e.prefix)}
|
|
298
|
-
`,tester:(0,m.Hc7)(3,_),mapper:m.kOB};var H=r(
|
|
298
|
+
`,tester:(0,m.Hc7)(3,_),mapper:m.kOB};var H=r(13226);const V=e=>a=>{if(!a||!(0,m.c0N)(a))return!1;const r=a.options;return!(!r||!r[e])},Y=(0,m.Uo6)(V("allOptionsResourceName"),(0,m.or)((0,m.f4S)((e=>(0,m.dfR)(e,"array"))),(0,m.f4S)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,m.dfR)(e,"array")))))));H.MultiselectDatasource;const Q={renderer:b.html`
|
|
299
299
|
${e=>((e="zero")=>b.html`
|
|
300
300
|
<template>
|
|
301
301
|
<control-wrapper
|
|
@@ -13682,7 +13682,7 @@
|
|
|
13682
13682
|
<slot></slot>
|
|
13683
13683
|
</div>
|
|
13684
13684
|
</template>
|
|
13685
|
-
`,dm=({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,bodyFont:Object.keys(nm).find((a=>nm[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),cm=dm(Ze),pm={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},um={accent:"primary",neutral:"secondary",font:"white"},hm=dm(l.designTokens),mm=dm(wd),bm={zero:{prefix:"zero",tokenDefaults:cm,buttons:pm,badge:um},alpha:{prefix:"alpha",tokenDefaults:hm,buttons:{accent:"accent",neutral:"neutral",outline:"outline",text:"lightweight"},badge:{accent:"primary",neutral:"neutral",font:"white"}},rapid:{prefix:"rapid",tokenDefaults:mm,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:pm,badge:um}};let vm=class extends b.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=cm.luminance===f.StandardLuminance.DarkMode,this.luminance=cm.luminance,this.neutralColor=cm.neutralColor,this.accentColor=cm.accentColor,this.bodyFont=cm.bodyFont,this.density=cm.density,this.borderRadius=cm.borderRadius,this.strokeWidth=cm.strokeWidth,this.designUnit=cm.designUnit,this.baseFontSize=cm.baseFontSize,this.baseLineHeight=cm.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof v.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof f.Combobox||e.target instanceof f.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof v.Slider){const a=parseInt(e.target.value),r=e.target.name;r&&Number.isInteger(a)&&(this[r]=a,this.updateUserSelections(r,a),this.styleUpdate())}},this.updateUserSelections=(e,a)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=a)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?f.StandardLuminance.DarkMode:f.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&b.DOM.queueUpdate((()=>{const e=dm(a);bm.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,im.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(bm[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,im.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"},{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const
|
|
13685
|
+
`,dm=({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,bodyFont:Object.keys(nm).find((a=>nm[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),cm=dm(Ze),pm={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},um={accent:"primary",neutral:"secondary",font:"white"},hm=dm(l.designTokens),mm=dm(wd),bm={zero:{prefix:"zero",tokenDefaults:cm,buttons:pm,badge:um},alpha:{prefix:"alpha",tokenDefaults:hm,buttons:{accent:"accent",neutral:"neutral",outline:"outline",text:"lightweight"},badge:{accent:"primary",neutral:"neutral",font:"white"}},rapid:{prefix:"rapid",tokenDefaults:mm,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:pm,badge:um}};let vm=class extends b.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=cm.luminance===f.StandardLuminance.DarkMode,this.luminance=cm.luminance,this.neutralColor=cm.neutralColor,this.accentColor=cm.accentColor,this.bodyFont=cm.bodyFont,this.density=cm.density,this.borderRadius=cm.borderRadius,this.strokeWidth=cm.strokeWidth,this.designUnit=cm.designUnit,this.baseFontSize=cm.baseFontSize,this.baseLineHeight=cm.baseLineHeight,this.preserveOptions=!0,this.tokenUpdateInProgress=!1,this.changeHandler=e=>{if(e.target instanceof v.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof f.Combobox||e.target instanceof f.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.updateUserSelections(a,r),this.styleUpdate())}else if(e.target instanceof v.Slider){const a=parseInt(e.target.value),r=e.target.name;r&&Number.isInteger(a)&&(this[r]=a,this.updateUserSelections(r,a),this.styleUpdate())}},this.updateUserSelections=(e,a)=>{"ds"===e||this.tokenUpdateInProgress||(this.userSelections[e]=a)},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?f.StandardLuminance.DarkMode:f.StandardLuminance.LightMode,this.updateUserSelections("luminance",this.luminance),this.styleUpdate()},this.applyCustomDSTokens=e=>{const a=e.detail;a&&b.DOM.queueUpdate((()=>{const e=dm(a);bm.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,im.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(bm[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,im.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"},{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:a="custom"}=yield this.getAppDetails(),r={name:e,value:a};this.designSystems=[r],bm.custom.prefix=a,bm.custom.buttons=bm[a].buttons,bm.custom.badge=bm[a].badge,this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:bm[this.ds].prefix,buttonAppearanceAccent:bm[this.ds].buttons.accent,buttonAppearanceNeutral:bm[this.ds].buttons.neutral,buttonAppearanceOutline:bm[this.ds].buttons.outline,buttonAppearanceText:bm[this.ds].buttons.text,badgeAppearanceAccent:bm[this.ds].badge.accent,badgeAppearanceNeutral:bm[this.ds].badge.neutral,badgeText:bm[this.ds].badge.font};this.$emit(om.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(bm[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:nm[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(om.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach((a=>{this.preserveOptions&&void 0!==this.userSelections[a]?this[a]=this.userSelections[a]:this[a]=e[a]})),this.darkMode=this.luminance===f.StandardLuminance.DarkMode,b.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={},Ve(),b.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(om.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,im.__decorate)([(0,b.attr)({mode:"boolean",attribute:"custom-design-mode"})],vm.prototype,"customDesignMode",void 0),(0,im.__decorate)([b.observable],vm.prototype,"designSystems",void 0),(0,im.__decorate)([b.observable],vm.prototype,"ds",void 0),(0,im.__decorate)([b.attr],vm.prototype,"darkMode",void 0),(0,im.__decorate)([b.observable],vm.prototype,"neutralColor",void 0),(0,im.__decorate)([b.observable],vm.prototype,"accentColor",void 0),(0,im.__decorate)([b.observable],vm.prototype,"bodyFont",void 0),(0,im.__decorate)([b.observable],vm.prototype,"density",void 0),(0,im.__decorate)([b.observable],vm.prototype,"borderRadius",void 0),(0,im.__decorate)([b.observable],vm.prototype,"strokeWidth",void 0),(0,im.__decorate)([b.observable],vm.prototype,"designUnit",void 0),(0,im.__decorate)([b.observable],vm.prototype,"baseFontSize",void 0),(0,im.__decorate)([b.observable],vm.prototype,"baseLineHeight",void 0),(0,im.__decorate)([b.observable],vm.prototype,"preserveOptions",void 0),vm=(0,im.__decorate)([(0,b.customElement)({name:"design-system-editor",template:sm,styles:gm})],vm);const fm=(0,k.createLogger)("documentation-components"),wm=e=>{const a=(e=>{const a=(0,Ae.parseColorHexRGB)(e);return a?f.SwatchRGB.from(a):null})(e);return a?f.PaletteRGB.create(a):null},ym=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},xm=(e,a)=>{const r=wm(e.neutralColor);f.neutralPalette.setValueFor(a,r);const t=wm(e.accentColor);f.accentPalette.setValueFor(a,t),f.baseLayerLuminance.setValueFor(a,e.luminance),f.density.setValueFor(a,e.density),f.controlCornerRadius.setValueFor(a,e.borderRadius),f.strokeWidth.setValueFor(a,e.strokeWidth),f.designUnit.setValueFor(a,e.designUnit),f.bodyFont.setValueFor(a,e.bodyFont),f.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),f.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),f.typeRampMinus1FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.minusOne,a)),f.typeRampMinus1LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.minusOne,a)),f.typeRampMinus2FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.minusTwo,a)),f.typeRampMinus2LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.minusTwo,a)),f.typeRampPlus1FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusOne,a)),f.typeRampPlus1LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusOne,a)),f.typeRampPlus2FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusTwo,a)),f.typeRampPlus2LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusTwo,a)),f.typeRampPlus3FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusThree,a)),f.typeRampPlus3LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusThree,a)),f.typeRampPlus4FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusFour,a)),f.typeRampPlus4LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusFour,a)),f.typeRampPlus5FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusFive,a)),f.typeRampPlus5LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusFive,a)),f.typeRampPlus6FontSize.setValueFor(a,ym(f.typeRampBaseFontSize,He.Du.plusSix,a)),f.typeRampPlus6LineHeight.setValueFor(a,ym(f.typeRampBaseLineHeight,He.Du.plusSix,a))},km=b.css`
|
|
13686
13686
|
:host {
|
|
13687
13687
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
13688
13688
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -14708,4 +14708,4 @@
|
|
|
14708
14708
|
</template>
|
|
14709
14709
|
`)(e.prefix)}
|
|
14710
14710
|
`;let ab=class extends b.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.rowData=[...Km],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},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,a)=>{if(null==a)return-1;const r=a.split("/"),t=new Date(Number(r[2]),Number(r[1])-1,Number(r[0]));return e.getTime()===t.getTime()?0:t<e?-1:t>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:Yi.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=((e,a={},r="⋮",t=!1,o)=>{const i={cellRenderer:Yi.actionsMenu,cellRendererParams:{actions:e,buttonAppearance:o,isVertical:t,buttonText:r},cellStyle:{border:"none",overflow:"visible"},field:`${Un(a.headerName)||"actions-menu"}`,headerName:"Actions",width:150};return Object.assign(Object.assign({},i),a)})(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:Yi.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(om.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(om.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{this.setGridOptions(),f.bodyFont.withDefault(lm)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{xm(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,b.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,im.__decorate)([b.observable],ab.prototype,"grid",void 0),(0,im.__decorate)([b.attr],ab.prototype,"prefix",void 0),(0,im.__decorate)([b.observable],ab.prototype,"provider",void 0),(0,im.__decorate)([b.observable],ab.prototype,"rowData",void 0),(0,im.__decorate)([b.observable],ab.prototype,"columnDefs",void 0),(0,im.__decorate)([b.observable],ab.prototype,"gridOptions",void 0),ab=(0,im.__decorate)([(0,b.customElement)({name:"preview-grid",template:eb,styles:Xm})],ab),((e,a="zero")=>{e&&(0,H.provideTokens)(t,o,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(Ii,Qg),(0,l.provideDesignSystem)().register(l.baseComponents,Wg),((e,a="rapid")=>{e&&(0,H.provideTokens)(i,n,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(xh,tm)}}]);
|
|
14711
|
-
//# sourceMappingURL=132.
|
|
14711
|
+
//# sourceMappingURL=132.a5f6ca42adf5f35d06201adbe12ecc7c.js.map
|