@genesislcap/design-system-configurator 14.158.0 → 14.158.1-forms-deepclone.2
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/{200.200.e48d790481b7692ef242.js → 200.200.c73ac85d5b112356cd78.js} +1 -1
- package/dist/{300.300.a8b1c153fa0708323815.js → 300.300.61209327e3bbfefef8a5.js} +1 -1
- package/dist/{577.577.5170adc8cf3ed7832cb4.js → 577.577.ff293c56ee8854f94025.js} +835 -835
- package/dist/577.7ff61aec3e24024e5dd4ec19e0b60734.js.map +1 -0
- package/dist/{746.746.3409e7056c91bec4e748.js → 746.746.06223d149872f96b1e9b.js} +1 -1
- package/dist/{755.755.9a440025842484862c50.js → 755.755.941038a737d7ee144d25.js} +1 -1
- package/dist/{8.8.fe78501faa0c968df3fe.js → 8.8.f0b1edf7eac5d7fff75f.js} +1 -1
- package/dist/{designSystemConfigurator.3d8847f591c6bdc526c87b004165be35.js.map → designSystemConfigurator.16ac3ff2f08939e7b236c3fc77b9c3a2.js.map} +1 -1
- package/dist/index.html +1 -1
- package/dist/{main.aecaf14ba49a219dacc3.js → main.410a509834a4d40a02b6.js} +2 -2
- package/dist/{main.3a723457fb84139dd49460f1f842d86d.js.map → main.c0a018927021590240e3e527fa0b699b.js.map} +1 -1
- package/dist/remoteEntry.js +2 -2
- package/package.json +12 -12
- package/dist/577.b9c03793abd332c0b626f331061bda52.js.map +0 -1
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[577],{1024:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>bm,ColorToken:()=>wm,ColorTokens:()=>Sm,DesignSystemEditor:()=>tm,DesignSystemExport:()=>um,DesignSystemPreview:()=>Tm,EventName:()=>Hh,PreviewComponents:()=>dm,PreviewForm:()=>jm,PreviewGrid:()=>Bm,TypographyTokens:()=>Am,defaultBodyFont:()=>Qh,fontFamilies:()=>Yh});var t={};r.r(t),r.d(t,{accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,bodyFont:()=>m.bodyFont,controlCornerRadius:()=>m.controlCornerRadius,defaultErrorColor:()=>Se,defaultSuccessColor:()=>Ae,density:()=>m.density,designUnit:()=>m.designUnit,direction:()=>m.direction,disabledOpacity:()=>m.disabledOpacity,errorColor:()=>Ce,fillColor:()=>m.fillColor,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,strokeWidth:()=>m.strokeWidth,successColor:()=>Fe,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>Oe,baseLayerLuminanceValue:()=>De,bodyFontValue:()=>_e,controlCornerRadiusValue:()=>Me,densityValue:()=>Ie,designTokens:()=>Ve,designUnitValue:()=>je,directionValue:()=>Ne,neutralPaletteValue:()=>Te,strokeWidthValue:()=>Le,typeRampBaseFontSizeValue:()=>Ue,typeRampBaseLineHeightValue:()=>He});var i={};r.r(i),r.d(i,{accentFillActive:()=>m.accentFillActive,accentFillActiveDelta:()=>m.accentFillActiveDelta,accentFillFocus:()=>m.accentFillFocus,accentFillFocusDelta:()=>m.accentFillFocusDelta,accentFillHover:()=>m.accentFillHover,accentFillHoverDelta:()=>m.accentFillHoverDelta,accentFillRest:()=>m.accentFillRest,accentFillRestDelta:()=>m.accentFillRestDelta,accentForegroundActive:()=>m.accentForegroundActive,accentForegroundActiveDelta:()=>m.accentForegroundActiveDelta,accentForegroundFocus:()=>m.accentForegroundFocus,accentForegroundFocusDelta:()=>m.accentForegroundFocusDelta,accentForegroundHover:()=>m.accentForegroundHover,accentForegroundHoverDelta:()=>m.accentForegroundHoverDelta,accentForegroundRest:()=>m.accentForegroundRest,accentForegroundRestDelta:()=>m.accentForegroundRestDelta,accentPalette:()=>m.accentPalette,baseHeightMultiplier:()=>m.baseHeightMultiplier,baseLayerLuminance:()=>m.baseLayerLuminance,bodyFont:()=>m.bodyFont,buyColor:()=>qg,controlCornerRadius:()=>m.controlCornerRadius,defaultBuyColor:()=>Wg,defaultErrorColor:()=>Pg,defaultSellColor:()=>Zg,defaultSuccessColor:()=>_g,defaultWarningColor:()=>Vg,density:()=>m.density,designUnit:()=>m.designUnit,direction:()=>m.direction,disabledOpacity:()=>m.disabledOpacity,errorColor:()=>Bg,fillColor:()=>m.fillColor,focusStrokeInner:()=>m.focusStrokeInner,focusStrokeOuter:()=>m.focusStrokeOuter,focusStrokeWidth:()=>m.focusStrokeWidth,foregroundOnAccentActive:()=>m.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>m.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>m.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>m.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>m.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>m.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>m.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>m.foregroundOnAccentRestLarge,neutralFillActive:()=>m.neutralFillActive,neutralFillActiveDelta:()=>m.neutralFillActiveDelta,neutralFillFocus:()=>m.neutralFillFocus,neutralFillFocusDelta:()=>m.neutralFillFocusDelta,neutralFillHover:()=>m.neutralFillHover,neutralFillHoverDelta:()=>m.neutralFillHoverDelta,neutralFillInputActive:()=>m.neutralFillInputActive,neutralFillInputActiveDelta:()=>m.neutralFillInputActiveDelta,neutralFillInputFocus:()=>m.neutralFillInputFocus,neutralFillInputFocusDelta:()=>m.neutralFillInputFocusDelta,neutralFillInputHover:()=>m.neutralFillInputHover,neutralFillInputHoverDelta:()=>m.neutralFillInputHoverDelta,neutralFillInputRest:()=>m.neutralFillInputRest,neutralFillInputRestDelta:()=>m.neutralFillInputRestDelta,neutralFillLayerRest:()=>m.neutralFillLayerRest,neutralFillLayerRestDelta:()=>m.neutralFillLayerRestDelta,neutralFillRest:()=>m.neutralFillRest,neutralFillRestDelta:()=>m.neutralFillRestDelta,neutralFillStealthActive:()=>m.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>m.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>m.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>m.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>m.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>m.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>m.neutralFillStealthRest,neutralFillStealthRestDelta:()=>m.neutralFillStealthRestDelta,neutralFillStrongActive:()=>m.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>m.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>m.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>m.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>m.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>m.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>m.neutralFillStrongRest,neutralFillStrongRestDelta:()=>m.neutralFillStrongRestDelta,neutralForegroundHint:()=>m.neutralForegroundHint,neutralForegroundRest:()=>m.neutralForegroundRest,neutralLayer1:()=>m.neutralLayer1,neutralLayer2:()=>m.neutralLayer2,neutralLayer3:()=>m.neutralLayer3,neutralLayer4:()=>m.neutralLayer4,neutralLayerCardContainer:()=>m.neutralLayerCardContainer,neutralLayerFloating:()=>m.neutralLayerFloating,neutralPalette:()=>m.neutralPalette,neutralStrokeActive:()=>m.neutralStrokeActive,neutralStrokeActiveDelta:()=>m.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>m.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>m.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>m.neutralStrokeFocus,neutralStrokeFocusDelta:()=>m.neutralStrokeFocusDelta,neutralStrokeHover:()=>m.neutralStrokeHover,neutralStrokeHoverDelta:()=>m.neutralStrokeHoverDelta,neutralStrokeRest:()=>m.neutralStrokeRest,neutralStrokeRestDelta:()=>m.neutralStrokeRestDelta,sellColor:()=>Kg,strokeWidth:()=>m.strokeWidth,successColor:()=>Ug,typeRampBaseFontSize:()=>m.typeRampBaseFontSize,typeRampBaseLineHeight:()=>m.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>m.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>m.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>m.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>m.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>m.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>m.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>m.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>m.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>m.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>m.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>m.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>m.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>m.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>m.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>m.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>m.typeRampPlus6LineHeight,warningColor:()=>Yg});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>os,accentFillFocusDeltaValue:()=>is,accentFillHoverDeltaValue:()=>ts,accentFillRestDeltaValue:()=>rs,accentForegroundActiveDeltaValue:()=>gs,accentForegroundFocusDeltaValue:()=>ss,accentForegroundHoverDeltaValue:()=>ls,accentForegroundRestDeltaValue:()=>ns,accentPaletteValue:()=>Xg,baseHeightMultiplierValue:()=>js,baseLayerLuminanceValue:()=>as,bodyFontValue:()=>Gs,controlCornerRadiusValue:()=>Es,densityValue:()=>Ps,designTokens:()=>nd,designUnitValue:()=>Bs,directionValue:()=>Ns,disabledOpacityValue:()=>Ls,focusStrokeWidthValue:()=>Is,neutralFillActiveDeltaValue:()=>ps,neutralFillFocusDeltaValue:()=>us,neutralFillHoverDeltaValue:()=>cs,neutralFillInputActiveDeltaValue:()=>bs,neutralFillInputFocusDeltaValue:()=>vs,neutralFillInputHoverDeltaValue:()=>ms,neutralFillInputRestDeltaValue:()=>hs,neutralFillLayerRestDeltaValue:()=>$s,neutralFillRestDeltaValue:()=>ds,neutralFillStealthActiveDeltaValue:()=>ys,neutralFillStealthFocusDeltaValue:()=>xs,neutralFillStealthHoverDeltaValue:()=>ws,neutralFillStealthRestDeltaValue:()=>fs,neutralFillStrongActiveDeltaValue:()=>Ss,neutralFillStrongFocusDeltaValue:()=>Cs,neutralFillStrongHoverDeltaValue:()=>zs,neutralFillStrongRestDeltaValue:()=>ks,neutralPaletteValue:()=>es,neutralStrokeActiveDeltaValue:()=>Os,neutralStrokeDividerRestDeltaValue:()=>Ds,neutralStrokeFocusDeltaValue:()=>Ts,neutralStrokeHoverDeltaValue:()=>Fs,neutralStrokeRestDeltaValue:()=>As,prefix:()=>Rs,strokeWidthValue:()=>Ms,typeRampBaseFontSizeValue:()=>_s,typeRampBaseLineHeightValue:()=>Us,typeRampMinus1FontSizeValue:()=>Hs,typeRampMinus1LineHeightValue:()=>Vs,typeRampMinus2FontSizeValue:()=>Ys,typeRampMinus2LineHeightValue:()=>Qs,typeRampPlus1FontSizeValue:()=>Ws,typeRampPlus1LineHeightValue:()=>qs,typeRampPlus2FontSizeValue:()=>Js,typeRampPlus2LineHeightValue:()=>Zs,typeRampPlus3FontSizeValue:()=>Ks,typeRampPlus3LineHeightValue:()=>Xs,typeRampPlus4FontSizeValue:()=>ed,typeRampPlus4LineHeightValue:()=>ad,typeRampPlus5FontSizeValue:()=>rd,typeRampPlus5LineHeightValue:()=>td,typeRampPlus6FontSizeValue:()=>od,typeRampPlus6LineHeightValue:()=>id});var l=r(75608),g=r(92592),s=r(66526),d=r(86776),c=r.n(d),p=r(60724),u=r(79292),h=r(99667),m=r(41663),b=r(67973);const v=u.css`
|
|
1
|
+
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[577],{1024:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>bm,ColorToken:()=>wm,ColorTokens:()=>Sm,DesignSystemEditor:()=>tm,DesignSystemExport:()=>um,DesignSystemPreview:()=>Tm,EventName:()=>Hh,PreviewComponents:()=>dm,PreviewForm:()=>jm,PreviewGrid:()=>Bm,TypographyTokens:()=>Am,defaultBodyFont:()=>Qh,fontFamilies:()=>Yh});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:()=>Ae,defaultSuccessColor:()=>Te,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Fe,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:()=>De,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:()=>Re,baseLayerLuminanceValue:()=>Le,bodyFontValue:()=>Ve,controlCornerRadiusValue:()=>Ee,densityValue:()=>Pe,designTokens:()=>We,designUnitValue:()=>Be,directionValue:()=>Ie,neutralPaletteValue:()=>Ne,strokeWidthValue:()=>je,typeRampBaseFontSizeValue:()=>Ye,typeRampBaseLineHeightValue:()=>Qe});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:()=>qg,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>Wg,defaultErrorColor:()=>Pg,defaultSellColor:()=>Zg,defaultSuccessColor:()=>_g,defaultWarningColor:()=>Vg,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Bg,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:()=>Kg,strokeWidth:()=>f.strokeWidth,successColor:()=>Ug,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:()=>Yg});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>os,accentFillFocusDeltaValue:()=>is,accentFillHoverDeltaValue:()=>ts,accentFillRestDeltaValue:()=>rs,accentForegroundActiveDeltaValue:()=>gs,accentForegroundFocusDeltaValue:()=>ss,accentForegroundHoverDeltaValue:()=>ls,accentForegroundRestDeltaValue:()=>ns,accentPaletteValue:()=>Xg,baseHeightMultiplierValue:()=>js,baseLayerLuminanceValue:()=>as,bodyFontValue:()=>Gs,controlCornerRadiusValue:()=>Es,densityValue:()=>Ps,designTokens:()=>nd,designUnitValue:()=>Bs,directionValue:()=>Ns,disabledOpacityValue:()=>Ls,focusStrokeWidthValue:()=>Is,neutralFillActiveDeltaValue:()=>ps,neutralFillFocusDeltaValue:()=>us,neutralFillHoverDeltaValue:()=>cs,neutralFillInputActiveDeltaValue:()=>bs,neutralFillInputFocusDeltaValue:()=>vs,neutralFillInputHoverDeltaValue:()=>ms,neutralFillInputRestDeltaValue:()=>hs,neutralFillLayerRestDeltaValue:()=>$s,neutralFillRestDeltaValue:()=>ds,neutralFillStealthActiveDeltaValue:()=>ys,neutralFillStealthFocusDeltaValue:()=>xs,neutralFillStealthHoverDeltaValue:()=>ws,neutralFillStealthRestDeltaValue:()=>fs,neutralFillStrongActiveDeltaValue:()=>Ss,neutralFillStrongFocusDeltaValue:()=>Cs,neutralFillStrongHoverDeltaValue:()=>zs,neutralFillStrongRestDeltaValue:()=>ks,neutralPaletteValue:()=>es,neutralStrokeActiveDeltaValue:()=>Os,neutralStrokeDividerRestDeltaValue:()=>Ds,neutralStrokeFocusDeltaValue:()=>Ts,neutralStrokeHoverDeltaValue:()=>Fs,neutralStrokeRestDeltaValue:()=>As,prefix:()=>Rs,strokeWidthValue:()=>Ms,typeRampBaseFontSizeValue:()=>_s,typeRampBaseLineHeightValue:()=>Us,typeRampMinus1FontSizeValue:()=>Hs,typeRampMinus1LineHeightValue:()=>Vs,typeRampMinus2FontSizeValue:()=>Ys,typeRampMinus2LineHeightValue:()=>Qs,typeRampPlus1FontSizeValue:()=>Ws,typeRampPlus1LineHeightValue:()=>qs,typeRampPlus2FontSizeValue:()=>Js,typeRampPlus2LineHeightValue:()=>Zs,typeRampPlus3FontSizeValue:()=>Ks,typeRampPlus3LineHeightValue:()=>Xs,typeRampPlus4FontSizeValue:()=>ed,typeRampPlus4LineHeightValue:()=>ad,typeRampPlus5FontSizeValue:()=>rd,typeRampPlus5LineHeightValue:()=>td,typeRampPlus6FontSizeValue:()=>od,typeRampPlus6LineHeightValue:()=>id});var l=r(58130),g=r(92592),s=r(66526),d=r(9492);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(86776),h=r.n(u),m=r(60724),b=r(79292),v=r(99667),f=r(41663),w=r(67973);const y=b.css`
|
|
2
2
|
:host {
|
|
3
|
-
border: calc(${
|
|
3
|
+
border: calc(${f.strokeWidth} * 1px) solid transparent;
|
|
4
4
|
margin: 0;
|
|
5
|
-
border-radius: calc(${
|
|
6
|
-
padding: calc(${
|
|
5
|
+
border-radius: calc(${f.controlCornerRadius} * 1px);
|
|
6
|
+
padding: calc(${f.designUnit} * 1px);
|
|
7
7
|
min-width: 64px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.form-controls {
|
|
11
11
|
display: grid;
|
|
12
|
-
grid-gap: calc(${
|
|
13
|
-
grid-column-gap: calc(${
|
|
12
|
+
grid-gap: calc(${f.designUnit} * 1px);
|
|
13
|
+
grid-column-gap: calc(${f.designUnit} * 7px);
|
|
14
14
|
grid-template-columns: repeat(2, 1fr);
|
|
15
15
|
}
|
|
16
16
|
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.label {
|
|
28
|
-
font-size: calc(${
|
|
28
|
+
font-size: calc(${f.designUnit} * 1px + 0.7vmin);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.actions {
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
flex-direction: row;
|
|
34
34
|
align-items: flex-end;
|
|
35
35
|
justify-content: flex-end;
|
|
36
|
-
padding: calc(${
|
|
36
|
+
padding: calc(${f.designUnit} * 2px);
|
|
37
37
|
gap: 10px;
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -45,19 +45,19 @@
|
|
|
45
45
|
width: 70px;
|
|
46
46
|
margin: 0;
|
|
47
47
|
}
|
|
48
|
-
`.withBehaviors((0,
|
|
48
|
+
`.withBehaviors((0,v.forcedColorsStylesheetBehavior)(b.css`
|
|
49
49
|
:host {
|
|
50
|
-
background: ${
|
|
51
|
-
border-color: ${
|
|
50
|
+
background: ${w.H.Canvas};
|
|
51
|
+
border-color: ${w.H.CanvasText};
|
|
52
52
|
}
|
|
53
|
-
`)),
|
|
53
|
+
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(19637);const z=(0,k.createLogger)("foundation-form"),S=b.html`
|
|
54
54
|
<template>
|
|
55
|
-
${(0,
|
|
55
|
+
${(0,b.when)((e=>!1),b.html`
|
|
56
56
|
<zero-button class="clipboard-button" @click=${e=>e.copyUISchemaToClipboard()}>
|
|
57
57
|
Copy autogenerated UI Schema
|
|
58
58
|
</zero-button>
|
|
59
59
|
`)}
|
|
60
|
-
${(0,
|
|
60
|
+
${(0,b.when)((e=>e.jsonforms&&e.dispatch&&e.props),b.html`
|
|
61
61
|
<dispatch-renderer
|
|
62
62
|
:jsonforms=${e=>e.jsonforms}
|
|
63
63
|
:dispatch=${e=>e.dispatch}
|
|
@@ -67,13 +67,13 @@
|
|
|
67
67
|
/>
|
|
68
68
|
`)}
|
|
69
69
|
</template>
|
|
70
|
-
`,
|
|
70
|
+
`,C=(e,a,r)=>{var t,o,i,n;return null!==(n=null===(i=null===(o=null===(t=null==r?void 0:r.options)||void 0===t?void 0:t.i18n)||void 0===o?void 0:o.error)||void 0===i?void 0:i[e.keyword])&&void 0!==n?n:((e,a,r)=>{var t;return"pattern"===(null==e?void 0:e.keyword)?null!==(t=x[e.params.pattern])&&void 0!==t?t:"Invalid pattern.":(0,m.zjv)(e,a,r)})(e,a,r)};let $=class extends b.FASTElement{constructor(){super(...arguments),this.dispatch=e=>{this.jsonforms=Object.assign(Object.assign({},this.jsonforms),{core:(0,m.mpn)(this.jsonforms.core,e)}),this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})},this.validate=e=>{var a,r,t;const o=null===(r=null===(a=this.jsonforms)||void 0===a?void 0:a.core)||void 0===r?void 0:r.data;if(!o)return[];const i=[];return null===(t=null==e?void 0:e.elements)||void 0===t||t.forEach((e=>{var a,r,t,n;const l=null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.validateFn;if("function"!=typeof l)return;const g=null===(t=null===(r=null==e?void 0:e.scope)||void 0===r?void 0:r.split("/"))||void 0===t?void 0:t.pop(),s=null==e?void 0:e.label;let d=null!==(n=l(o,g,s))&&void 0!==n?n:[];Array.isArray(d)||(d=[d]),i.push(...d)})),i}}prefixChanged(){this.schemaChanged()}schemaChanged(){var e,a,r,t;if(!this.schema)return;this.uichemaToUse=null!==(e=this.uischema)&&void 0!==e?e:m.Iiz.uiSchema(this.schema),this.uischema||z.debug("UI schema not provided. Auto generated schema:",this.uichemaToUse);const o=this.validate(this.uichemaToUse);this.jsonforms={core:(()=>{const e={data:this.data,schema:this.schema,uischema:this.uichemaToUse};return(0,m.mpn)(e,m.eXO.init(this.data,this.schema,this.uichemaToUse,{validationMode:this.validationMode||"ValidateAndShow",ajv:this.ajv,additionalErrors:o}))})(),config:(0,m.LsR)(void 0,m.eXO.setConfig(this.config)),i18n:(0,m.YC9)(this.i18n,m.eXO.updateI18n(null===(a=this.i18n)||void 0===a?void 0:a.locale,null===(r=this.i18n)||void 0===r?void 0:r.translate,(null===(t=this.i18n)||void 0===t?void 0:t.translateError)||C)),renderers:this.renderers,readonly:this.readonly},this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})}uischemaChanged(){this.schemaChanged()}dataChanged(){this.schemaChanged()}renderersChanged(){this.schemaChanged()}validationModeChanged(){this.schemaChanged()}ajvChanged(){this.schemaChanged()}readonlyChanged(){this.schemaChanged()}configChanged(){this.schemaChanged()}get props(){var e;if(!this.schema&&!this.uischema)return;const a=null!==(e=this.uischema)&&void 0!==e?e:m.Iiz.uiSchema(this.schema);return{uischema:Object.assign(Object.assign({},a),{elements:a.elements.map((e=>"#/properties/TIMESTAMP"===e.scope?Object.assign(Object.assign({},e),{options:{hidden:!0}}):e))}),schema:this.schema,path:"",enabled:!0,visible:!0}}copyUISchemaToClipboard(){return(0,g.__awaiter)(this,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(JSON.stringify(this.uichemaToUse)),z.debug("Autogenerated UI schema copied to clipboard")}catch(e){z.error("Failed to copy autogenerated UI schema: ",e)}}))}};(0,g.__decorate)([(0,b.attr)({mode:"boolean"})],$.prototype,"submitted",void 0),(0,g.__decorate)([b.observable],$.prototype,"prefix",void 0),(0,g.__decorate)([b.observable],$.prototype,"jsonforms",void 0),(0,g.__decorate)([b.observable],$.prototype,"i18n",void 0),(0,g.__decorate)([b.observable],$.prototype,"uichemaToUse",void 0),(0,g.__decorate)([b.observable],$.prototype,"schema",void 0),(0,g.__decorate)([b.observable],$.prototype,"uischema",void 0),(0,g.__decorate)([b.observable],$.prototype,"data",void 0),(0,g.__decorate)([b.observable],$.prototype,"renderers",void 0),(0,g.__decorate)([b.observable],$.prototype,"validationMode",void 0),(0,g.__decorate)([b.observable],$.prototype,"ajv",void 0),(0,g.__decorate)([(0,b.attr)({mode:"boolean"})],$.prototype,"readonly",void 0),(0,g.__decorate)([b.observable],$.prototype,"config",void 0),$=(0,g.__decorate)([(0,b.customElement)({name:"json-forms",template:S,styles:b.css`
|
|
71
71
|
.clipboard-button {
|
|
72
72
|
display: flex;
|
|
73
73
|
}
|
|
74
|
-
`})]
|
|
74
|
+
`})],$);const A=b.css`
|
|
75
75
|
:host {
|
|
76
|
-
padding-left: calc(${
|
|
76
|
+
padding-left: calc(${f.designUnit} * 1px);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.array-list {
|
|
@@ -88,17 +88,17 @@
|
|
|
88
88
|
.item-control-btn:hover {
|
|
89
89
|
color: var(--accent-foreground-hover);
|
|
90
90
|
}
|
|
91
|
-
`;let
|
|
92
|
-
${e=>((e="zero")=>
|
|
91
|
+
`;let F=class extends b.FASTElement{controlChanged(){if(this.control.uischema.options)return void(this.uiSchema=this.control.uischema.options.childUiSchema);this.schema=this.control.schema;const e=m.Iiz.uiSchema(this.schema);this.uiSchema=Object.assign(Object.assign({},e),{type:"HorizontalLayout"}),z.debug("Auto generated uiSchema for layout array:",this.uiSchema)}addItem(){this.control.addItem(this.control.path,(0,m.XuX)(this.control.schema,this.control.rootSchema))()}deleteItem(e){this.control.removeItems(this.control.path,[e])()}};(0,g.__decorate)([b.observable],F.prototype,"form",void 0),(0,g.__decorate)([b.observable],F.prototype,"control",void 0),(0,g.__decorate)([b.observable],F.prototype,"schema",void 0),(0,g.__decorate)([b.observable],F.prototype,"uiSchema",void 0),F=(0,g.__decorate)([(0,b.customElement)({name:"array-list-wrapper",styles:A,template:b.html`
|
|
92
|
+
${e=>((e="zero")=>b.html`
|
|
93
93
|
<template>
|
|
94
|
-
${(0,
|
|
94
|
+
${(0,b.repeat)((e=>Array(e.control.data)),b.html`
|
|
95
95
|
<div class="array-list">
|
|
96
96
|
<dispatch-renderer
|
|
97
97
|
?submitted=${(e,a)=>a.parent.form.submitted}
|
|
98
98
|
:dispatch=${(e,a)=>a.parent.form.dispatch}
|
|
99
99
|
:jsonforms=${(e,a)=>a.parent.form.jsonforms}
|
|
100
100
|
:prefix=${(e,a)=>a.parent.form.prefix}
|
|
101
|
-
:props=${(e,a)=>({uischema:a.parent.uiSchema,schema:a.parent.schema,renderers:a.parent.control.renderers,path:(0,
|
|
101
|
+
:props=${(e,a)=>({uischema:a.parent.uiSchema,schema:a.parent.schema,renderers:a.parent.control.renderers,path:(0,m.ZBw)(a.parent.control.path,`${a.index}`),enabled:a.parent.control.enabled})}
|
|
102
102
|
></dispatch-renderer>
|
|
103
103
|
<${e}-button
|
|
104
104
|
appearance="lightweight"
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
</${e}-button>
|
|
122
122
|
</template>
|
|
123
123
|
`)(e.form.prefix)}
|
|
124
|
-
`})],
|
|
124
|
+
`})],F);const O=b.css`
|
|
125
125
|
.tabs-container::part(tablist) {
|
|
126
126
|
background-color: transparent;
|
|
127
127
|
border-bottom: none;
|
|
@@ -134,16 +134,16 @@
|
|
|
134
134
|
.tab-panel-control {
|
|
135
135
|
margin-top: 10px;
|
|
136
136
|
}
|
|
137
|
-
`;let
|
|
138
|
-
${e=>((e="zero")=>
|
|
137
|
+
`;let T=class extends b.FASTElement{};(0,g.__decorate)([b.observable],T.prototype,"form",void 0),(0,g.__decorate)([b.observable],T.prototype,"control",void 0),T=(0,g.__decorate)([(0,b.customElement)({name:"categorization-wrapper",styles:O,template:b.html`
|
|
138
|
+
${e=>((e="zero")=>b.html`
|
|
139
139
|
<template>
|
|
140
140
|
<${e}-tabs class="tabs-container">
|
|
141
|
-
${(0,
|
|
141
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
142
142
|
<${e}-tab class="tab-control">${(e,a)=>{var r;return null!==(r=e.label)&&void 0!==r?r:`Category ${a.index+1}`}}</${e}-tab>
|
|
143
143
|
`,{positioning:!0})}
|
|
144
|
-
${(0,
|
|
144
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
145
145
|
<${e}-tab-panel class="tab-panel-control">
|
|
146
|
-
${(0,
|
|
146
|
+
${(0,b.repeat)((e=>e.options.childElements),b.html`
|
|
147
147
|
<dispatch-renderer
|
|
148
148
|
?submitted=${(e,a)=>a.parentContext.parent.form.submitted}
|
|
149
149
|
:dispatch=${(e,a)=>a.parentContext.parent.form.dispatch}
|
|
@@ -157,9 +157,9 @@
|
|
|
157
157
|
</${e}-tabs>
|
|
158
158
|
</template>
|
|
159
159
|
`)(e.form.prefix)}
|
|
160
|
-
`})],
|
|
160
|
+
`})],T);const D=b.html`
|
|
161
161
|
<template>
|
|
162
|
-
${(0,
|
|
162
|
+
${(0,b.when)((e=>{var a;return null===(a=e.control)||void 0===a?void 0:a.visible}),b.html`
|
|
163
163
|
<div
|
|
164
164
|
class="wrapperRoot"
|
|
165
165
|
id=${e=>e.control.path+"-wrapper"}
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
</div>
|
|
178
178
|
`)}
|
|
179
179
|
</template>
|
|
180
|
-
`,
|
|
180
|
+
`,R=b.css`
|
|
181
181
|
.wrapperRoot {
|
|
182
182
|
margin-bottom: calc(var(--design-unit) * 4px);
|
|
183
183
|
}
|
|
@@ -200,31 +200,31 @@
|
|
|
200
200
|
width: 100%;
|
|
201
201
|
align-items: center;
|
|
202
202
|
}
|
|
203
|
-
`;let
|
|
203
|
+
`;let N=class extends b.FASTElement{get showDescription(){return!(0,m.tg6)(this.control.visible,this.control.description,this.control.isFocused,!!this.control.config.showUnfocusedDescription)}get computedLabel(){return(0,m.lgi)(this.control.label,this.control.required,!!this.control.config.hideRequiredAsterisk)}};(0,g.__decorate)([b.observable],N.prototype,"control",void 0),(0,g.__decorate)([b.observable],N.prototype,"touched",void 0),(0,g.__decorate)([b.volatile],N.prototype,"showDescription",null),(0,g.__decorate)([b.volatile],N.prototype,"computedLabel",null),N=(0,g.__decorate)([(0,b.customElement)({name:"control-wrapper",styles:R,template:D})],N);var L=r(80340),M=r.n(L);const I=b.html`
|
|
204
204
|
<template>${e=>e.determinedRenderer.renderer}</template>
|
|
205
|
-
`,
|
|
205
|
+
`,j=b.css``;let E=class extends b.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,m.Q8v)({jsonforms:this.jsonforms},this.props),{rootSchema:a}=e,r=(0,g.__rest)(e,["rootSchema"]);this.renderer=r,this.control=((e,a,r,t,o)=>{var i;const n=Object.assign({},t({jsonforms:a},e)),l=null===(i=o||m.AZl)||void 0===i?void 0:i(r);return Object.assign(Object.assign({},n),l)})(this.props,this.jsonforms,this.dispatch,this.determinedRenderer.mapper,this.determinedRenderer.dispatchMapper)}}jsonformsChanged(){this.createRenderer()}propsChanged(){this.createRenderer()}submittedChanged(){this.touched=!!this.submitted}prefixChanged(){this.createRenderer()}onBlur(){this.touched=!0}get determinedRenderer(){const e=M()(this.renderer.renderers,(e=>e.tester(this.renderer.uischema,this.renderer.schema)));return void 0===e||-1===e.tester(this.renderer.uischema,this.renderer.schema)?(z.error("UnknownRenderer this.renderer.uischema",this.renderer.uischema),{renderer:"UnknownRenderer"}):e}disconnectedCallback(){super.disconnectedCallback(),this.touched=!1,this.submitted=!1}};(0,g.__decorate)([b.observable],E.prototype,"jsonforms",void 0),(0,g.__decorate)([b.observable],E.prototype,"props",void 0),(0,g.__decorate)([b.observable],E.prototype,"touched",void 0),(0,g.__decorate)([(0,b.attr)({mode:"boolean"})],E.prototype,"submitted",void 0),(0,g.__decorate)([b.observable],E.prototype,"dispatch",void 0),(0,g.__decorate)([b.observable],E.prototype,"control",void 0),(0,g.__decorate)([b.observable],E.prototype,"renderer",void 0),(0,g.__decorate)([b.observable],E.prototype,"prefix",void 0),E=(0,g.__decorate)([(0,b.customElement)({name:"dispatch-renderer",template:I,styles:j})],E);const P=b.css`
|
|
206
206
|
.tabs-container::part(stepper-panel-container) {
|
|
207
207
|
display: flex;
|
|
208
208
|
justify-content: flex-start;
|
|
209
209
|
align-items: flex-start;
|
|
210
210
|
}
|
|
211
|
-
`;let
|
|
212
|
-
${e=>((e="zero")=>
|
|
211
|
+
`;let B=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),this.propertyNames=this.control.uischema.elements.map((e=>e.scope.split("/").pop())),this.validation=this.propertyNames.map(((e,a)=>({isValid:()=>0===(0,m.qiS)(e,this.control.schema)(this.form).length&&Object.keys(this.control.data)[a]===e})))}submit(){this.$emit("submit-button-clicked")}nextStep(){this.$emit("submit-part");const e=this.propertyNames[this.stepper.activeTabIndex];this.control.data[e]||this.$emit("data-change",{data:Object.assign(Object.assign({},this.control.data),{[e]:{}})})}resetValidation(){this.$emit("reset-form")}};(0,g.__decorate)([b.observable],B.prototype,"form",void 0),(0,g.__decorate)([b.observable],B.prototype,"control",void 0),(0,g.__decorate)([b.observable],B.prototype,"validation",void 0),(0,g.__decorate)([b.observable],B.prototype,"stepper",void 0),(0,g.__decorate)([b.observable],B.prototype,"propertyNames",void 0),B=(0,g.__decorate)([(0,b.customElement)({name:"stepper-wrapper",styles:P,template:b.html`
|
|
212
|
+
${e=>((e="zero")=>b.html`
|
|
213
213
|
<template>
|
|
214
214
|
<${e}-stepper
|
|
215
215
|
class="tabs-container"
|
|
216
|
-
${(0,
|
|
216
|
+
${(0,b.ref)("stepper")}
|
|
217
217
|
orientation="${e=>{var a;return(null===(a=e.control.uischema.options)||void 0===a?void 0:a.orientation)?e.control.uischema.options.orientation:"vertical"}}"
|
|
218
218
|
@next-step=${e=>e.nextStep()}
|
|
219
219
|
@validation-success=${e=>e.resetValidation()}
|
|
220
220
|
@submit=${e=>e.submit()}
|
|
221
221
|
:validation=${e=>e.validation}>
|
|
222
|
-
${(0,
|
|
222
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
223
223
|
<${e}-stepper-tab class="tab-control">${(e,a)=>{var r;return null!==(r=e.label)&&void 0!==r?r:`Step ${a.index+1}`}}</${e}-stepper-tab>
|
|
224
224
|
`,{positioning:!0})}
|
|
225
|
-
${(0,
|
|
225
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
226
226
|
<${e}-stepper-tab-panel class="tab-panel-control">
|
|
227
|
-
${(0,
|
|
227
|
+
${(0,b.repeat)((e=>e.options.childElements),b.html`
|
|
228
228
|
<dispatch-renderer
|
|
229
229
|
?submitted=${(e,a)=>a.parentContext.parent.form.submitted}
|
|
230
230
|
:dispatch=${(e,a)=>a.parentContext.parent.form.dispatch}
|
|
@@ -238,8 +238,8 @@
|
|
|
238
238
|
</${e}-stepper>
|
|
239
239
|
</template>
|
|
240
240
|
`)(e.form.prefix)}
|
|
241
|
-
`})],
|
|
242
|
-
${e=>(e=>
|
|
241
|
+
`})],B);const G=b.html`
|
|
242
|
+
${e=>(e=>b.html`
|
|
243
243
|
<template>
|
|
244
244
|
<json-forms
|
|
245
245
|
@submit-button-clicked=${e=>e._submit()}
|
|
@@ -254,7 +254,7 @@
|
|
|
254
254
|
:prefix=${e=>e.prefix}
|
|
255
255
|
@data-change=${(e,a)=>e.onChange(a.event)}
|
|
256
256
|
></json-forms>
|
|
257
|
-
${(0,
|
|
257
|
+
${(0,b.when)((e=>e.isSubmitHidden),b.html`
|
|
258
258
|
<slot name="userActions" part="userActions" class="actions">
|
|
259
259
|
<${e}-button
|
|
260
260
|
@click="${e=>e._submit()}"
|
|
@@ -268,8 +268,8 @@
|
|
|
268
268
|
`)}
|
|
269
269
|
</template>
|
|
270
270
|
`)(e.prefix)}
|
|
271
|
-
`,
|
|
272
|
-
${e=>((e="zero")=>
|
|
271
|
+
`,_=(0,m.or)(m.KmX,(0,m.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,m.ndu)(e,"boolean")))))),U={renderer:b.html`
|
|
272
|
+
${e=>((e="zero")=>b.html`
|
|
273
273
|
<template>
|
|
274
274
|
<control-wrapper
|
|
275
275
|
:control=${e=>e.control}
|
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
?submitted=${e=>e.submitted}
|
|
278
278
|
>
|
|
279
279
|
<${e}-checkbox
|
|
280
|
-
|
|
280
|
+
?checked=${e=>e.control.data}
|
|
281
281
|
?disabled=${e=>!e.control.enabled}
|
|
282
282
|
:autofocus=${e=>e.control.config.focus}
|
|
283
283
|
:placeholder=${e=>e.control.config.placeholder}
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
</control-wrapper>
|
|
289
289
|
</template>
|
|
290
290
|
`)(e.prefix)}
|
|
291
|
-
`,tester:(0,
|
|
292
|
-
${e=>((e="zero")=>
|
|
291
|
+
`,tester:(0,m.yMz)(3,_),mapper:m.xq9};var H=r(3776);const V=e=>a=>{if(!a||!(0,m.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},Y=(0,m.xDy)(V("allOptionsResourceName"),(0,m.or)((0,m.wcO)((e=>(0,m.ndu)(e,"array"))),(0,m.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,m.ndu)(e,"array")))))));H.MultiselectDatasource;const Q={renderer:b.html`
|
|
292
|
+
${e=>((e="zero")=>b.html`
|
|
293
293
|
<template>
|
|
294
294
|
<control-wrapper
|
|
295
295
|
:control=${e=>e.control}
|
|
@@ -314,8 +314,8 @@
|
|
|
314
314
|
</control-wrapper>
|
|
315
315
|
</template>
|
|
316
316
|
`)(e.prefix)}
|
|
317
|
-
`,tester:(0,
|
|
318
|
-
${e=>((e="zero")=>
|
|
317
|
+
`,tester:(0,m.yMz)(4,Y),mapper:m.xq9};H.OptionsDatasource;const W={renderer:b.html`
|
|
318
|
+
${e=>((e="zero")=>b.html`
|
|
319
319
|
<template>
|
|
320
320
|
<control-wrapper
|
|
321
321
|
:control=${e=>e.control}
|
|
@@ -344,8 +344,8 @@
|
|
|
344
344
|
</control-wrapper>
|
|
345
345
|
</template>
|
|
346
346
|
`)(e.prefix)}
|
|
347
|
-
`,tester:(0,
|
|
348
|
-
${e=>((e="zero")=>
|
|
347
|
+
`,tester:(0,m.yMz)(4,(0,m.or)(V("allOptionsResourceName"),V("data"))),mapper:m.xq9},q=(0,m.wcO)((e=>"org.joda.time.DateTime"===e.description)),J=(0,m.or)(q,(0,m.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>"org.joda.time.DateTime"===e.description))))),Z={renderer:b.html`
|
|
348
|
+
${e=>((e="zero")=>b.html`
|
|
349
349
|
<template>
|
|
350
350
|
<control-wrapper
|
|
351
351
|
:control=${e=>e.control}
|
|
@@ -365,8 +365,8 @@
|
|
|
365
365
|
</control-wrapper>
|
|
366
366
|
</template>
|
|
367
367
|
`)(e.prefix)}
|
|
368
|
-
`,tester:(0,
|
|
369
|
-
${e=>((e="zero")=>
|
|
368
|
+
`,tester:(0,m.yMz)(4,J),mapper:m.xq9},K=(0,m.or)(m.UvK,(0,m.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>e.hasOwnProperty("enum")))))),X={renderer:b.html`
|
|
369
|
+
${e=>((e="zero")=>b.html`
|
|
370
370
|
<template>
|
|
371
371
|
<control-wrapper
|
|
372
372
|
:control=${e=>e.control}
|
|
@@ -381,14 +381,14 @@
|
|
|
381
381
|
id=${e=>e.control.path}
|
|
382
382
|
data-test-id=${e=>e.control.path}
|
|
383
383
|
>
|
|
384
|
-
${(0,
|
|
384
|
+
${(0,b.repeat)((e=>e.control.options),b.html`
|
|
385
385
|
<${e}-option>${e=>e.label}</${e}-option>
|
|
386
386
|
`)}
|
|
387
387
|
</${e}-combobox>
|
|
388
388
|
</control-wrapper>
|
|
389
389
|
</template>
|
|
390
390
|
`)(e.prefix)}
|
|
391
|
-
`,tester:(0,
|
|
391
|
+
`,tester:(0,m.yMz)(3,K),mapper:(e,a)=>{const r=(0,m.xq9)(e,a),t=a.options||(r.schema.enum||r.schema.oneOf.find((e=>e.hasOwnProperty("enum"))).enum).map((a=>(0,m.vld)(a,(0,m.Ty2)()(e),(0,m.B49)(r.schema,r.uischema,r.path))))||r.schema.const&&[(0,m.vld)(r.schema.const,(0,m.Ty2)()(e),(0,m.B49)(r.schema,r.uischema,r.path))];return Object.assign(Object.assign({},r),{options:t})}},ee={renderer:b.html`
|
|
392
392
|
<template>
|
|
393
393
|
<pre
|
|
394
394
|
:value=${e=>e.control.data||""}
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
style="display: none"
|
|
398
398
|
></pre>
|
|
399
399
|
</template>
|
|
400
|
-
`,tester:(0,
|
|
400
|
+
`,tester:(0,m.yMz)(5,((e,a,r)=>{var t,o;return null!==(o=null===(t=null==e?void 0:e.options)||void 0===t?void 0:t.hidden)&&void 0!==o&&o})),mapper:m.xq9},ae=e=>(0,m.ndu)(e,"array")&&e.hasOwnProperty("items")&&"object"==e.items.type,re=(0,m.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some(ae)||ae(e))),te={renderer:b.html`
|
|
401
401
|
<template>
|
|
402
402
|
<control-wrapper
|
|
403
403
|
:control=${e=>e.control}
|
|
@@ -407,14 +407,14 @@
|
|
|
407
407
|
<array-list-wrapper :form=${e=>e} :control=${e=>e.control}></array-list-wrapper>
|
|
408
408
|
</control-wrapper>
|
|
409
409
|
</template>
|
|
410
|
-
`,tester:(0,
|
|
410
|
+
`,tester:(0,m.yMz)(2,re),mapper:m.OmS,dispatchMapper:m.mpi},oe={renderer:b.html`
|
|
411
411
|
<template>
|
|
412
412
|
<categorization-wrapper :form=${e=>e} :control=${e=>e.control}></categorization-wrapper>
|
|
413
413
|
</template>
|
|
414
|
-
`,tester:(0,
|
|
414
|
+
`,tester:(0,m.yMz)(2,(e=>"Categorization"===e.type)),mapper:m.NFL},ie={renderer:b.html`
|
|
415
415
|
<template>
|
|
416
416
|
<div>
|
|
417
|
-
${(0,
|
|
417
|
+
${(0,b.when)((e=>e.control.label),b.html`
|
|
418
418
|
<div
|
|
419
419
|
for="${e=>e.control.path+"-wrapper"}"
|
|
420
420
|
style="color: rgb(135, 155, 166);
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
${e=>e.control.label}
|
|
426
426
|
</div>
|
|
427
427
|
`)}
|
|
428
|
-
${(0,
|
|
428
|
+
${(0,b.repeat)((e=>e.control.uischema.options.childElements),b.html`
|
|
429
429
|
<dispatch-renderer
|
|
430
430
|
?submitted=${(e,a)=>a.parent.submitted}
|
|
431
431
|
:dispatch=${(e,a)=>a.parent.dispatch}
|
|
@@ -436,7 +436,7 @@
|
|
|
436
436
|
`)}
|
|
437
437
|
</div>
|
|
438
438
|
</template>
|
|
439
|
-
`,tester:(0,
|
|
439
|
+
`,tester:(0,m.yMz)(2,m.tyy),mapper:m.NFL},ne={renderer:b.html`
|
|
440
440
|
<template>
|
|
441
441
|
<div
|
|
442
442
|
style="
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
flex-direction: row;
|
|
445
445
|
gap: 10px"
|
|
446
446
|
>
|
|
447
|
-
${(0,
|
|
447
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
448
448
|
<dispatch-renderer
|
|
449
449
|
?submitted=${(e,a)=>a.parent.submitted}
|
|
450
450
|
:dispatch=${(e,a)=>a.parent.dispatch}
|
|
@@ -455,10 +455,10 @@
|
|
|
455
455
|
`)}
|
|
456
456
|
</div>
|
|
457
457
|
</template>
|
|
458
|
-
`,tester:(0,
|
|
458
|
+
`,tester:(0,m.yMz)(2,(e=>"HorizontalLayout"===e.type)),mapper:m.NFL},le={renderer:b.html`
|
|
459
459
|
<template>
|
|
460
460
|
<div>
|
|
461
|
-
${(0,
|
|
461
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
462
462
|
<dispatch-renderer
|
|
463
463
|
?submitted=${(e,a)=>a.parent.submitted}
|
|
464
464
|
:dispatch=${(e,a)=>a.parent.dispatch}
|
|
@@ -469,11 +469,11 @@
|
|
|
469
469
|
`)}
|
|
470
470
|
</div>
|
|
471
471
|
</template>
|
|
472
|
-
`,tester:(0,
|
|
472
|
+
`,tester:(0,m.yMz)(2,m.Lki),mapper:m.NFL},ge={renderer:b.html`
|
|
473
473
|
<template>
|
|
474
474
|
<stepper-wrapper :form=${e=>e} :control=${e=>e.control}></stepper-wrapper>
|
|
475
475
|
</template>
|
|
476
|
-
`,tester:(0,
|
|
476
|
+
`,tester:(0,m.yMz)(3,(e=>"Stepper"===e.type)),mapper:m.NFL},se={renderer:b.html`
|
|
477
477
|
<template>
|
|
478
478
|
<div
|
|
479
479
|
style="
|
|
@@ -482,7 +482,7 @@
|
|
|
482
482
|
flex-wrap: wrap;
|
|
483
483
|
justify-content: space-between;"
|
|
484
484
|
>
|
|
485
|
-
${(0,
|
|
485
|
+
${(0,b.repeat)((e=>e.control.uischema.elements),b.html`
|
|
486
486
|
<div style="width: 49%">
|
|
487
487
|
<dispatch-renderer
|
|
488
488
|
?submitted=${(e,a)=>a.parent.submitted}
|
|
@@ -495,8 +495,8 @@
|
|
|
495
495
|
`)}
|
|
496
496
|
</div>
|
|
497
497
|
</template>
|
|
498
|
-
`,tester:(0,
|
|
499
|
-
${e=>((e="zero")=>
|
|
498
|
+
`,tester:(0,m.yMz)(2,(e=>"LayoutVertical2Columns"===e.type)),mapper:m.NFL},de=e=>(0,m.ndu)(e,"number")||(0,m.ndu)(e,"integer"),ce=(0,m.wcO)((e=>de(e)||e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>de(e))))),pe={renderer:b.html`
|
|
499
|
+
${e=>((e="zero")=>b.html`
|
|
500
500
|
<template>
|
|
501
501
|
<control-wrapper
|
|
502
502
|
:control=${e=>e.control}
|
|
@@ -520,19 +520,19 @@
|
|
|
520
520
|
</control-wrapper>
|
|
521
521
|
</template>
|
|
522
522
|
`)(e.prefix)}
|
|
523
|
-
`,tester:(0,
|
|
524
|
-
${e=>((e="zero")=>
|
|
523
|
+
`,tester:(0,m.yMz)(3,ce),mapper:m.xq9};var ue=r(55509);function he(e,a){const r=a.event.target.value;e.control.handleChange(e.control.path,""===r?null:r)}const me=b.html`
|
|
524
|
+
${e=>((e="zero")=>b.html`
|
|
525
525
|
<template>
|
|
526
526
|
<control-wrapper
|
|
527
527
|
:control=${e=>e.control}
|
|
528
528
|
:touched=${e=>e.touched}
|
|
529
529
|
?submitted=${e=>e.submitted}
|
|
530
530
|
>
|
|
531
|
-
${(0,
|
|
531
|
+
${(0,ue.l)((e=>{var a,r;return!(null===(r=null===(a=e.control.uischema)||void 0===a?void 0:a.options)||void 0===r?void 0:r.textarea)}),b.html`
|
|
532
532
|
<${e}-text-field
|
|
533
533
|
type=${e=>{var a,r;return(null===(r=null===(a=e.control.uischema)||void 0===a?void 0:a.options)||void 0===r?void 0:r.isPassword)?"password":"text"}}
|
|
534
534
|
:value=${e=>e.control.data||""}
|
|
535
|
-
@change=${
|
|
535
|
+
@change=${he}
|
|
536
536
|
placeholder=${e=>e.control.uischema.placeholder||e.control.label}
|
|
537
537
|
id=${e=>e.control.path}
|
|
538
538
|
data-test-id=${e=>e.control.path}
|
|
@@ -540,10 +540,10 @@
|
|
|
540
540
|
?disabled=${e=>!e.control.enabled}
|
|
541
541
|
style="width: 100%"
|
|
542
542
|
@blur=${e=>e.onBlur()}
|
|
543
|
-
></${e}-text-field>`,
|
|
543
|
+
></${e}-text-field>`,b.html`
|
|
544
544
|
<${e}-text-area
|
|
545
545
|
:value=${e=>e.control.data||""}
|
|
546
|
-
@change=${
|
|
546
|
+
@change=${he}
|
|
547
547
|
placeholder=${e=>e.control.uischema.placeholder||e.control.label}
|
|
548
548
|
id=${e=>e.control.path}
|
|
549
549
|
data-test-id=${e=>e.control.path}
|
|
@@ -556,11 +556,11 @@
|
|
|
556
556
|
</control-wrapper>
|
|
557
557
|
</template>
|
|
558
558
|
`)(e.prefix)}
|
|
559
|
-
`,
|
|
560
|
-
${(0,
|
|
561
|
-
`,shadowOptions:
|
|
562
|
-
${(0,
|
|
563
|
-
`,shadowOptions:
|
|
559
|
+
`,be={renderer:me,tester:(0,m.yMz)(2,m.Wdb),mapper:m.xq9},ve=[{renderer:me,tester:(0,m.yMz)(1,m.DRl),mapper:m.xq9},be,U,te,oe,ie,ne,se,le,ge,pe,Q,X,W,Z,ee];let fe=class extends(c(v.FoundationElement)){constructor(){super(...arguments),this.prefix="zero",this.renderers=ve,this.errors=[],this.data={}}resourceNameChanged(){var e;return(0,g.__awaiter)(this,void 0,void 0,(function*(){if(this.jsonSchema=void 0,this.resourceName){const a=yield this.connect.getJSONSchema(this.resourceName);if(!a)return;const r=new(h())(a.INBOUND);this.jsonSchema=null===(e=(yield r.resolve()).properties)||void 0===e?void 0:e.DETAILS}}))}removeDataProperties(){if(!this.jsonSchema||!this.data)return;const e=Object.keys(this.jsonSchema.properties);let a=0;return Object.keys(this.data).forEach((r=>{e.includes(r)||(delete this.data[r],a+=1,z.debug("Removing key ",r,"from provided data because it is not part of the payload"))})),a>0&&(this.data=Object.assign({},this.data)),a>0}_submit(){return(0,g.__awaiter)(this,void 0,void 0,(function*(){if(this.submitting)return;this.removeDataProperties()&&(yield b.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(z.debug({payload:e,errors:this.errors}),this.$emit("submit",{payload:e,errors:this.errors}),0!==Object.entries(e).length&&this.resourceName){this.submitting=!0;const a=yield this.connect.commitEvent(this.resourceName,{DETAILS:e});this.submitting=!1,a.ERROR?this.$emit("submit-failure",{payload:e,errors:a.ERROR}):this.$emit("submit-success",{payload:e})}}))}get isSubmitHidden(){return!this.readonly&&!this.hideSubmit}deepClone(){const e=super.deepClone();try{e.uischema=structuredClone(this.uischema),e.jsonSchema=structuredClone(this.jsonSchema)}catch(e){z.error("Error cloning form",e)}return e}submitPart(e){this.submitted=!0}onChange(e){z.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}disconnectedCallback(){super.disconnectedCallback(),this.reset()}reset(e=!0){this.submitted=!1,e&&(this.data={})}};(0,g.__decorate)([(0,b.attr)({attribute:"design-system-prefix"})],fe.prototype,"prefix",void 0),(0,g.__decorate)([b.attr],fe.prototype,"resourceName",void 0),(0,g.__decorate)([b.observable],fe.prototype,"uischema",void 0),(0,g.__decorate)([b.observable],fe.prototype,"renderers",void 0),(0,g.__decorate)([b.observable],fe.prototype,"jsonSchema",void 0),(0,g.__decorate)([s.lj],fe.prototype,"connect",void 0),(0,g.__decorate)([b.observable],fe.prototype,"data",void 0),(0,g.__decorate)([b.observable],fe.prototype,"submitting",void 0),(0,g.__decorate)([b.observable],fe.prototype,"submitted",void 0),(0,g.__decorate)([(0,b.attr)({mode:"boolean"})],fe.prototype,"readonly",void 0),(0,g.__decorate)([(0,b.attr)({attribute:"hide-submit-button",mode:"boolean"})],fe.prototype,"hideSubmit",void 0),(0,g.__decorate)([b.volatile],fe.prototype,"isSubmitHidden",null),fe=(0,g.__decorate)([(0,b.customElement)({name:"foundation-form",template:G,styles:y})],fe);var we,ye,xe,ke,ze,Se=r(43556);!function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519",e.error="#F9644D",e.success="#7ACC79"}(we||(we={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(ye||(ye={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(xe||(xe={})),function(e){e.grey="#7c909b"}(ke||(ke={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(ze||(ze={}));const{create:Ce}=v.DesignToken,$e=(0,Se.parseColorHexRGB)(we.error),Ae=f.SwatchRGB.create($e.r,$e.g,$e.b),Fe=Ce("error-color").withDefault(Ae),Oe=(0,Se.parseColorHexRGB)(we.success),Te=f.SwatchRGB.create(Oe.r,Oe.g,Oe.b),De=Ce("success-color").withDefault(Te),Re=(0,H.paletteFromHex)(ye.blue),Ne=(0,H.paletteFromHex)(ke.grey),Le=f.StandardLuminance.DarkMode;var Me=r(5598);const Ie=Me.N.ltr,je=f.strokeWidth.getValueFor(f.strokeWidth.appliedTo[0]),Ee=4,Pe=f.density.getValueFor(f.density.appliedTo[0]),Be=4;var Ge=r(47823);const _e=()=>{(0,Ge.sW)("\n @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n","roboto-font-faces")},Ue='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',He=(e=Ge.Hd.Normal,a=Ge.U9.Regular)=>(0,Ge.py)(Ue,e,a),Ve=Ue,Ye=f.typeRampBaseFontSize.getValueFor(f.typeRampBaseFontSize.appliedTo[0]),Qe=f.typeRampBaseLineHeight.getValueFor(f.typeRampBaseLineHeight.appliedTo[0]),We={design_tokens:{color:{accent:{$value:Re.source.toColorString(),$type:"color"},neutral:{$value:Ne.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Ve,$type:"fontFamily"}},typography:{baseFontSize:{$value:Ye,$type:"dimension"},baseLineHeight:{$value:Qe,$type:"dimension"}},mode:{luminance:{$value:Le,$type:"number"}},style:{density:{$value:Pe,$type:"number"},borderRadius:{$value:Ee,$type:"number"},strokeWidth:{$value:je,$type:"number"}},space:{designUnit:{$value:Be,$type:"number"}}}};class qe extends H.Accordion{}const Je=qe.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,H.foundationAccordionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
560
|
+
${(0,H.foundationAccordionStyles)(e,a)}
|
|
561
|
+
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class Ze extends H.AccordionItem{}const Ke=Ze.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,H.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
562
|
+
${(0,H.foundationAccordionItemStyles)(e,a)};
|
|
563
|
+
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class Xe extends H.ActionsMenu{}const ea=Xe.compose({baseName:"actions-menu",styles:(e,a)=>b.css`
|
|
564
564
|
:host {
|
|
565
565
|
--actions-opener-heigght-multiplier: 0.6px;
|
|
566
566
|
--menu-item-height-multiplier: 0.5px;
|
|
@@ -584,38 +584,38 @@
|
|
|
584
584
|
pointer-events: none;
|
|
585
585
|
}
|
|
586
586
|
|
|
587
|
-
${(0,
|
|
588
|
-
`,template:
|
|
587
|
+
${(0,H.actionsMenuBaseStyles)(e,a)}
|
|
588
|
+
`,template:H.foundationActionsMenuTemplate}),aa=(e,a=1)=>new Se.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA(),ra=(0,Se.parseColorHexRGB)(we.white),ta=(e=1)=>aa(ra,e),oa=((0,Se.parseColorHexRGB)(we.black),(0,Se.parseColorHexRGB)("#585858")),ia=(f.SwatchRGB.create(oa.r,oa.g,oa.b),(0,Se.parseColorHexRGB)("#202126")),na=f.SwatchRGB.create(ia.r,ia.g,ia.b),la=(f.PaletteRGB.from(na),(0,Se.parseColorHexRGB)(ye.blue)),ga=(e=1)=>aa(la,e),sa=f.SwatchRGB.create(la.r,la.g,la.b),da=(f.PaletteRGB.from(sa),(0,Se.parseColorHexRGB)(ye.purple)),ca=(e=1)=>aa(da,e),pa=(0,Se.parseColorHexRGB)(xe.orange),ua=(e=1)=>aa(pa,e),ha=(0,Se.parseColorHexRGB)(xe.teal),ma=(e=1)=>aa(ha,e),ba=((0,Se.parseColorHexRGB)(ze.longGreen),(0,Se.parseColorHexRGB)(ze.chartPink),(0,Se.parseColorHexRGB)(ze.warningYellow)),va=(0,Se.parseColorHexRGB)(ze.chartPink),fa=(e=1)=>aa(va,e);function wa(e,a){return new v.PropertyStyleSheetBehavior("appearance",e,a)}const ya=.3,xa=.1,ka=.5,za=b.css`
|
|
589
589
|
:host([appearance='primary-blue']) {
|
|
590
|
-
background: ${
|
|
591
|
-
border: 1px solid ${
|
|
590
|
+
background: ${ga(ya)};
|
|
591
|
+
border: 1px solid ${ye.blue};
|
|
592
592
|
}
|
|
593
593
|
|
|
594
594
|
:host([appearance='primary-blue']:hover) {
|
|
595
|
-
background: ${
|
|
595
|
+
background: ${ye.blue};
|
|
596
596
|
}
|
|
597
597
|
|
|
598
598
|
:host([appearance='primary-blue']:active) {
|
|
599
|
-
background: ${
|
|
600
|
-
border: 1px solid ${
|
|
601
|
-
color: ${
|
|
599
|
+
background: ${ga(xa)};
|
|
600
|
+
border: 1px solid ${ga(ya)};
|
|
601
|
+
color: ${ta(ka)};
|
|
602
602
|
}
|
|
603
|
-
`,
|
|
603
|
+
`,Sa=b.css`
|
|
604
604
|
:host([appearance='primary-purple']) {
|
|
605
|
-
background: ${
|
|
606
|
-
border: 1px solid ${
|
|
605
|
+
background: ${ca(ya)};
|
|
606
|
+
border: 1px solid ${ye.purple};
|
|
607
607
|
}
|
|
608
608
|
|
|
609
609
|
:host([appearance='primary-purple']:hover) {
|
|
610
|
-
background: ${
|
|
610
|
+
background: ${ye.purple};
|
|
611
611
|
}
|
|
612
612
|
|
|
613
613
|
:host([appearance='primary-purple']:active) {
|
|
614
|
-
background: ${
|
|
615
|
-
border: 1px solid ${
|
|
616
|
-
color: ${
|
|
614
|
+
background: ${ca(xa)};
|
|
615
|
+
border: 1px solid ${ca(ya)};
|
|
616
|
+
color: ${ta(ka)};
|
|
617
617
|
}
|
|
618
|
-
`,
|
|
618
|
+
`,Ca=b.css`
|
|
619
619
|
:host {
|
|
620
620
|
--primary-gradient-angle: -113.5deg;
|
|
621
621
|
}
|
|
@@ -623,8 +623,8 @@
|
|
|
623
623
|
:host([appearance='primary-gradient']) {
|
|
624
624
|
background-image: linear-gradient(
|
|
625
625
|
var(--primary-gradient-angle),
|
|
626
|
-
${
|
|
627
|
-
${
|
|
626
|
+
${ye.blue},
|
|
627
|
+
${ye.purple}
|
|
628
628
|
);
|
|
629
629
|
background-origin: border-box;
|
|
630
630
|
border: solid 1px transparent;
|
|
@@ -634,8 +634,8 @@
|
|
|
634
634
|
:host([appearance='primary-gradient']:hover) {
|
|
635
635
|
background-image: linear-gradient(
|
|
636
636
|
var(--primary-gradient-angle),
|
|
637
|
-
${
|
|
638
|
-
${
|
|
637
|
+
${ye.blue},
|
|
638
|
+
${ye.purple}
|
|
639
639
|
);
|
|
640
640
|
background-origin: border-box;
|
|
641
641
|
border: solid 1px transparent;
|
|
@@ -645,60 +645,60 @@
|
|
|
645
645
|
:host([appearance='primary-gradient']:active) {
|
|
646
646
|
background-image: linear-gradient(
|
|
647
647
|
var(--primary-gradient-angle),
|
|
648
|
-
${
|
|
649
|
-
${
|
|
648
|
+
${ga(ya)},
|
|
649
|
+
${ca(ya)}
|
|
650
650
|
);
|
|
651
651
|
background-origin: border-box;
|
|
652
652
|
border: solid 1px transparent;
|
|
653
653
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 30%) inset;
|
|
654
|
-
color: ${
|
|
654
|
+
color: ${ta(ka)};
|
|
655
655
|
}
|
|
656
|
-
|
|
656
|
+
`,$a=b.css`
|
|
657
657
|
:host([appearance='secondary-orange']) {
|
|
658
|
-
background: ${
|
|
659
|
-
border: 1px solid ${
|
|
658
|
+
background: ${ua(ya)};
|
|
659
|
+
border: 1px solid ${xe.orange};
|
|
660
660
|
}
|
|
661
661
|
|
|
662
662
|
:host([appearance='secondary-orange']:hover) {
|
|
663
|
-
background: ${
|
|
663
|
+
background: ${xe.orange};
|
|
664
664
|
}
|
|
665
665
|
|
|
666
666
|
:host([appearance='secondary-orange']:active) {
|
|
667
|
-
background: ${
|
|
668
|
-
border: 1px solid ${
|
|
669
|
-
color: ${
|
|
667
|
+
background: ${ua(xa)};
|
|
668
|
+
border: 1px solid ${ua(ya)};
|
|
669
|
+
color: ${ta(ka)};
|
|
670
670
|
}
|
|
671
|
-
`,
|
|
671
|
+
`,Aa=b.css`
|
|
672
672
|
:host([appearance='secondary-teal']) {
|
|
673
|
-
background: ${
|
|
674
|
-
border: 1px solid ${
|
|
673
|
+
background: ${ma(ya)};
|
|
674
|
+
border: 1px solid ${xe.teal};
|
|
675
675
|
}
|
|
676
676
|
|
|
677
677
|
:host([appearance='secondary-teal']:hover) {
|
|
678
|
-
background: ${
|
|
678
|
+
background: ${xe.teal};
|
|
679
679
|
}
|
|
680
680
|
|
|
681
681
|
:host([appearance='secondary-teal']:active) {
|
|
682
|
-
background: ${
|
|
683
|
-
border: 1px solid ${
|
|
684
|
-
color: ${
|
|
682
|
+
background: ${ma(xa)};
|
|
683
|
+
border: 1px solid ${ma(ya)};
|
|
684
|
+
color: ${ta(ka)};
|
|
685
685
|
}
|
|
686
|
-
`,
|
|
686
|
+
`,Fa=b.css`
|
|
687
687
|
:host([appearance='neutral-grey']) {
|
|
688
|
-
background: ${
|
|
689
|
-
border: 1px solid ${
|
|
688
|
+
background: ${f.neutralFillRest};
|
|
689
|
+
border: 1px solid ${f.neutralStrokeRest};
|
|
690
690
|
}
|
|
691
691
|
|
|
692
692
|
:host([appearance='neutral-grey']:hover) {
|
|
693
|
-
background: ${
|
|
693
|
+
background: ${f.neutralFillHover};
|
|
694
694
|
}
|
|
695
695
|
|
|
696
696
|
:host([appearance='neutral-grey']:active) {
|
|
697
|
-
background: ${
|
|
698
|
-
border: 1px solid ${
|
|
699
|
-
color: ${
|
|
697
|
+
background: ${f.neutralFillActive};
|
|
698
|
+
border: 1px solid ${f.neutralStrokeActive};
|
|
699
|
+
color: ${f.neutralForegroundRest};
|
|
700
700
|
}
|
|
701
|
-
|
|
701
|
+
`,Oa=b.css`
|
|
702
702
|
:host {
|
|
703
703
|
--primary-gradient-angle: -113.5deg;
|
|
704
704
|
}
|
|
@@ -707,21 +707,21 @@
|
|
|
707
707
|
background:
|
|
708
708
|
linear-gradient(
|
|
709
709
|
var(--primary-gradient-angle),
|
|
710
|
-
${
|
|
711
|
-
${
|
|
710
|
+
${ye.blue} 0%,
|
|
711
|
+
${ye.purple} 100%
|
|
712
712
|
)
|
|
713
713
|
top/100% 1px,
|
|
714
714
|
linear-gradient(
|
|
715
715
|
var(--primary-gradient-angle),
|
|
716
|
-
${
|
|
717
|
-
${
|
|
716
|
+
${ye.blue} 0%,
|
|
717
|
+
${ye.purple} 100%
|
|
718
718
|
)
|
|
719
719
|
bottom/100% 1px;
|
|
720
720
|
background-origin: border-box;
|
|
721
721
|
background-repeat: no-repeat;
|
|
722
722
|
border: 1px solid transparent;
|
|
723
|
-
border-right-color: ${
|
|
724
|
-
border-left-color: ${
|
|
723
|
+
border-right-color: ${ye.blue};
|
|
724
|
+
border-left-color: ${ye.purple};
|
|
725
725
|
}
|
|
726
726
|
|
|
727
727
|
:host([appearance='outline-primary-gradient']:hover) {
|
|
@@ -729,8 +729,8 @@
|
|
|
729
729
|
background-repeat: unset;
|
|
730
730
|
background-image: linear-gradient(
|
|
731
731
|
var(--primary-gradient-angle),
|
|
732
|
-
${
|
|
733
|
-
${
|
|
732
|
+
${ye.blue},
|
|
733
|
+
${ye.purple}
|
|
734
734
|
);
|
|
735
735
|
background-origin: border-box;
|
|
736
736
|
box-shadow: 1px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
@@ -741,90 +741,90 @@
|
|
|
741
741
|
background:
|
|
742
742
|
linear-gradient(
|
|
743
743
|
var(--primary-gradient-angle),
|
|
744
|
-
${
|
|
745
|
-
${
|
|
744
|
+
${ga(ya)} 0%,
|
|
745
|
+
${ca(ya)} 100%
|
|
746
746
|
)
|
|
747
747
|
top/100% 1px,
|
|
748
748
|
linear-gradient(
|
|
749
749
|
var(--primary-gradient-angle),
|
|
750
|
-
${
|
|
751
|
-
${
|
|
750
|
+
${ga(ya)} 0%,
|
|
751
|
+
${ca(ya)} 100%
|
|
752
752
|
)
|
|
753
753
|
bottom/100% 1px;
|
|
754
754
|
background-origin: border-box;
|
|
755
755
|
background-repeat: no-repeat;
|
|
756
756
|
border: 1px solid transparent;
|
|
757
|
-
border-right-color: ${
|
|
758
|
-
border-left-color: ${
|
|
759
|
-
color: ${
|
|
757
|
+
border-right-color: ${ga(ya)};
|
|
758
|
+
border-left-color: ${ca(ya)};
|
|
759
|
+
color: ${ta(ka)};
|
|
760
760
|
}
|
|
761
|
-
`,
|
|
761
|
+
`,Ta=b.css`
|
|
762
762
|
:host([appearance='outline-secondary-orange']) {
|
|
763
763
|
background: transparent;
|
|
764
|
-
border: 1px solid ${
|
|
764
|
+
border: 1px solid ${xe.orange};
|
|
765
765
|
}
|
|
766
766
|
|
|
767
767
|
:host([appearance='outline-secondary-orange']:hover) {
|
|
768
|
-
background: ${
|
|
768
|
+
background: ${ua(ya)};
|
|
769
769
|
}
|
|
770
770
|
|
|
771
771
|
:host([appearance='outline-secondary-orange']:active) {
|
|
772
772
|
background: transparent;
|
|
773
|
-
border: 1px solid ${
|
|
774
|
-
color: ${
|
|
773
|
+
border: 1px solid ${ua(ya)};
|
|
774
|
+
color: ${ta(ka)};
|
|
775
775
|
}
|
|
776
|
-
`,
|
|
776
|
+
`,Da=b.css`
|
|
777
777
|
:host([appearance='outline-secondary-teal']) {
|
|
778
778
|
background: transparent;
|
|
779
|
-
border: 1px solid ${
|
|
779
|
+
border: 1px solid ${xe.teal};
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
:host([appearance='outline-secondary-teal']:hover) {
|
|
783
|
-
background: ${
|
|
783
|
+
background: ${ma(ya)};
|
|
784
784
|
}
|
|
785
785
|
|
|
786
786
|
:host([appearance='outline-secondary-teal']:active) {
|
|
787
787
|
background: transparent;
|
|
788
|
-
border: 1px solid ${
|
|
789
|
-
color: ${
|
|
788
|
+
border: 1px solid ${ma(ya)};
|
|
789
|
+
color: ${ta(ka)};
|
|
790
790
|
}
|
|
791
|
-
`,
|
|
792
|
-
${(0,
|
|
793
|
-
${
|
|
791
|
+
`,Ra=(e,a)=>b.css`
|
|
792
|
+
${(0,H.foundationButtonStyles)(e,a)}
|
|
793
|
+
${b.css`
|
|
794
794
|
:host {
|
|
795
795
|
margin: 5px;
|
|
796
796
|
}
|
|
797
797
|
`}
|
|
798
|
-
`.withBehaviors(
|
|
799
|
-
${(0,
|
|
800
|
-
${
|
|
801
|
-
`.withBehaviors(...
|
|
802
|
-
${(0,
|
|
803
|
-
`,shadowOptions:
|
|
804
|
-
${(0,
|
|
805
|
-
`,shadowOptions:
|
|
806
|
-
${(0,
|
|
798
|
+
`.withBehaviors(wa("primary-blue",za),wa("primary-purple",Sa),wa("primary-gradient",Ca),wa("secondary-orange",$a),wa("secondary-teal",Aa),wa("neutral-grey",Fa),wa("outline-primary-gradient",Oa),wa("outline-secondary-orange",Ta),wa("outline-secondary-teal",Da));class Na extends H.Anchor{}const La=Na.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,H.foundationAnchorTemplate)(e,a),styles:(e,a)=>b.css`
|
|
799
|
+
${(0,H.foundationAnchorStyles)(e,a)}
|
|
800
|
+
${Ra(e,a)}
|
|
801
|
+
`.withBehaviors(...Ra(e,a).behaviors),shadowOptions:H.foundationAnchorShadowOptions},H.defaultAnchorConfig));class Ma extends H.AnchoredRegion{}const Ia=Ma.compose(Object.assign({baseName:"anchored-region",template:(e,a)=>(0,H.foundationAnchoredRegionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
802
|
+
${(0,H.foundationAnchoredRegionStyles)(e,a)}
|
|
803
|
+
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class ja extends H.Avatar{}const Ea=ja.compose(Object.assign({baseName:"avatar",template:(e,a)=>(0,H.foundationAvatarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
804
|
+
${(0,H.foundationAvatarStyles)(e,a)}
|
|
805
|
+
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class Pa extends H.Badge{}const Ba=Pa.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,H.foundationBadgeTemplate)(e,a),styles:(e,a)=>b.css`
|
|
806
|
+
${(0,H.foundationBadgeStyles)(e,a)}
|
|
807
807
|
:host {
|
|
808
|
-
--badge-fill-primary: ${
|
|
809
|
-
--badge-fill-secondary: ${
|
|
810
|
-
--badge-fill-pink: ${
|
|
808
|
+
--badge-fill-primary: ${ga()};
|
|
809
|
+
--badge-fill-secondary: ${ma()};
|
|
810
|
+
--badge-fill-pink: ${fa()};
|
|
811
811
|
--badge-fill-transparent: transparent;
|
|
812
812
|
--badge-color-black: #000;
|
|
813
813
|
--badge-color-white: #fff;
|
|
814
814
|
}
|
|
815
815
|
|
|
816
816
|
:host .control {
|
|
817
|
-
padding: calc(${
|
|
817
|
+
padding: calc(${f.designUnit} * 1px) calc(${f.designUnit} * 2px);
|
|
818
818
|
}
|
|
819
|
-
`,shadowOptions:
|
|
820
|
-
${
|
|
819
|
+
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),Ga=b.css`
|
|
820
|
+
${H.foundationBannerStyles}
|
|
821
821
|
.banner {
|
|
822
|
-
background-color: ${
|
|
822
|
+
background-color: ${f.neutralLayer1};
|
|
823
823
|
}
|
|
824
|
-
`,
|
|
825
|
-
${(0,
|
|
826
|
-
`,shadowOptions:undefined},{}));class
|
|
827
|
-
${(0,
|
|
824
|
+
`,_a=H.foundationBannerShadowOptions;class Ua extends H.Banner{}const Ha=Ua.compose({baseName:"banner",shadowOptions:_a,styles:Ga,template:H.foundationBannerTemplate});class Va extends H.Breadcrumb{}const Ya=Va.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,H.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>b.css`
|
|
825
|
+
${(0,H.foundationBreadcrumbStyles)(e,a)}
|
|
826
|
+
`,shadowOptions:undefined},{}));class Qa extends H.BreadcrumbItem{}const Wa=Qa.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,H.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
827
|
+
${(0,H.foundationBreadcrumbItemStyles)(e,a)}
|
|
828
828
|
:host {
|
|
829
829
|
--neutral-foreground-rest: #18b2e3;
|
|
830
830
|
--accent-foreground-rest: #f1f1f1;
|
|
@@ -834,16 +834,16 @@
|
|
|
834
834
|
.separator {
|
|
835
835
|
color: var(--neutral-stroke-rest);
|
|
836
836
|
}
|
|
837
|
-
`,shadowOptions:
|
|
838
|
-
${(0,
|
|
839
|
-
`,shadowOptions:
|
|
840
|
-
${(0,
|
|
837
|
+
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class qa extends H.Button{}const Ja=qa.compose(Object.assign({baseName:"button",template:(e,a)=>(0,H.foundationButtonTemplate)(e,a),styles:Ra,shadowOptions:H.foundationButtonShadowOptions},H.defaultButtonConfig));class Za extends H.Calendar{}const Ka=Za.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,H.foundationCalendarTemplate)(e,a),styles:()=>b.css`
|
|
838
|
+
${(0,H.foundationCalendarStyles)()}
|
|
839
|
+
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class Xa extends H.Card{}const er=Xa.compose(Object.assign({baseName:"card",template:(e,a)=>(0,H.foundationCardTemplate)(e,a),styles:(e,a)=>b.css`
|
|
840
|
+
${(0,H.foundationCardStyles)(e,a)}
|
|
841
841
|
:host {
|
|
842
842
|
background-color: var(--zero-card-fill-color, var(--neutral-layer-2));
|
|
843
|
-
color: ${
|
|
843
|
+
color: ${f.neutralForegroundRest};
|
|
844
844
|
}
|
|
845
|
-
`,shadowOptions:
|
|
846
|
-
${
|
|
845
|
+
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),ar=b.css`
|
|
846
|
+
${H.categorizedMultiselectStyles}
|
|
847
847
|
|
|
848
848
|
.label {
|
|
849
849
|
color: var(--neutral-foreground-hint);
|
|
@@ -856,104 +856,104 @@
|
|
|
856
856
|
rapid-checkbox:hover:not([disabled]) {
|
|
857
857
|
background: var(--neutral-layer-4);
|
|
858
858
|
}
|
|
859
|
-
`,
|
|
860
|
-
${(0,
|
|
861
|
-
`;class
|
|
862
|
-
${(0,
|
|
859
|
+
`,rr=b.html`
|
|
860
|
+
${(0,H.getPrefixedCategorizedMultiselect)("zero")}
|
|
861
|
+
`;class tr extends H.CategorizedMultiselect{}const or=H.defaultCategorizedMultiselectConfig,ir=H.foundationCategorizedMultiselectShadowOptions,nr=tr.compose(Object.assign({baseName:"categorized-multiselect",template:rr,styles:ar,shadowOptions:ir},or));class lr extends H.Checkbox{}const gr=lr.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,H.foundationCheckboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
862
|
+
${(0,H.foundationCheckboxStyles)(e,a)}
|
|
863
863
|
:host {
|
|
864
864
|
--primary-gradient-angle: -113.5deg;
|
|
865
|
-
--foreground-on-accent-rest: ${
|
|
866
|
-
--foreground-on-accent-hover: ${
|
|
867
|
-
--neutral-stroke-hover: ${
|
|
868
|
-
--foreground-on-accent-active: ${
|
|
865
|
+
--foreground-on-accent-rest: ${we.white};
|
|
866
|
+
--foreground-on-accent-hover: ${we.white};
|
|
867
|
+
--neutral-stroke-hover: ${we.white};
|
|
868
|
+
--foreground-on-accent-active: ${we.white};
|
|
869
869
|
}
|
|
870
870
|
|
|
871
871
|
.checked-indicator {
|
|
872
872
|
background-image: linear-gradient(
|
|
873
873
|
var(--primary-gradient-angle),
|
|
874
|
-
${
|
|
875
|
-
${
|
|
874
|
+
${ye.blue},
|
|
875
|
+
${ye.purple}
|
|
876
876
|
);
|
|
877
877
|
background-origin: border-box;
|
|
878
878
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
|
|
879
879
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
880
880
|
}
|
|
881
|
-
`,shadowOptions:
|
|
882
|
-
${(0,
|
|
881
|
+
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig)),sr=(0,Se.parseColorHexRGB)("#F1F1F1"),dr=aa(sr,1),cr=(0,Se.parseColorHexRGB)("#879BA6"),pr=aa(cr,.06),ur=(0,Se.parseColorHexRGB)("#879BA6"),hr=aa(ur,1),mr=(0,Se.parseColorHexRGB)("#121212"),br=aa(mr,1),vr=(0,Se.parseColorHexRGB)("#2e3339"),fr=aa(vr,1);var wr;!function(e){e.PrimaryBlue="primary-blue",e.PrimaryPurple="primary-purple",e.PrimaryGradient="primary-gradient",e.SecondaryOrange="secondary-orange",e.SecondaryTeal="secondary-teal",e.NeutralGrey="neutral-grey",e.OutlinePrimaryGradient="outline-primary-gradient",e.OutlineSecondaryOrange="outline-secondary-orange",e.OutlineSecondaryTeal="outline-secondary-teal"}(wr||(wr={}));Object.values(wr);class yr extends H.Combobox{}const xr=yr.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,H.foundationComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
882
|
+
${(0,H.foundationComboboxStyles)(e,a)}
|
|
883
883
|
:host {
|
|
884
884
|
--primary-gradient-angle: -113.5deg;
|
|
885
885
|
|
|
886
886
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
887
|
-
border-color: ${
|
|
888
|
-
background: ${
|
|
887
|
+
border-color: ${fr};
|
|
888
|
+
background: ${pr};
|
|
889
889
|
}
|
|
890
890
|
|
|
891
891
|
:host(:focus-within:not([disabled])) {
|
|
892
892
|
background:
|
|
893
893
|
linear-gradient(
|
|
894
894
|
var(--primary-gradient-angle),
|
|
895
|
-
${
|
|
896
|
-
${
|
|
895
|
+
${ye.blue} 0%,
|
|
896
|
+
${ye.purple} 100%
|
|
897
897
|
)
|
|
898
898
|
top/100% 1px,
|
|
899
899
|
linear-gradient(
|
|
900
900
|
var(--primary-gradient-angle),
|
|
901
|
-
${
|
|
902
|
-
${
|
|
901
|
+
${ye.blue} 0%,
|
|
902
|
+
${ye.purple} 100%
|
|
903
903
|
)
|
|
904
904
|
bottom/100% 1px;
|
|
905
905
|
background-origin: border-box;
|
|
906
906
|
background-repeat: no-repeat;
|
|
907
907
|
border: 1px solid transparent;
|
|
908
|
-
border-right-color: ${
|
|
909
|
-
border-left-color: ${
|
|
908
|
+
border-right-color: ${ye.blue};
|
|
909
|
+
border-left-color: ${ye.purple};
|
|
910
910
|
}
|
|
911
911
|
|
|
912
912
|
:host(:hover:not([disabled]):not([open])) {
|
|
913
|
-
border-color: ${
|
|
914
|
-
background: ${
|
|
913
|
+
border-color: ${dr};
|
|
914
|
+
background: ${pr};
|
|
915
915
|
}
|
|
916
916
|
|
|
917
917
|
:host([open][position='below']) .listbox {
|
|
918
918
|
padding: 0;
|
|
919
|
-
margin-top: calc(${
|
|
919
|
+
margin-top: calc(${f.designUnit} * 1px);
|
|
920
920
|
border-radius: 4px;
|
|
921
|
-
border: 1px solid ${
|
|
921
|
+
border: 1px solid ${we.lightGrey};
|
|
922
922
|
}
|
|
923
923
|
|
|
924
924
|
:host([open]) .control {
|
|
925
|
-
background: ${
|
|
925
|
+
background: ${br};
|
|
926
926
|
}
|
|
927
927
|
|
|
928
928
|
:host(:not([disabled])) .control:active {
|
|
929
929
|
background: none;
|
|
930
930
|
}
|
|
931
|
-
`,shadowOptions:
|
|
932
|
-
${(0,
|
|
933
|
-
`,shadowOptions:
|
|
934
|
-
${(0,
|
|
935
|
-
`,shadowOptions:
|
|
936
|
-
${(0,
|
|
931
|
+
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class kr extends H.ConnectionIndicator{}const zr=kr.compose({baseName:"connection-indicator",template:H.foundationConnectionIndicatorTemplate,styles:H.foundationConnectionIndicatorStyles});class Sr extends H.DataGridCell{}Sr.compose(Object.assign({baseName:"data-grid-cell",template:v.dataGridCellTemplate,styles:(e,a)=>b.css`
|
|
932
|
+
${(0,H.foundationDataGridCellStyles)(e,a)}
|
|
933
|
+
`,shadowOptions:H.foundationDataGridCellShadowOptions},H.defaultDataGridCellConfig));class Cr extends H.DataGridRow{}Cr.compose(Object.assign({baseName:"data-grid-row",template:v.dataGridRowTemplate,styles:(e,a)=>b.css`
|
|
934
|
+
${(0,H.foundationDataGridRowStyles)(e,a)}
|
|
935
|
+
`,shadowOptions:H.foundationDataGridRowShadowOptions},H.defaultDataGridRowConfig));class $r extends H.DataGrid{}const Ar=$r.compose(Object.assign({baseName:"data-grid",template:(e,a)=>(0,H.foundationDataGridTemplate)(e,a),styles:(e,a)=>b.css`
|
|
936
|
+
${(0,H.foundationDataGridStyles)(e,a)}
|
|
937
937
|
::slotted(.sticky-header),
|
|
938
938
|
::slotted(.header) {
|
|
939
939
|
border-bottom-color: var(--neutral-color);
|
|
940
940
|
|
|
941
|
-
--neutral-foreground-rest: ${
|
|
941
|
+
--neutral-foreground-rest: ${hr};
|
|
942
942
|
}
|
|
943
943
|
|
|
944
944
|
::slotted([role='row']) {
|
|
945
945
|
background-color: #1f2126;
|
|
946
946
|
}
|
|
947
|
-
`,shadowOptions:
|
|
948
|
-
${(0,
|
|
949
|
-
`;class
|
|
950
|
-
${
|
|
947
|
+
`,shadowOptions:H.foundationDataGridShadowOptions},H.defaultDataGridConfig)),Fr=b.html`
|
|
948
|
+
${(0,H.getPrefixedDatePicker)("zero")}
|
|
949
|
+
`;class Or extends H.DatePicker{}const Tr=Or.compose(Object.assign({baseName:"date-picker",template:Fr,styles:()=>b.css`
|
|
950
|
+
${H.foundationDatePickerStyles}
|
|
951
951
|
:host {
|
|
952
952
|
--primary-gradient-angle: -113.5deg;
|
|
953
953
|
}
|
|
954
954
|
|
|
955
955
|
.calendar-dropdown {
|
|
956
|
-
background: ${
|
|
956
|
+
background: ${we.mediumGrey};
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
.week-days,
|
|
@@ -967,7 +967,7 @@
|
|
|
967
967
|
}
|
|
968
968
|
|
|
969
969
|
.month-day.current {
|
|
970
|
-
color: ${
|
|
970
|
+
color: ${we.almostWhite};
|
|
971
971
|
}
|
|
972
972
|
|
|
973
973
|
.input-icon-container {
|
|
@@ -980,55 +980,55 @@
|
|
|
980
980
|
}
|
|
981
981
|
|
|
982
982
|
.input-icon-container:hover {
|
|
983
|
-
background-color: ${
|
|
983
|
+
background-color: ${we.mediumGrey};
|
|
984
984
|
}
|
|
985
985
|
|
|
986
986
|
.date-toggle::part(end) {
|
|
987
987
|
margin-inline-end: 4px;
|
|
988
988
|
}
|
|
989
|
-
`,shadowOptions:undefined},{}));var
|
|
990
|
-
${(0,
|
|
989
|
+
`,shadowOptions:undefined},{}));var Dr=r(37068);_e();const Rr=b.css`
|
|
990
|
+
${(0,v.display)("flex")}
|
|
991
991
|
:host {
|
|
992
992
|
flex: 1;
|
|
993
993
|
}
|
|
994
|
-
`,
|
|
994
|
+
`,Nr=b.css`
|
|
995
995
|
:host {
|
|
996
|
-
background-color: ${
|
|
996
|
+
background-color: ${f.neutralFillStealthActive};
|
|
997
997
|
}
|
|
998
|
-
`.withBehaviors((0,
|
|
998
|
+
`.withBehaviors((0,v.forcedColorsStylesheetBehavior)(b.css`
|
|
999
999
|
:host {
|
|
1000
|
-
background-color: ${
|
|
1001
|
-
box-shadow: 0 0 0 1px ${
|
|
1002
|
-
color: ${
|
|
1000
|
+
background-color: ${w.H.ButtonFace};
|
|
1001
|
+
box-shadow: 0 0 0 1px ${w.H.CanvasText};
|
|
1002
|
+
color: ${w.H.ButtonText};
|
|
1003
1003
|
}
|
|
1004
|
-
`)),
|
|
1004
|
+
`)),Lr=(e,a,r)=>b.css`
|
|
1005
1005
|
${e.name} ${"h"+a} {
|
|
1006
1006
|
font-size: var(--type-ramp-plus-${r}-font-size);
|
|
1007
1007
|
line-height: var(--type-ramp-plus-${r}-line-height);
|
|
1008
1008
|
margin: 0;
|
|
1009
|
-
${Ge
|
|
1009
|
+
${He(Ge.Hd.Normal,Ge.U9.Bold)}
|
|
1010
1010
|
}
|
|
1011
|
-
`;class
|
|
1011
|
+
`;class Mr extends f.DesignSystemProvider{constructor(){super(),(0,H.provideTokens)(t,o,this)}}(0,Dr.__decorate)([(0,b.attr)({attribute:"card-fill-color",converter:H.swatchConverter}),(0,H.designToken)(f.neutralFillStealthRest)],Mr.prototype,"cardFillColor",void 0),(0,Dr.__decorate)([(0,b.attr)({attribute:"card-foreground-color",converter:H.swatchConverter}),(0,H.designToken)(f.neutralForegroundRest)],Mr.prototype,"cardForegroundColor",void 0);const Ir=Mr.compose({baseName:"design-system-provider",template:b.html`
|
|
1012
1012
|
<slot></slot>
|
|
1013
|
-
`,styles:e=>{const a=(e=>
|
|
1014
|
-
${
|
|
1015
|
-
${
|
|
1016
|
-
${
|
|
1017
|
-
${
|
|
1018
|
-
${
|
|
1019
|
-
${
|
|
1020
|
-
`)(e);return a.addStylesTo(document),
|
|
1021
|
-
${
|
|
1022
|
-
${
|
|
1013
|
+
`,styles:e=>{const a=(e=>b.css`
|
|
1014
|
+
${Lr(e,"1","6")}
|
|
1015
|
+
${Lr(e,"2","5")}
|
|
1016
|
+
${Lr(e,"3","4")}
|
|
1017
|
+
${Lr(e,"4","3")}
|
|
1018
|
+
${Lr(e,"5","2")}
|
|
1019
|
+
${Lr(e,"6","1")}
|
|
1020
|
+
`)(e);return a.addStylesTo(document),b.css`
|
|
1021
|
+
${Rr}
|
|
1022
|
+
${Nr}
|
|
1023
1023
|
${a}
|
|
1024
1024
|
:host * {
|
|
1025
|
-
color: ${
|
|
1026
|
-
${
|
|
1025
|
+
color: ${f.neutralForegroundRest};
|
|
1026
|
+
${He()}
|
|
1027
1027
|
}
|
|
1028
|
-
`}}),
|
|
1029
|
-
${
|
|
1028
|
+
`}}),jr=(0,Se.parseColorHexRGB)("#121212"),Er=aa(jr,1),Pr=b.css`
|
|
1029
|
+
${H.foundationDialogStyles}
|
|
1030
1030
|
:host {
|
|
1031
|
-
--dialog-background: ${
|
|
1031
|
+
--dialog-background: ${f.neutralLayer2};
|
|
1032
1032
|
}
|
|
1033
1033
|
|
|
1034
1034
|
dialog {
|
|
@@ -1037,7 +1037,7 @@
|
|
|
1037
1037
|
bottom: 0;
|
|
1038
1038
|
color: rgb(255 255 255 / 30%);
|
|
1039
1039
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1040
|
-
border: 1px solid ${
|
|
1040
|
+
border: 1px solid ${we.lightGrey};
|
|
1041
1041
|
text-align: left;
|
|
1042
1042
|
line-height: normal;
|
|
1043
1043
|
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
|
|
@@ -1047,7 +1047,7 @@
|
|
|
1047
1047
|
display: flex;
|
|
1048
1048
|
align-items: center;
|
|
1049
1049
|
justify-content: space-between;
|
|
1050
|
-
color: ${
|
|
1050
|
+
color: ${we.almostWhite};
|
|
1051
1051
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
1052
1052
|
}
|
|
1053
1053
|
|
|
@@ -1055,11 +1055,11 @@
|
|
|
1055
1055
|
display: flex;
|
|
1056
1056
|
flex-wrap: wrap;
|
|
1057
1057
|
justify-content: flex-end;
|
|
1058
|
-
color: ${
|
|
1058
|
+
color: ${we.almostWhite};
|
|
1059
1059
|
}
|
|
1060
1060
|
|
|
1061
1061
|
:host slot:first-of-type {
|
|
1062
|
-
color: ${
|
|
1062
|
+
color: ${f.neutralForegroundRest};
|
|
1063
1063
|
}
|
|
1064
1064
|
|
|
1065
1065
|
::slotted(zero-button) {
|
|
@@ -1080,30 +1080,30 @@
|
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
.close-icon:hover svg {
|
|
1083
|
-
background-color: ${
|
|
1083
|
+
background-color: ${ta(.05)};
|
|
1084
1084
|
}
|
|
1085
1085
|
|
|
1086
1086
|
.close-icon:hover svg g path {
|
|
1087
|
-
fill: ${
|
|
1087
|
+
fill: ${ta(1)};
|
|
1088
1088
|
}
|
|
1089
1089
|
|
|
1090
1090
|
.close-icon:active svg {
|
|
1091
|
-
background-color: ${
|
|
1091
|
+
background-color: ${Er};
|
|
1092
1092
|
}
|
|
1093
1093
|
|
|
1094
1094
|
.close-icon:active svg g path {
|
|
1095
|
-
fill: ${
|
|
1096
|
-
}
|
|
1097
|
-
`,
|
|
1098
|
-
${(0,
|
|
1099
|
-
`,shadowOptions:
|
|
1100
|
-
${(0,
|
|
1101
|
-
`,shadowOptions:
|
|
1102
|
-
${(0,
|
|
1103
|
-
`,template:
|
|
1104
|
-
${(0,
|
|
1105
|
-
`,
|
|
1106
|
-
${
|
|
1095
|
+
fill: ${ta(.33)};
|
|
1096
|
+
}
|
|
1097
|
+
`,Br=H.defaultDialogConfig,Gr=H.foundationDialogTemplate,_r=H.foundationDialogShadowOptions;class Ur extends H.Dialog{}const Hr=Ur.compose(Object.assign({baseName:"dialog",shadowOptions:_r,styles:Pr,template:Gr},Br));class Vr extends H.Disclosure{}const Yr=Vr.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,H.foundationDisclosureTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1098
|
+
${(0,H.foundationDisclosureStyles)(e,a)}
|
|
1099
|
+
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class Qr extends H.Divider{}const Wr=Qr.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,H.foundationDividerTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1100
|
+
${(0,H.foundationDividerStyles)(e,a)}
|
|
1101
|
+
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class qr extends H.DropdownMenu{}const Jr=qr.compose({baseName:"dropdown-menu",styles:(e,a)=>b.css`
|
|
1102
|
+
${(0,H.dropdownMenuBaseStyles)("zero",e,a)}
|
|
1103
|
+
`,template:H.foundationDropdownMenuTemplate}),Zr=b.html`
|
|
1104
|
+
${(0,H.getPrefixedErrorBanner)("zero")}
|
|
1105
|
+
`,Kr=H.foundationErrorBannerShadowOptions;class Xr extends H.ErrorBanner{}const et=Xr.compose({baseName:"error-banner",template:Zr,shadowOptions:Kr});class at extends H.ErrorBoundary{}const rt=at.compose({baseName:"error-boundary",template:H.foundationErrorBoundaryTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class tt extends H.ErrorDialog{}const ot=tt.compose({baseName:"error-dialog",styles:H.foundationErrorDialogStyles,template:H.errorDialogTemplate,shadowOptions:H.foundationErrorDialogShadowOptions}),it=b.css`
|
|
1106
|
+
${H.foundationFileUploadStyles}
|
|
1107
1107
|
::-webkit-scrollbar {
|
|
1108
1108
|
width: 12px;
|
|
1109
1109
|
}
|
|
@@ -1119,14 +1119,14 @@
|
|
|
1119
1119
|
background-color: var(--neutral-color);
|
|
1120
1120
|
border: 3px solid rgb(31 33 38);
|
|
1121
1121
|
}
|
|
1122
|
-
`,
|
|
1123
|
-
${(0,
|
|
1124
|
-
`,
|
|
1125
|
-
${(0,
|
|
1126
|
-
`;class
|
|
1127
|
-
${(0,
|
|
1128
|
-
`;class
|
|
1129
|
-
${(0,
|
|
1122
|
+
`,nt=b.html`
|
|
1123
|
+
${(0,H.getPrefixedFileUpload)("zero")}
|
|
1124
|
+
`,lt=H.defaultFileUploadConfig,gt=H.foundationFileUploadShadowOptions;class st extends H.FileUpload{}const dt=st.compose(Object.assign({baseName:"file-upload",shadowOptions:gt,styles:it,template:nt},lt)),ct=b.html`
|
|
1125
|
+
${(0,H.getPrefixedFilterTemplate)("zero")}
|
|
1126
|
+
`;class pt extends H.Filter{}const ut=pt.compose({baseName:"filter",template:ct,styles:H.foundationFilterStyles}),ht=b.html`
|
|
1127
|
+
${(0,H.filterBarTemplate)("zero")}
|
|
1128
|
+
`;class mt extends H.FilterBar{}const bt=mt.compose({baseName:"filter-bar",template:ht,styles:(e,a)=>b.css`
|
|
1129
|
+
${(0,H.foundationFilterBarStyles)(e,a)}
|
|
1130
1130
|
.toggle,
|
|
1131
1131
|
.toggle-collapsed {
|
|
1132
1132
|
background: var(--ag-background-color, #181d1f);
|
|
@@ -1137,36 +1137,36 @@
|
|
|
1137
1137
|
.toggle-collapsed:hover {
|
|
1138
1138
|
color: var(--ag-alpine-active-color, #2196f3);
|
|
1139
1139
|
}
|
|
1140
|
-
`});class
|
|
1141
|
-
${(0,
|
|
1140
|
+
`});class vt extends H.FlexLayout{}const ft=vt.compose(Object.assign({baseName:"flex-layout",shadowOptions:H.foundationFlexLayoutShadowOptions,styles:H.foundationFlexLayoutStyles,template:H.foundationFlexLayoutTemplate},H.defaultFlexLayoutConfig));class wt extends H.Flipper{}const yt=wt.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,H.foundationFlipperTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1141
|
+
${(0,H.foundationFlipperStyles)(e,a)}
|
|
1142
1142
|
:host {
|
|
1143
|
-
--foreground-on-accent-rest: ${
|
|
1144
|
-
--foreground-on-accent-hover: ${
|
|
1145
|
-
--foreground-on-accent-active: ${
|
|
1143
|
+
--foreground-on-accent-rest: ${we.white};
|
|
1144
|
+
--foreground-on-accent-hover: ${we.white};
|
|
1145
|
+
--foreground-on-accent-active: ${we.white};
|
|
1146
1146
|
--primary-gradient-angle: -113.5deg;
|
|
1147
1147
|
}
|
|
1148
1148
|
|
|
1149
1149
|
:host::before {
|
|
1150
1150
|
background: linear-gradient(
|
|
1151
1151
|
var(--primary-gradient-angle),
|
|
1152
|
-
${
|
|
1153
|
-
${
|
|
1152
|
+
${ga(.7)},
|
|
1153
|
+
${ca(.7)}
|
|
1154
1154
|
);
|
|
1155
1155
|
}
|
|
1156
1156
|
|
|
1157
1157
|
:host(:hover)::before {
|
|
1158
1158
|
background: linear-gradient(
|
|
1159
1159
|
var(--primary-gradient-angle),
|
|
1160
|
-
${
|
|
1161
|
-
${
|
|
1160
|
+
${ye.blue},
|
|
1161
|
+
${ye.purple}
|
|
1162
1162
|
);
|
|
1163
1163
|
}
|
|
1164
|
-
`,shadowOptions:
|
|
1165
|
-
${
|
|
1164
|
+
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),xt=b.css`
|
|
1165
|
+
${H.foundationFlyoutStyles}
|
|
1166
1166
|
div.flyout {
|
|
1167
|
-
background-color: ${
|
|
1168
|
-
border-color: ${
|
|
1169
|
-
color: ${
|
|
1167
|
+
background-color: ${f.neutralLayer2};
|
|
1168
|
+
border-color: ${f.neutralFillHover};
|
|
1169
|
+
color: ${f.neutralForegroundRest};
|
|
1170
1170
|
}
|
|
1171
1171
|
|
|
1172
1172
|
:host([position='left']) div.flyout {
|
|
@@ -1185,73 +1185,73 @@
|
|
|
1185
1185
|
}
|
|
1186
1186
|
|
|
1187
1187
|
div.exit:hover {
|
|
1188
|
-
background-color: ${
|
|
1188
|
+
background-color: ${f.neutralFillHover};
|
|
1189
1189
|
border-radius: 3px;
|
|
1190
1190
|
}
|
|
1191
|
-
`,
|
|
1192
|
-
${(0,
|
|
1193
|
-
`,
|
|
1191
|
+
`,kt=b.html`
|
|
1192
|
+
${(0,H.getPrefixedFlyout)("zero")}
|
|
1193
|
+
`,zt=H.defaultFlyoutConfig,St=H.foundationFlyoutShadowOptions;class Ct extends H.Flyout{}const $t=Ct.compose(Object.assign({baseName:"flyout",shadowOptions:St,styles:xt,template:kt},zt));class At extends H.GridLayout{}const Ft=At.compose(Object.assign({baseName:"grid-layout",shadowOptions:H.foundationGridLayoutShadowOptions,styles:H.foundationGridLayoutStyles,template:H.foundationGridLayoutTemplate},H.defaultGridLayoutConfig));class Ot extends H.GridLayoutItem{}const Tt=Ot.compose(Object.assign({baseName:"grid-layout-item",shadowOptions:H.foundationGridLayoutItemShadowOptions,template:H.foundationGridLayoutItemTemplate},H.defaultGridLayoutItemConfig));class Dt extends H.HorizontalScroll{}const Rt={nextFlipper:b.html`
|
|
1194
1194
|
<zero-flipper
|
|
1195
1195
|
@click="${e=>e.scrollToNext()}"
|
|
1196
1196
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
1197
1197
|
></zero-flipper>
|
|
1198
|
-
`,previousFlipper:
|
|
1198
|
+
`,previousFlipper:b.html`
|
|
1199
1199
|
<zero-flipper
|
|
1200
1200
|
@click="${e=>e.scrollToPrevious()}"
|
|
1201
1201
|
direction="previous"
|
|
1202
1202
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
1203
1203
|
></zero-flipper>
|
|
1204
|
-
`},
|
|
1205
|
-
${(0,
|
|
1206
|
-
`,shadowOptions:
|
|
1207
|
-
${(0,
|
|
1208
|
-
`,shadowOptions:
|
|
1209
|
-
${(0,
|
|
1204
|
+
`},Nt=Dt.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,H.foundationHorizontalScrollTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1205
|
+
${(0,H.foundationHorizontalScrollStyles)(e,a)}
|
|
1206
|
+
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},Rt));class Lt extends H.Icon{}const Mt=H.defaultIconConfig,It=H.foundationIconShadowOptions,jt=Lt.compose(Object.assign({baseName:"icon",template:H.foundationIconTemplate,styles:(e,a)=>b.css`
|
|
1207
|
+
${(0,H.foundationIconStyles)(e,a)}
|
|
1208
|
+
`,shadowOptions:It},Mt));class Et extends H.Listbox{}const Pt=Et.compose(Object.assign({baseName:"listbox",template:(e,a)=>(0,H.foundationListboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1209
|
+
${(0,H.foundationListboxStyles)(e,a)}
|
|
1210
1210
|
|
|
1211
1211
|
:host {
|
|
1212
1212
|
background: #1f2126;
|
|
1213
1213
|
}
|
|
1214
|
-
`,shadowOptions:
|
|
1215
|
-
${(0,
|
|
1214
|
+
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class Bt extends H.ListboxOption{}const Gt=Bt.compose(Object.assign({baseName:"option",template:(e,a)=>(0,H.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1215
|
+
${(0,H.foundationListboxOptionStyles)(e,a)}
|
|
1216
1216
|
:host {
|
|
1217
|
-
background-color: ${
|
|
1217
|
+
background-color: ${we.darkGrey};
|
|
1218
1218
|
margin: 0;
|
|
1219
1219
|
border-radius: 0;
|
|
1220
|
-
border: 1px solid ${
|
|
1220
|
+
border: 1px solid ${we.lightGrey};
|
|
1221
1221
|
}
|
|
1222
1222
|
|
|
1223
1223
|
:host(:hover:not([disabled])) {
|
|
1224
|
-
background-color: ${
|
|
1224
|
+
background-color: ${we.mediumGrey};
|
|
1225
1225
|
}
|
|
1226
1226
|
|
|
1227
1227
|
:host(.selected) {
|
|
1228
|
-
background-color: ${
|
|
1229
|
-
color: ${
|
|
1228
|
+
background-color: ${we.darkerGrey};
|
|
1229
|
+
color: ${ye.blue};
|
|
1230
1230
|
}
|
|
1231
|
-
`,shadowOptions:
|
|
1232
|
-
${(0,
|
|
1231
|
+
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig)),_t=H.foundationMenuShadowOptions;class Ut extends H.Menu{}const Ht=Ut.compose({baseName:"menu",template:H.foundationMenuTemplate,styles:(e,a)=>b.css`
|
|
1232
|
+
${(0,H.foundationMenuStyles)(e,a)}
|
|
1233
1233
|
|
|
1234
1234
|
:host {
|
|
1235
1235
|
padding: 0;
|
|
1236
1236
|
}
|
|
1237
|
-
`,shadowOptions:
|
|
1238
|
-
${(0,
|
|
1237
|
+
`,shadowOptions:_t}),Vt=H.foundationMenuItemShadowOptions;class Yt extends H.MenuItem{}const Qt=Yt.compose(Object.assign({baseName:"menu-item",template:H.foundationMenuItemTemplate,styles:(e,a)=>b.css`
|
|
1238
|
+
${(0,H.foundationMenuItemStyles)(e,a)}
|
|
1239
1239
|
|
|
1240
1240
|
:host {
|
|
1241
1241
|
background: none;
|
|
1242
1242
|
margin: 0;
|
|
1243
1243
|
}
|
|
1244
|
-
`,shadowOptions:
|
|
1245
|
-
${
|
|
1246
|
-
`,
|
|
1247
|
-
${
|
|
1244
|
+
`,shadowOptions:Vt},H.defaultMenuItemConfig)),Wt=b.css`
|
|
1245
|
+
${Pr}
|
|
1246
|
+
`,qt=H.defaultModalConfig,Jt=H.foundationModalTemplate,Zt=H.foundationModalShadowOptions;class Kt extends H.Modal{}const Xt=Kt.compose(Object.assign({baseName:"modal",shadowOptions:Zt,styles:Wt,template:Jt},qt)),eo=b.css`
|
|
1247
|
+
${H.multiselectStyles}
|
|
1248
1248
|
|
|
1249
1249
|
:host {
|
|
1250
1250
|
--primary-gradient-angle: -113.5deg;
|
|
1251
1251
|
}
|
|
1252
1252
|
|
|
1253
1253
|
#display-field {
|
|
1254
|
-
background: ${
|
|
1254
|
+
background: ${pr};
|
|
1255
1255
|
}
|
|
1256
1256
|
|
|
1257
1257
|
#display-field:focus {
|
|
@@ -1259,21 +1259,21 @@
|
|
|
1259
1259
|
background:
|
|
1260
1260
|
linear-gradient(
|
|
1261
1261
|
var(--primary-gradient-angle),
|
|
1262
|
-
${
|
|
1263
|
-
${
|
|
1262
|
+
${ye.blue} 0%,
|
|
1263
|
+
${ye.purple} 100%
|
|
1264
1264
|
)
|
|
1265
1265
|
top/100% 1px,
|
|
1266
1266
|
linear-gradient(
|
|
1267
1267
|
var(--primary-gradient-angle),
|
|
1268
|
-
${
|
|
1269
|
-
${
|
|
1268
|
+
${ye.blue} 0%,
|
|
1269
|
+
${ye.purple} 100%
|
|
1270
1270
|
)
|
|
1271
1271
|
bottom/100% 1px;
|
|
1272
1272
|
background-origin: border-box;
|
|
1273
1273
|
background-repeat: no-repeat;
|
|
1274
1274
|
border: 1px solid transparent;
|
|
1275
|
-
border-right-color: ${
|
|
1276
|
-
border-left-color: ${
|
|
1275
|
+
border-right-color: ${ye.blue};
|
|
1276
|
+
border-left-color: ${ye.purple};
|
|
1277
1277
|
}
|
|
1278
1278
|
|
|
1279
1279
|
::slotted(zero-checkbox),
|
|
@@ -1297,12 +1297,12 @@
|
|
|
1297
1297
|
}
|
|
1298
1298
|
|
|
1299
1299
|
.label {
|
|
1300
|
-
color: ${
|
|
1300
|
+
color: ${hr};
|
|
1301
1301
|
}
|
|
1302
|
-
`,
|
|
1303
|
-
${(0,
|
|
1304
|
-
`;class
|
|
1305
|
-
${(0,
|
|
1302
|
+
`,ao=b.html`
|
|
1303
|
+
${(0,H.getPrefixedMultiselect)("zero")}
|
|
1304
|
+
`;class ro extends H.Multiselect{}const to=H.defaultMultiselectConfig,oo=H.foundationMultiselectShadowOptions,io=ro.compose(Object.assign({baseName:"multiselect",template:ao,styles:eo,shadowOptions:oo},to));class no extends H.NotificationListener{}const lo=no.compose({baseName:"notification-listener",template:H.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}}),go=(e,a)=>b.css`
|
|
1305
|
+
${(0,H.foundationTextFieldStyles)(e,a)}
|
|
1306
1306
|
:host {
|
|
1307
1307
|
--primary-gradient-angle: -113.5deg;
|
|
1308
1308
|
}
|
|
@@ -1313,12 +1313,12 @@
|
|
|
1313
1313
|
}
|
|
1314
1314
|
|
|
1315
1315
|
:host .root {
|
|
1316
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1317
|
-
background-color: ${
|
|
1316
|
+
border: calc(var(--stroke-width) * 1px) solid ${fr};
|
|
1317
|
+
background-color: ${pr};
|
|
1318
1318
|
}
|
|
1319
1319
|
|
|
1320
1320
|
:host(:hover:not([disabled])) .root {
|
|
1321
|
-
border-color: ${
|
|
1321
|
+
border-color: ${dr};
|
|
1322
1322
|
background: none;
|
|
1323
1323
|
}
|
|
1324
1324
|
|
|
@@ -1326,44 +1326,44 @@
|
|
|
1326
1326
|
background:
|
|
1327
1327
|
linear-gradient(
|
|
1328
1328
|
var(--primary-gradient-angle),
|
|
1329
|
-
${
|
|
1330
|
-
${
|
|
1329
|
+
${ye.blue} 0%,
|
|
1330
|
+
${ye.purple} 100%
|
|
1331
1331
|
)
|
|
1332
1332
|
top/100% 1px,
|
|
1333
1333
|
linear-gradient(
|
|
1334
1334
|
var(--primary-gradient-angle),
|
|
1335
|
-
${
|
|
1336
|
-
${
|
|
1335
|
+
${ye.blue} 0%,
|
|
1336
|
+
${ye.purple} 100%
|
|
1337
1337
|
)
|
|
1338
1338
|
bottom/100% 1px;
|
|
1339
|
-
background-color: ${
|
|
1339
|
+
background-color: ${br};
|
|
1340
1340
|
background-origin: border-box;
|
|
1341
1341
|
background-repeat: no-repeat;
|
|
1342
1342
|
border: 1px solid transparent;
|
|
1343
|
-
border-right-color: ${
|
|
1344
|
-
border-left-color: ${
|
|
1343
|
+
border-right-color: ${ye.blue};
|
|
1344
|
+
border-left-color: ${ye.purple};
|
|
1345
1345
|
box-shadow: none;
|
|
1346
1346
|
}
|
|
1347
1347
|
|
|
1348
1348
|
.label {
|
|
1349
|
-
color: ${
|
|
1349
|
+
color: ${hr};
|
|
1350
1350
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1351
1351
|
}
|
|
1352
|
-
`;class
|
|
1352
|
+
`;class so extends H.NumberField{}const co=H.defaultNumberFieldConfig,po=H.foundationNumberFieldTemplate,uo=H.foundationNumberFieldShadowOptions,ho=so.compose(Object.assign({baseName:"number-field",template:po,styles:(e,a)=>b.css`
|
|
1353
1353
|
:host .root {
|
|
1354
1354
|
--focus-stroke-outer: transparent;
|
|
1355
1355
|
}
|
|
1356
|
-
${
|
|
1357
|
-
`,shadowOptions:
|
|
1358
|
-
${(0,
|
|
1356
|
+
${go(e,a)}
|
|
1357
|
+
`,shadowOptions:uo},co));class mo extends H.Progress{}const bo=mo.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,H.foundationProgressTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1358
|
+
${(0,H.foundationProgressStyles)(e,a)}
|
|
1359
1359
|
:host([appearance="secondary-teal"]) {
|
|
1360
|
-
--accent-foreground-rest: ${
|
|
1360
|
+
--accent-foreground-rest: ${xe.teal};
|
|
1361
1361
|
}
|
|
1362
1362
|
|
|
1363
1363
|
:host([appearance='secondary-orange']) {
|
|
1364
|
-
--accent-foreground-rest: ${
|
|
1364
|
+
--accent-foreground-rest: ${xe.orange};
|
|
1365
1365
|
}
|
|
1366
|
-
`,shadowOptions:
|
|
1366
|
+
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class vo extends H.ProgressRing{}const fo={indeterminateIndicator:`\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <defs>\n <linearGradient id="linear">\n <stop offset="0%" stop-color="${ye.purple}"/>\n <stop offset="100%" stop-color="${ye.blue}"/>\n </linearGradient>\n </defs>\n <circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>\n <circle class="indeterminate-indicator-1" part="indeterminate-indicator-1" cx="8px" cy="8px" r="7px"></circle>\n </svg>\n `},wo=vo.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>b.html`
|
|
1367
1367
|
<template
|
|
1368
1368
|
role="progressbar"
|
|
1369
1369
|
aria-valuenow="${e=>e.value}"
|
|
@@ -1371,12 +1371,12 @@
|
|
|
1371
1371
|
aria-valuemax="${e=>e.max}"
|
|
1372
1372
|
class="${e=>e.paused?"paused":""}"
|
|
1373
1373
|
>
|
|
1374
|
-
${(0,
|
|
1374
|
+
${(0,b.when)((e=>"number"==typeof e.value),b.html`
|
|
1375
1375
|
<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate">
|
|
1376
1376
|
<defs>
|
|
1377
1377
|
<linearGradient id="linear">
|
|
1378
|
-
<stop offset="0%" stop-color="${
|
|
1379
|
-
<stop offset="60%" stop-color="${
|
|
1378
|
+
<stop offset="0%" stop-color="${ye.purple}" />
|
|
1379
|
+
<stop offset="60%" stop-color="${ye.blue}" />
|
|
1380
1380
|
</linearGradient>
|
|
1381
1381
|
</defs>
|
|
1382
1382
|
<circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>
|
|
@@ -1390,19 +1390,19 @@
|
|
|
1390
1390
|
></circle>
|
|
1391
1391
|
</svg>
|
|
1392
1392
|
`)}
|
|
1393
|
-
${(0,
|
|
1393
|
+
${(0,b.when)((e=>"number"!=typeof e.value),b.html`
|
|
1394
1394
|
<slot name="indeterminate" slot="indeterminate">
|
|
1395
1395
|
${a.indeterminateIndicator||""}
|
|
1396
1396
|
</slot>
|
|
1397
1397
|
`)}
|
|
1398
1398
|
</template>
|
|
1399
|
-
`,styles:(e,a)=>
|
|
1400
|
-
${(0,
|
|
1399
|
+
`,styles:(e,a)=>b.css`
|
|
1400
|
+
${(0,H.foundationProgressRingStyles)(e,a)}
|
|
1401
1401
|
.indeterminate-indicator-1, .determinate {
|
|
1402
1402
|
stroke: ${"url(#linear)"};
|
|
1403
1403
|
}
|
|
1404
|
-
`,shadowOptions:
|
|
1405
|
-
${(0,
|
|
1404
|
+
`,shadowOptions:H.foundationProgressRingShadowOptions},fo));class yo extends H.Radio{}const xo=yo.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,H.foundationRadioTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1405
|
+
${(0,H.foundationRadioStyles)(e,a)}
|
|
1406
1406
|
:host {
|
|
1407
1407
|
--primary-gradient-angle: -113.5deg;
|
|
1408
1408
|
}
|
|
@@ -1429,63 +1429,63 @@
|
|
|
1429
1429
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
1430
1430
|
background: linear-gradient(
|
|
1431
1431
|
var(--primary-gradient-angle),
|
|
1432
|
-
${
|
|
1433
|
-
${
|
|
1432
|
+
${ye.blue},
|
|
1433
|
+
${ye.purple}
|
|
1434
1434
|
);
|
|
1435
1435
|
}
|
|
1436
|
-
`,shadowOptions:
|
|
1437
|
-
${(0,
|
|
1436
|
+
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class ko extends H.RadioGroup{}const zo=ko.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,H.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1437
|
+
${(0,H.foundationRadioGroupStyles)(e,a)}
|
|
1438
1438
|
:host([appearance="accent"]) {
|
|
1439
1439
|
background: green;
|
|
1440
1440
|
}
|
|
1441
|
-
`,shadowOptions:
|
|
1442
|
-
${
|
|
1443
|
-
`,
|
|
1444
|
-
${(0,
|
|
1445
|
-
`;class
|
|
1446
|
-
${(0,
|
|
1441
|
+
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),So=b.css`
|
|
1442
|
+
${H.foundationSearchBarStyles}
|
|
1443
|
+
`,Co=b.html`
|
|
1444
|
+
${(0,H.getPrefixedSearchBar)("zero")}
|
|
1445
|
+
`;class $o extends H.SearchBar{constructor(){super(...arguments),this.appearance="neutral-grey"}}const Ao=$o.compose(Object.assign({baseName:"search-bar",template:Co,styles:So,shadowOptions:H.foundationSearchBarShadowOptions},H.defaultSearchBarConfig));class Fo extends H.SearchBarCombobox{}const Oo=Fo.compose(Object.assign({baseName:"search-bar-combobox",template:(e,a)=>(0,H.foundationSearchBarComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1446
|
+
${(0,H.foundationSearchBarComboboxStyles)(e,a)}
|
|
1447
1447
|
|
|
1448
1448
|
:host {
|
|
1449
1449
|
--primary-gradient-angle: -113.5deg;
|
|
1450
1450
|
|
|
1451
1451
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1452
|
-
border-color: ${
|
|
1453
|
-
background: ${
|
|
1452
|
+
border-color: ${fr};
|
|
1453
|
+
background: ${pr};
|
|
1454
1454
|
}
|
|
1455
1455
|
|
|
1456
1456
|
:host(:focus-within:not([disabled])) {
|
|
1457
1457
|
background:
|
|
1458
1458
|
linear-gradient(
|
|
1459
1459
|
var(--primary-gradient-angle),
|
|
1460
|
-
${
|
|
1461
|
-
${
|
|
1460
|
+
${ye.blue} 0%,
|
|
1461
|
+
${ye.purple} 100%
|
|
1462
1462
|
)
|
|
1463
1463
|
top/100% 1px,
|
|
1464
1464
|
linear-gradient(
|
|
1465
1465
|
var(--primary-gradient-angle),
|
|
1466
|
-
${
|
|
1467
|
-
${
|
|
1466
|
+
${ye.blue} 0%,
|
|
1467
|
+
${ye.purple} 100%
|
|
1468
1468
|
)
|
|
1469
1469
|
bottom/100% 1px;
|
|
1470
1470
|
background-origin: border-box;
|
|
1471
1471
|
background-repeat: no-repeat;
|
|
1472
1472
|
border: 1px solid transparent;
|
|
1473
|
-
border-right-color: ${
|
|
1474
|
-
border-left-color: ${
|
|
1473
|
+
border-right-color: ${ye.blue};
|
|
1474
|
+
border-left-color: ${ye.purple};
|
|
1475
1475
|
}
|
|
1476
1476
|
|
|
1477
1477
|
:host(:hover:not([disabled]):not([open])) {
|
|
1478
|
-
border-color: ${
|
|
1479
|
-
background: ${
|
|
1478
|
+
border-color: ${dr};
|
|
1479
|
+
background: ${pr};
|
|
1480
1480
|
}
|
|
1481
1481
|
|
|
1482
1482
|
:host([open][position='below']) .listbox {
|
|
1483
1483
|
padding: 0;
|
|
1484
1484
|
border-radius: 4px;
|
|
1485
|
-
border: 1px solid ${
|
|
1485
|
+
border: 1px solid ${we.lightGrey};
|
|
1486
1486
|
}
|
|
1487
|
-
`,shadowOptions:
|
|
1488
|
-
${(0,
|
|
1487
|
+
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class To extends H.SegmentedControl{}const Do=To.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,H.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1488
|
+
${(0,H.foundationSegmentedControlStyles)(e,a)}
|
|
1489
1489
|
:host {
|
|
1490
1490
|
--primary-gradient-angle: -113.5deg;
|
|
1491
1491
|
}
|
|
@@ -1507,7 +1507,7 @@
|
|
|
1507
1507
|
}
|
|
1508
1508
|
|
|
1509
1509
|
:host ::slotted(*[aria-checked='true']) {
|
|
1510
|
-
background: ${
|
|
1510
|
+
background: ${f.neutralFillStealthRest};
|
|
1511
1511
|
background-origin: border-box;
|
|
1512
1512
|
border-color: transparent;
|
|
1513
1513
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
@@ -1516,77 +1516,77 @@
|
|
|
1516
1516
|
:host([appearance='primary']) ::slotted(*[aria-checked='true']) {
|
|
1517
1517
|
background: linear-gradient(
|
|
1518
1518
|
var(--primary-gradient-angle),
|
|
1519
|
-
${
|
|
1520
|
-
${
|
|
1519
|
+
${ye.blue},
|
|
1520
|
+
${ye.purple}
|
|
1521
1521
|
);
|
|
1522
1522
|
background-origin: border-box;
|
|
1523
1523
|
border-color: transparent;
|
|
1524
1524
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
1525
1525
|
}
|
|
1526
|
-
`,shadowOptions:undefined},{}));class
|
|
1527
|
-
${(0,
|
|
1526
|
+
`,shadowOptions:undefined},{}));class Ro extends H.Radio{}const No=Ro.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,H.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1527
|
+
${(0,H.foundationSegmentedItemStyles)(e,a)}
|
|
1528
1528
|
:host {
|
|
1529
1529
|
color: var(--neutral-stroke-rest);
|
|
1530
1530
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
1531
1531
|
}
|
|
1532
1532
|
|
|
1533
1533
|
:host([aria-checked='true']) {
|
|
1534
|
-
color: ${
|
|
1534
|
+
color: ${we.white};
|
|
1535
1535
|
}
|
|
1536
|
-
`,shadowOptions:undefined},{}));class
|
|
1537
|
-
${(0,
|
|
1536
|
+
`,shadowOptions:undefined},{}));class Lo extends H.Select{}const Mo=Lo.compose(Object.assign({baseName:"select",template:(e,a)=>(0,H.foundationSelectTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1537
|
+
${(0,H.foundationSelectStyles)(e,a)}
|
|
1538
1538
|
:host {
|
|
1539
1539
|
--primary-gradient-angle: -113.5deg;
|
|
1540
1540
|
|
|
1541
1541
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1542
|
-
border-color: ${
|
|
1543
|
-
background: ${
|
|
1542
|
+
border-color: ${fr};
|
|
1543
|
+
background: ${pr};
|
|
1544
1544
|
}
|
|
1545
1545
|
|
|
1546
1546
|
:host(:focus-within:not([disabled])) {
|
|
1547
1547
|
background:
|
|
1548
1548
|
linear-gradient(
|
|
1549
1549
|
var(--primary-gradient-angle),
|
|
1550
|
-
${
|
|
1551
|
-
${
|
|
1550
|
+
${ye.blue} 0%,
|
|
1551
|
+
${ye.purple} 100%
|
|
1552
1552
|
)
|
|
1553
1553
|
top/100% 1px,
|
|
1554
1554
|
linear-gradient(
|
|
1555
1555
|
var(--primary-gradient-angle),
|
|
1556
|
-
${
|
|
1557
|
-
${
|
|
1556
|
+
${ye.blue} 0%,
|
|
1557
|
+
${ye.purple} 100%
|
|
1558
1558
|
)
|
|
1559
1559
|
bottom/100% 1px;
|
|
1560
1560
|
background-origin: border-box;
|
|
1561
1561
|
background-repeat: no-repeat;
|
|
1562
1562
|
border: 1px solid transparent;
|
|
1563
|
-
border-right-color: ${
|
|
1564
|
-
border-left-color: ${
|
|
1563
|
+
border-right-color: ${ye.blue};
|
|
1564
|
+
border-left-color: ${ye.purple};
|
|
1565
1565
|
}
|
|
1566
1566
|
|
|
1567
1567
|
:host(:hover:not([disabled]):not(.open)) {
|
|
1568
|
-
border-color: ${
|
|
1569
|
-
background: ${
|
|
1568
|
+
border-color: ${dr};
|
|
1569
|
+
background: ${pr};
|
|
1570
1570
|
}
|
|
1571
1571
|
|
|
1572
1572
|
:host([open][position='below']) .listbox {
|
|
1573
1573
|
padding: 0;
|
|
1574
|
-
margin-top: calc(${
|
|
1574
|
+
margin-top: calc(${f.designUnit} * 1px);
|
|
1575
1575
|
border-radius: 4px;
|
|
1576
|
-
border: 1px solid ${
|
|
1576
|
+
border: 1px solid ${we.lightGrey};
|
|
1577
1577
|
}
|
|
1578
1578
|
|
|
1579
1579
|
:host([open]) .control {
|
|
1580
|
-
background: ${
|
|
1580
|
+
background: ${br};
|
|
1581
1581
|
}
|
|
1582
1582
|
|
|
1583
1583
|
:host(:not([disabled])) .control:active {
|
|
1584
1584
|
background: none;
|
|
1585
1585
|
}
|
|
1586
|
-
`,shadowOptions:
|
|
1587
|
-
${(0,
|
|
1588
|
-
`,shadowOptions:
|
|
1589
|
-
${(0,
|
|
1586
|
+
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class Io extends H.Skeleton{}const jo=Io.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,H.foundationSkeletonTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1587
|
+
${(0,H.foundationSkeletonStyles)(e,a)}
|
|
1588
|
+
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class Eo extends H.Slider{}const Po=Eo.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,H.foundationSliderTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1589
|
+
${(0,H.foundationSliderStyles)(e,a)}
|
|
1590
1590
|
:host {
|
|
1591
1591
|
--primary-gradient-angle: -113.5deg;
|
|
1592
1592
|
}
|
|
@@ -1594,8 +1594,8 @@
|
|
|
1594
1594
|
.thumb-cursor {
|
|
1595
1595
|
background: linear-gradient(
|
|
1596
1596
|
var(--primary-gradient-angle),
|
|
1597
|
-
${
|
|
1598
|
-
${
|
|
1597
|
+
${ye.blue},
|
|
1598
|
+
${ye.purple}
|
|
1599
1599
|
);
|
|
1600
1600
|
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
1601
1601
|
}
|
|
@@ -1604,8 +1604,8 @@
|
|
|
1604
1604
|
.thumb-cursor:active {
|
|
1605
1605
|
background: linear-gradient(
|
|
1606
1606
|
var(--primary-gradient-angle),
|
|
1607
|
-
${
|
|
1608
|
-
${
|
|
1607
|
+
${ye.blue},
|
|
1608
|
+
${ye.purple}
|
|
1609
1609
|
);
|
|
1610
1610
|
border-radius: transparent;
|
|
1611
1611
|
}
|
|
@@ -1628,22 +1628,22 @@
|
|
|
1628
1628
|
}
|
|
1629
1629
|
|
|
1630
1630
|
.thumb-cursor:hover::after {
|
|
1631
|
-
background-color: ${
|
|
1631
|
+
background-color: ${ga(.1)};
|
|
1632
1632
|
}
|
|
1633
1633
|
|
|
1634
1634
|
.thumb-cursor:active::after {
|
|
1635
|
-
background-color: ${
|
|
1635
|
+
background-color: ${ga(.2)};
|
|
1636
1636
|
}
|
|
1637
1637
|
|
|
1638
1638
|
.track {
|
|
1639
|
-
background-color: ${
|
|
1639
|
+
background-color: ${we.mediumGrey};
|
|
1640
1640
|
}
|
|
1641
1641
|
|
|
1642
1642
|
.track-progress {
|
|
1643
1643
|
background-color: var(--neutral-stroke-rest);
|
|
1644
1644
|
}
|
|
1645
|
-
`,shadowOptions:
|
|
1646
|
-
${(0,
|
|
1645
|
+
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class Bo extends H.SliderLabel{}const Go=Bo.compose(Object.assign({baseName:"slider-label",template:(e,a)=>(0,H.foundationSliderLabelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1646
|
+
${(0,H.foundationSliderLabelStyles)(e,a)}
|
|
1647
1647
|
.label {
|
|
1648
1648
|
padding: 6px 8px;
|
|
1649
1649
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
@@ -1653,32 +1653,32 @@
|
|
|
1653
1653
|
text-align: center;
|
|
1654
1654
|
font-size: var(--type-ramp-minus-1-font-size, 12px);
|
|
1655
1655
|
}
|
|
1656
|
-
`,shadowOptions:
|
|
1657
|
-
${
|
|
1656
|
+
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),_o=b.css`
|
|
1657
|
+
${H.foundationSnackbarStyles}
|
|
1658
1658
|
.snackbar {
|
|
1659
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1660
|
-
background-color: ${
|
|
1659
|
+
border: calc(var(--stroke-width) * 1px) solid ${f.neutralLayer2};
|
|
1660
|
+
background-color: ${f.neutralLayer1};
|
|
1661
1661
|
}
|
|
1662
1662
|
|
|
1663
1663
|
:host([type='error']) .snackbar::after {
|
|
1664
|
-
background-color: ${
|
|
1664
|
+
background-color: ${fa(1)};
|
|
1665
1665
|
}
|
|
1666
|
-
`,
|
|
1667
|
-
${(0,
|
|
1668
|
-
`,
|
|
1669
|
-
${(0,
|
|
1670
|
-
`}),
|
|
1671
|
-
${
|
|
1666
|
+
`,Uo=b.html`
|
|
1667
|
+
${(0,H.getPrefixedSnackbar)("zero")}
|
|
1668
|
+
`,Ho=H.foundationSnackbarShadowOptions;class Vo extends H.Snackbar{}const Yo=Vo.compose({baseName:"snackbar",shadowOptions:Ho,styles:_o,template:Uo});class Qo extends H.StackingIcons{}const Wo=Qo.compose({baseName:"stacking-icons",template:H.foundationStackingIconsTemplate,styles:(e,a)=>b.css`
|
|
1669
|
+
${(0,H.foundationStackingIconsStyles)(e,a)}
|
|
1670
|
+
`}),qo=b.css`
|
|
1671
|
+
${H.foundationStepperStyles}
|
|
1672
1672
|
|
|
1673
1673
|
.stepper-tab {
|
|
1674
1674
|
background-color: var(--neutral-layer-3);
|
|
1675
1675
|
}
|
|
1676
|
-
`,
|
|
1677
|
-
${(0,
|
|
1678
|
-
`;class
|
|
1679
|
-
${(0,
|
|
1680
|
-
`;class
|
|
1681
|
-
${(0,
|
|
1676
|
+
`,Jo=b.html`
|
|
1677
|
+
${(0,H.getPrefixedStepper)("zero")}
|
|
1678
|
+
`;class Zo extends H.Stepper{}const Ko=Zo.compose(Object.assign({baseName:"stepper",template:Jo,styles:qo,shadowOptions:H.foundationStepperShadowOptions},H.defaultStepperConfig)),Xo=b.html`
|
|
1679
|
+
${(0,H.getPrefixedStepperTab)("zero")}
|
|
1680
|
+
`;class ei extends H.StepperTab{}const ai=ei.compose(Object.assign({baseName:"stepper-tab",template:Xo,styles:(e,a)=>b.css`
|
|
1681
|
+
${(0,H.foundationStepperTabStyles)(e,a)}
|
|
1682
1682
|
|
|
1683
1683
|
zero-tree-item {
|
|
1684
1684
|
--design-unit: 2.5;
|
|
@@ -1689,23 +1689,23 @@
|
|
|
1689
1689
|
|
|
1690
1690
|
border-bottom: 1px solid var(--fill-color);
|
|
1691
1691
|
}
|
|
1692
|
-
`,shadowOptions:
|
|
1693
|
-
${(0,
|
|
1692
|
+
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class ri extends H.StepperTabPanel{}const ti=ri.compose(Object.assign({baseName:"stepper-tab-panel",template:(e,a)=>(0,H.foundationStepperTabPanelTemplate)(e,a),shadowOptions:H.foundationStepperTabPanelShadowOptions},H.defaultStepperTabPanelConfig));class oi extends H.Switch{}const ii=oi.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,H.foundationSwitchTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1693
|
+
${(0,H.foundationSwitchStyles)(e,a)}
|
|
1694
1694
|
:host {
|
|
1695
1695
|
--primary-gradient-angle: -113.5deg;
|
|
1696
1696
|
}
|
|
1697
1697
|
|
|
1698
1698
|
.switch {
|
|
1699
1699
|
background: none;
|
|
1700
|
-
border-color: ${
|
|
1700
|
+
border-color: ${f.neutralFillStealthRest};
|
|
1701
1701
|
}
|
|
1702
1702
|
|
|
1703
1703
|
.checked-indicator {
|
|
1704
|
-
background: ${
|
|
1704
|
+
background: ${f.neutralFillStealthRest};
|
|
1705
1705
|
}
|
|
1706
1706
|
|
|
1707
1707
|
.switch:hover {
|
|
1708
|
-
border-color: ${
|
|
1708
|
+
border-color: ${we.white};
|
|
1709
1709
|
background: none;
|
|
1710
1710
|
}
|
|
1711
1711
|
|
|
@@ -1716,8 +1716,8 @@
|
|
|
1716
1716
|
:host([aria-checked='true']) .checked-indicator {
|
|
1717
1717
|
background: linear-gradient(
|
|
1718
1718
|
var(--primary-gradient-angle),
|
|
1719
|
-
${
|
|
1720
|
-
${
|
|
1719
|
+
${ye.blue},
|
|
1720
|
+
${ye.purple}
|
|
1721
1721
|
);
|
|
1722
1722
|
}
|
|
1723
1723
|
|
|
@@ -1730,24 +1730,24 @@
|
|
|
1730
1730
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
1731
1731
|
background: linear-gradient(
|
|
1732
1732
|
var(--primary-gradient-angle),
|
|
1733
|
-
${
|
|
1734
|
-
${
|
|
1733
|
+
${ye.blue},
|
|
1734
|
+
${ye.purple}
|
|
1735
1735
|
);
|
|
1736
1736
|
}
|
|
1737
|
-
`,shadowOptions:
|
|
1738
|
-
${(0,
|
|
1737
|
+
`,shadowOptions:H.foundationSwitchShadowOptions},H.defaultSwitchConfig));class ni extends H.Tab{}const li=ni.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,H.foundationTabTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1738
|
+
${(0,H.foundationTabStyles)(e,a)}
|
|
1739
1739
|
:host {
|
|
1740
|
-
background-color: ${
|
|
1740
|
+
background-color: ${f.neutralLayer2};
|
|
1741
1741
|
border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px)
|
|
1742
1742
|
0 0;
|
|
1743
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1743
|
+
border: calc(var(--stroke-width) * 1px) solid ${we.lightGrey};
|
|
1744
1744
|
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
|
|
1745
1745
|
margin-right: 5px;
|
|
1746
1746
|
}
|
|
1747
1747
|
|
|
1748
1748
|
:host([aria-selected='true']),
|
|
1749
1749
|
:host([aria-selected='true']:hover) {
|
|
1750
|
-
background-color: ${
|
|
1750
|
+
background-color: ${f.neutralLayer4};
|
|
1751
1751
|
border-bottom: 1px solid var(--zero-card-fill-color);
|
|
1752
1752
|
}
|
|
1753
1753
|
|
|
@@ -1758,20 +1758,20 @@
|
|
|
1758
1758
|
margin-right: 0;
|
|
1759
1759
|
background-color: var(--zero-card-fill-color);
|
|
1760
1760
|
}
|
|
1761
|
-
`,shadowOptions:
|
|
1762
|
-
${(0,
|
|
1761
|
+
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class gi extends H.TabPanel{}const si=gi.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,H.foundationTabPanelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1762
|
+
${(0,H.foundationTabPanelStyles)(e,a)}
|
|
1763
1763
|
:host {
|
|
1764
1764
|
padding: 0;
|
|
1765
1765
|
}
|
|
1766
|
-
`,shadowOptions:
|
|
1767
|
-
${(0,
|
|
1766
|
+
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class di extends H.Tabs{}const ci=di.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,H.foundationTabsTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1767
|
+
${(0,H.foundationTabsStyles)(e,a)}
|
|
1768
1768
|
:host .tablist {
|
|
1769
1769
|
padding: 0;
|
|
1770
1770
|
display: block;
|
|
1771
|
-
background-color: ${
|
|
1771
|
+
background-color: ${f.neutralLayer3};
|
|
1772
1772
|
width: 100%;
|
|
1773
1773
|
height: 42px;
|
|
1774
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1774
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${we.lightGrey};
|
|
1775
1775
|
}
|
|
1776
1776
|
|
|
1777
1777
|
:host .tabpanel {
|
|
@@ -1784,7 +1784,7 @@
|
|
|
1784
1784
|
height: calc(100% - 1px);
|
|
1785
1785
|
display: flex;
|
|
1786
1786
|
align-items: center;
|
|
1787
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1787
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${we.lightGrey};
|
|
1788
1788
|
background-color: var(--neutral-layer-3);
|
|
1789
1789
|
}
|
|
1790
1790
|
|
|
@@ -1792,8 +1792,8 @@
|
|
|
1792
1792
|
display: grid;
|
|
1793
1793
|
grid-template-columns: repeat(18, max-content);
|
|
1794
1794
|
background-color: var(--zero-card-fill-color);
|
|
1795
|
-
border-left: calc(var(--stroke-width) * 1px) solid ${
|
|
1796
|
-
border-right: calc(var(--stroke-width) * 1px) solid ${
|
|
1795
|
+
border-left: calc(var(--stroke-width) * 1px) solid ${we.lightGrey};
|
|
1796
|
+
border-right: calc(var(--stroke-width) * 1px) solid ${we.lightGrey};
|
|
1797
1797
|
}
|
|
1798
1798
|
|
|
1799
1799
|
/* We don't want to show the active indicator on the tabs */
|
|
@@ -1809,83 +1809,83 @@
|
|
|
1809
1809
|
height: 2px;
|
|
1810
1810
|
margin-top: 0;
|
|
1811
1811
|
}
|
|
1812
|
-
`,shadowOptions:
|
|
1813
|
-
${(0,
|
|
1812
|
+
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class pi extends H.TextArea{}const ui=pi.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,H.foundationTextAreaTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1813
|
+
${(0,H.foundationTextAreaStyles)(e,a)}
|
|
1814
1814
|
:host {
|
|
1815
1815
|
--primary-gradient-angle: -113.5deg;
|
|
1816
1816
|
}
|
|
1817
1817
|
|
|
1818
1818
|
:host .control {
|
|
1819
1819
|
height: 100%;
|
|
1820
|
-
background-color: ${
|
|
1821
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1820
|
+
background-color: ${pr};
|
|
1821
|
+
border: calc(var(--stroke-width) * 1px) solid ${fr};
|
|
1822
1822
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1823
1823
|
}
|
|
1824
1824
|
|
|
1825
1825
|
:host(:hover:not([disabled])) .control {
|
|
1826
|
-
border-color: ${
|
|
1827
|
-
background: ${
|
|
1826
|
+
border-color: ${dr};
|
|
1827
|
+
background: ${pr};
|
|
1828
1828
|
}
|
|
1829
1829
|
|
|
1830
1830
|
:host(:focus-within:not([disabled])) .control {
|
|
1831
1831
|
background:
|
|
1832
1832
|
linear-gradient(
|
|
1833
1833
|
var(--primary-gradient-angle),
|
|
1834
|
-
${
|
|
1835
|
-
${
|
|
1834
|
+
${ye.blue} 0%,
|
|
1835
|
+
${ye.purple} 100%
|
|
1836
1836
|
)
|
|
1837
1837
|
top/100% 1px,
|
|
1838
1838
|
linear-gradient(
|
|
1839
1839
|
var(--primary-gradient-angle),
|
|
1840
|
-
${
|
|
1841
|
-
${
|
|
1840
|
+
${ye.blue} 0%,
|
|
1841
|
+
${ye.purple} 100%
|
|
1842
1842
|
)
|
|
1843
1843
|
bottom/100% 1px;
|
|
1844
1844
|
background-origin: border-box;
|
|
1845
1845
|
background-repeat: no-repeat;
|
|
1846
1846
|
border: 1px solid transparent;
|
|
1847
|
-
border-right-color: ${
|
|
1848
|
-
border-left-color: ${
|
|
1849
|
-
background-color: ${
|
|
1847
|
+
border-right-color: ${ye.blue};
|
|
1848
|
+
border-left-color: ${ye.purple};
|
|
1849
|
+
background-color: ${br};
|
|
1850
1850
|
box-shadow: none;
|
|
1851
1851
|
}
|
|
1852
1852
|
|
|
1853
1853
|
.label {
|
|
1854
|
-
color: ${
|
|
1854
|
+
color: ${hr};
|
|
1855
1855
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1856
1856
|
}
|
|
1857
|
-
`,shadowOptions:
|
|
1858
|
-
${
|
|
1857
|
+
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class hi extends H.TextField{}const mi=hi.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,H.foundationTextFieldTemplate)(e,a),styles:go,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),bi=b.css`
|
|
1858
|
+
${H.foundationToastStyles}
|
|
1859
1859
|
.toast {
|
|
1860
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1861
|
-
background-color: ${
|
|
1860
|
+
border: calc(var(--stroke-width) * 1px) solid ${f.neutralLayer3};
|
|
1861
|
+
background-color: ${f.neutralLayer1};
|
|
1862
1862
|
}
|
|
1863
1863
|
|
|
1864
1864
|
.toast::after {
|
|
1865
|
-
background-color: ${
|
|
1865
|
+
background-color: ${ga(1)};
|
|
1866
1866
|
}
|
|
1867
1867
|
|
|
1868
1868
|
:host([notify='warning']) .toast::after {
|
|
1869
|
-
background-color: ${
|
|
1869
|
+
background-color: ${fa(1)};
|
|
1870
1870
|
}
|
|
1871
1871
|
|
|
1872
1872
|
:host([notify='success']) .toast::after {
|
|
1873
|
-
background-color: ${
|
|
1873
|
+
background-color: ${ma(1)};
|
|
1874
1874
|
}
|
|
1875
1875
|
|
|
1876
1876
|
:host([notify='critical']) .toast::after {
|
|
1877
|
-
background-color: ${((e=1)=>
|
|
1877
|
+
background-color: ${((e=1)=>aa(ba,e))(1)};
|
|
1878
1878
|
}
|
|
1879
1879
|
|
|
1880
1880
|
:host([notify='serious']) .toast::after {
|
|
1881
|
-
background-color: ${
|
|
1882
|
-
}
|
|
1883
|
-
`,
|
|
1884
|
-
${(0,
|
|
1885
|
-
`,shadowOptions:
|
|
1886
|
-
${(0,
|
|
1887
|
-
`,shadowOptions:
|
|
1888
|
-
${(0,
|
|
1881
|
+
background-color: ${ua(1)};
|
|
1882
|
+
}
|
|
1883
|
+
`,vi=H.defaultToastConfig,fi=H.foundationToastShadowOptions;class wi extends H.Toast{}const yi=wi.compose(Object.assign({baseName:"toast",shadowOptions:fi,styles:bi,template:H.foundationToastTemplate},vi));class xi extends H.Toolbar{}const ki=xi.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,H.foundationToolbarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1884
|
+
${(0,H.foundationToolbarStyles)(e,a)}
|
|
1885
|
+
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class zi extends H.Tooltip{}const Si=zi.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,H.foundationTooltipTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1886
|
+
${(0,H.foundationTooltipStyles)(e,a)}
|
|
1887
|
+
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class Ci extends H.TreeItem{}const $i=Ci.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,H.foundationTreeItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1888
|
+
${(0,H.foundationTreeItemStyles)(e,a)}
|
|
1889
1889
|
:host {
|
|
1890
1890
|
--primary-gradient-angle: -113.5deg;
|
|
1891
1891
|
--base-height-multiplier: 15;
|
|
@@ -1898,51 +1898,51 @@
|
|
|
1898
1898
|
background:
|
|
1899
1899
|
linear-gradient(
|
|
1900
1900
|
var(--primary-gradient-angle),
|
|
1901
|
-
${
|
|
1902
|
-
${
|
|
1901
|
+
${ye.blue} 10%,
|
|
1902
|
+
${ye.purple} 100%
|
|
1903
1903
|
)
|
|
1904
1904
|
top/100% 1px,
|
|
1905
1905
|
linear-gradient(
|
|
1906
1906
|
var(--primary-gradient-angle),
|
|
1907
|
-
${
|
|
1908
|
-
${
|
|
1907
|
+
${ye.blue} 10%,
|
|
1908
|
+
${ye.purple} 100%
|
|
1909
1909
|
)
|
|
1910
1910
|
bottom/100% 1px;
|
|
1911
1911
|
background-origin: border-box;
|
|
1912
1912
|
background-size: cover;
|
|
1913
1913
|
background-repeat: no-repeat;
|
|
1914
1914
|
}
|
|
1915
|
-
`,shadowOptions:
|
|
1916
|
-
${(0,
|
|
1917
|
-
`,shadowOptions:
|
|
1918
|
-
${(0,
|
|
1919
|
-
`;class
|
|
1920
|
-
${(0,
|
|
1915
|
+
`,shadowOptions:H.foundationTreeItemShadowOptions},H.defaultTreeItemConfig));class Ai extends H.TreeView{}const Fi=Ai.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,H.foundationTreeViewTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1916
|
+
${(0,H.foundationTreeViewStyles)(e,a)}
|
|
1917
|
+
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),Oi=b.html`
|
|
1918
|
+
${(0,H.getPrefixedUrlInput)("zero")}
|
|
1919
|
+
`;class Ti extends H.UrlInput{}const Di={zeroAccordion:Je,zeroAccordionItem:Ke,zeroActionsMenu:ea,zeroAnchor:La,zeroAnchoredRegion:Ia,zeroAvatar:Ea,zeroBadge:Ba,zeroBanner:Ha,zeroBreadcrumbItem:Wa,zeroBreadcrumb:Ya,zeroButton:Ja,zeroCalendar:Ka,zeroCard:er,zeroCategorizedMultiselect:nr,zeroCheckbox:gr,zeroCombobox:xr,zeroConnectionIndicator:zr,zeroDataGrid:Ar,zeroDesignSystemProvider:Ir,zeroDialog:Hr,zeroDatePicker:Tr,zeroDisclosure:Yr,zeroDivider:Wr,zeroDropdownMenu:Jr,zeroErrorBoundary:rt,zeroNotificationListener:lo,zeroErrorBanner:et,zeroErrorDialog:ot,zeroFileUpload:dt,zeroFilter:ut,zeroFilterBar:bt,zeroFlexLayout:ft,zeroFlipper:yt,zeroFlyout:$t,zeroGridLayout:Ft,zeroGridLayoutItem:Tt,zeroHorizontalScroll:Nt,zeroIcon:jt,zeroListbox:Pt,zeroListboxOption:Gt,zeroMenu:Ht,zeroMenuItem:Qt,zeroModal:Xt,zeroMultiselect:io,zeroNumberField:ho,zeroProgress:bo,zeroProgressRing:wo,zeroRadio:xo,zeroRadioGroup:zo,zeroSearchBar:Ao,zeroSearchBarCombobox:Oo,zeroSegmentedControl:Do,zeroSegmentedItem:No,zeroSelect:Mo,zeroSkeleton:jo,zeroSlider:Po,zeroSliderLabel:Go,zeroSnackbar:Yo,zeroStackingIcons:Wo,zeroStepper:Ko,zeroStepperTab:ai,zeroStepperTabPanel:ti,zeroSwitch:ii,zeroTab:li,zeroTabPanel:si,zeroTabs:ci,zeroTextArea:ui,zeroTextField:mi,zeroToast:yi,zeroToolbar:ki,zeroTooltip:Si,zeroTreeItem:$i,zeroTreeView:Fi,zeroUrlInput:Ti.compose(Object.assign({baseName:"url-input",template:Oi,styles:(e,a)=>b.css`
|
|
1920
|
+
${(0,H.foundationUrlInputStyles)(e,a)}
|
|
1921
1921
|
a {
|
|
1922
|
-
color: ${
|
|
1922
|
+
color: ${ye.blue};
|
|
1923
1923
|
opacity: 65%;
|
|
1924
1924
|
}
|
|
1925
1925
|
|
|
1926
1926
|
a:hover {
|
|
1927
1927
|
opacity: 100%;
|
|
1928
1928
|
}
|
|
1929
|
-
`,shadowOptions:
|
|
1930
|
-
.${
|
|
1931
|
-
${new
|
|
1929
|
+
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Ri,Ni,Li=r(80249),Mi=r(87530),Ii=r.n(Mi),ji=r(79014),Ei=r.n(ji);!function(e){e.foregroundColor="--ag-foreground-color",e.dataColor="--ag-data-color",e.secondaryForegroundColor="--ag-secondary-foreground-color",e.headerForegroundColor="--ag-header-foreground-color",e.disabledForegroundColor="--ag-disabled-foreground-color",e.backgroundColor="--ag-background-color",e.headerBackgroundColor="--ag-header-background-color",e.subheaderBackgroundColor="--ag-subheader-background-color",e.subheaderToolbarBackgroundColor="--ag-subheader-toolbar-background-color",e.controlPanelBackgroundColor="--ag-control-panel-background-color",e.selectedRowBackgroundColor="--ag-selected-row-background-color",e.oddRowBackgroundColor="--ag-odd-row-background-color",e.rowHoverColor="--ag-row-hover-color",e.rangeSelectionBorderColor="--ag-range-selection-border-color",e.rangeSelectionBackgroundColor="--ag-range-selection-background-color",e.selectedTabUnderlineColor="--ag-selected-tab-underline-color",e.rangeSelectionChartCategoryBackgroundColor="--ag-range-selection-chart-category-background-color",e.rangeSelectionChartBackgroundColor="--ag-range-selection-chart-background-color",e.headerCellHoverBackgroundColor="--ag-header-cell-hover-background-color",e.headerCellMovingBackgroundColor="--ag-header-cell-moving-background-color",e.chipBackgroundColor="--ag-chip-background-color",e.borderColor="--ag-border-color",e.secondaryBorderColor="--ag-secondary-border-color",e.rowBorderColor="--ag-row-border-color",e.headerColumnSeparatorColor="--ag-header-column-separator-color",e.headerColumnResizeHandleColor="--ag-header-column-resize-handle-color",e.inputBorderColor="--ag-input-border-color",e.inputDisabledBorderColor="--ag-input-disabled-border-color",e.inputDisabledBackgroundColor="--ag-input-disabled-background-color",e.checkboxBackgroundColor="--ag-checkbox-background-color",e.checkboxCheckedColor="--ag-checkbox-checked-color",e.checkboxUncheckedColor="--ag-checkbox-unchecked-color",e.checkboxIndeterminateColor="--ag-checkbox-indeterminate-color",e.toggleButtonOffBorderColor="--ag-toggle-button-off-border-color",e.toggleButtonOffBackgroundColor="--ag-toggle-button-off-background-color",e.toggleButtonOnBorderColor="--ag-toggle-button-on-border-color",e.toggleButtonOnBackgroundColor="--ag-toggle-button-on-background-color",e.toggleButtonSwitchBackgroundColor="--ag-toggle-button-switch-background-color",e.toggleButtonSwitchBorderColor="--ag-toggle-button-switch-border-color",e.minichartSelectedChartColor="--ag-minichart-selected-chart-color",e.minichartSelectedPageColor="--ag-minichart-selected-page-color",e.modalOverlayBackgroundColor="--ag-modal-overlay-background-color",e.inputFocusBoxShadow="--ag-input-focus-box-shadow",e.inputFocusBorderColor="--ag-input-focus-border-color"}(Ri||(Ri={})),function(e){e.alpine="ag-theme-alpine",e.alpineDark="ag-theme-alpine-dark",e.balham="ag-theme-balham",e.balhamDark="ag-theme-balham-dark",e.material="ag-theme-material"}(Ni||(Ni={}));const Pi=e=>`${e}-token-map`,Bi=(e,a)=>b.css`
|
|
1930
|
+
.${Pi(e)} {
|
|
1931
|
+
${new H.CSSVarsTokenMapper(a)}
|
|
1932
1932
|
}
|
|
1933
|
-
`;var
|
|
1933
|
+
`;var Gi;!function(e){e.action="action",e.actionsMenu="actionsMenu",e.boolean="boolean",e.editable="editable",e.text="text",e.select="select",e.dateEditor="dateEditor",e.selectEditor="selectEditor",e.numberEditor="numberEditor",e.stringEditor="stringEditor",e.multiselectEditor="multiselectEditor"}(Gi||(Gi={}));const _i="__editedColumn",Ui="__errorColumn",Hi={},Vi=v.DI.createInterface((e=>e.instance(Hi)));var Yi;!function(e){e.camelCase="camelCase",e.capitalCase="capitalCase",e.dotCase="dotCase",e.headerCase="headerCase",e.noCase="noCase",e.paramCase="paramCase",e.pascalCase="pascalCase",e.pathCase="pathCase",e.sentenceCase="sentenceCase",e.snakeCase="snakeCase"}(Yi||(Yi={})),Ii().extend(Ei());class Qi extends v.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.dateFormat=e.withTime?"YYYY-MM-DDTHH:mm":"YYYY-MM-DD",this.inputType=e.withTime?"datetime-local":"date",this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}changeHandler(e){const a=e.target.control.valueAsNumber;this.value=isNaN(a)?void 0:a}afterGuiAttached(){this.input.focus()}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],Qi.prototype,"value",void 0),(0,Li.__decorate)([b.observable],Qi.prototype,"actualWidth",void 0);const Wi=b.css`
|
|
1934
1934
|
:host {
|
|
1935
1935
|
display: flex;
|
|
1936
1936
|
}
|
|
1937
|
-
`,
|
|
1937
|
+
`,qi=(e="foundation")=>b.html`
|
|
1938
1938
|
<${e}-text-field
|
|
1939
|
-
${(0,
|
|
1940
|
-
:value=${e=>void 0===e.value||null===e.value?"":
|
|
1939
|
+
${(0,b.ref)("input")}
|
|
1940
|
+
:value=${e=>void 0===e.value||null===e.value?"":Ii().utc(e.value).format(e.dateFormat)}
|
|
1941
1941
|
type=${e=>e.inputType}
|
|
1942
1942
|
@input=${(e,a)=>e.changeHandler(a.event)}
|
|
1943
1943
|
style="width: ${e=>e.actualWidth}px"
|
|
1944
1944
|
></${e}-text-field>
|
|
1945
|
-
`,Qi
|
|
1945
|
+
`,Ji=Qi.compose({baseName:"date-editor",styles:Wi,template:qi()});class Zi extends Qi{}const Ki=Zi.compose({baseName:"date-editor",styles:Wi,template:qi("zero")});class Xi extends v.FoundationElement{init(e){e&&(this.params=e,this.selectedOptions=e.value,this.params.selectedOptionsCallback&&this.params.selectedOptionsCallback(this.params.data).then((e=>{this.selectedOptions=e})),"string"==typeof e.value&&(this.selectedOptions=e.value.split(",")))}getGui(){return this}destroy(){}refresh(e){return!0}getValue(){return this.selectedOptions}isPopup(){return!0}changeHandler(e){this.selectedOptions=e.detail}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],Xi.prototype,"params",void 0),(0,Li.__decorate)([b.observable],Xi.prototype,"selectedOptions",void 0);const en=b.css``,an=(e="foundation")=>b.html`
|
|
1946
1946
|
<${e}-multiselect
|
|
1947
1947
|
style="width: 100%"
|
|
1948
1948
|
?async=${e=>e.params.async}
|
|
@@ -1956,10 +1956,10 @@
|
|
|
1956
1956
|
:datasourceConfig=${e=>e.params.datasourceOptions}
|
|
1957
1957
|
></multiselect-datasource>
|
|
1958
1958
|
</${e}-multiselect>
|
|
1959
|
-
`,Xi
|
|
1959
|
+
`,rn=Xi.compose({baseName:"multiselect-editor",styles:en,template:an()});class tn extends Xi{}const on=tn.compose({baseName:"multiselect-editor",styles:en,template:an("zero")});class nn extends v.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.combobox.open=!0}changeHandler(e){var a;this.value=null===(a=e.detail)||void 0===a?void 0:a.value}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],nn.prototype,"params",void 0),(0,Li.__decorate)([b.observable],nn.prototype,"value",void 0),(0,Li.__decorate)([b.observable],nn.prototype,"actualWidth",void 0);const ln=b.css``,gn=(e="foundation")=>b.html`
|
|
1960
1960
|
<${e}-combobox
|
|
1961
1961
|
style="width: ${e=>e.actualWidth}px"
|
|
1962
|
-
${(0,
|
|
1962
|
+
${(0,b.ref)("combobox")}
|
|
1963
1963
|
?async=${e=>e.params.async}
|
|
1964
1964
|
@value-change=${(e,a)=>e.changeHandler(a.event)}
|
|
1965
1965
|
>
|
|
@@ -1973,13 +1973,13 @@
|
|
|
1973
1973
|
:initialSelectedValue=${e=>e.params.value}
|
|
1974
1974
|
></options-datasource>
|
|
1975
1975
|
</${e}-combobox>
|
|
1976
|
-
`,nn
|
|
1976
|
+
`,sn=nn.compose({baseName:"select-editor",styles:ln,template:gn()});class dn extends nn{}const cn=dn.compose({baseName:"select-editor",styles:ln,template:gn("zero")});class pn extends v.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){const a=parseFloat(e.target.value);this.value=isNaN(a)?void 0:a}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],pn.prototype,"params",void 0),(0,Li.__decorate)([b.observable],pn.prototype,"value",void 0),(0,Li.__decorate)([b.observable],pn.prototype,"actualWidth",void 0);const un=b.css`
|
|
1977
1977
|
:host {
|
|
1978
1978
|
display: flex;
|
|
1979
1979
|
}
|
|
1980
|
-
`,
|
|
1980
|
+
`,hn=(e="foundation")=>b.html`
|
|
1981
1981
|
<${e}-number-field
|
|
1982
|
-
${(0,
|
|
1982
|
+
${(0,b.ref)("input")}
|
|
1983
1983
|
withFormatting=${e=>e.params.withFormatting}
|
|
1984
1984
|
:options=${e=>e.params.formatOptions}
|
|
1985
1985
|
:value=${e=>void 0===e.value?"":String(e.value)}
|
|
@@ -1989,29 +1989,29 @@
|
|
|
1989
1989
|
hideStep
|
|
1990
1990
|
style="width: ${e=>e.actualWidth}px"
|
|
1991
1991
|
></${e}-number-field>
|
|
1992
|
-
`,pn
|
|
1992
|
+
`,mn=pn.compose({baseName:"number-editor",styles:un,template:hn()});class bn extends pn{}const vn=bn.compose({baseName:"number-editor",styles:un,template:hn("zero")});class fn extends v.FoundationElement{init(e){e&&(this.params=e,this.value=e.value,this.actualWidth=e.column.getActualWidth())}getGui(){return this}refresh(e){return!0}getValue(){return this.value}isPopup(){return!0}afterGuiAttached(){this.input.focus()}changeHandler(e){this.value=e.target.value}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],fn.prototype,"params",void 0),(0,Li.__decorate)([b.observable],fn.prototype,"value",void 0),(0,Li.__decorate)([b.observable],fn.prototype,"actualWidth",void 0);const wn=b.css`
|
|
1993
1993
|
:host {
|
|
1994
1994
|
display: flex;
|
|
1995
1995
|
}
|
|
1996
|
-
`,
|
|
1996
|
+
`,yn=(e="foundation")=>b.html`
|
|
1997
1997
|
<${e}-text-field
|
|
1998
|
-
${(0,
|
|
1998
|
+
${(0,b.ref)("input")}
|
|
1999
1999
|
:value=${e=>void 0===e.value?"":e.value}
|
|
2000
2000
|
@input=${(e,a)=>{e.changeHandler(a.event)}}
|
|
2001
2001
|
placeholder=${e=>e.params.placeholder}
|
|
2002
2002
|
style="width: ${e=>e.actualWidth}px"
|
|
2003
2003
|
>
|
|
2004
2004
|
</${e}-text-field>
|
|
2005
|
-
`,fn
|
|
2005
|
+
`,xn=fn.compose({baseName:"string-editor",styles:wn,template:yn()});class kn extends fn{}const zn=kn.compose({baseName:"string-editor",styles:wn,template:yn("zero")});class Sn extends v.FoundationElement{init(e){e&&(this.valueFormatted=e.formatValue(e.value))}getGui(){return this}refresh(e){return this.valueFormatted=e.formatValue(e.value),!0}}(0,Li.__decorate)([b.observable],Sn.prototype,"valueFormatted",void 0);const Cn=b.css`
|
|
2006
2006
|
:host {
|
|
2007
2007
|
display: flex;
|
|
2008
2008
|
justify-content: space-between;
|
|
2009
2009
|
align-items: center;
|
|
2010
2010
|
}
|
|
2011
|
-
|
|
2011
|
+
`,$n=(e="foundation")=>b.html`
|
|
2012
2012
|
<span>${e=>e.valueFormatted}</span>
|
|
2013
2013
|
<${e}-progress-ring style="margin: 0; width: 20px; height: 20px"></${e}-progress-ring>
|
|
2014
|
-
`,Sn
|
|
2014
|
+
`,An=Sn.compose({baseName:"editable-renderer",styles:Cn,template:$n()});class Fn extends Sn{}const On=Fn.compose({baseName:"editable-renderer",styles:Cn,template:$n("zero")});var Tn=r(59783);const Dn=(0,k.createLogger)("grid-pro");class Rn extends v.FoundationElement{init(e){e&&(this.params=e,e.eGridCell.addEventListener("keydown",(e=>{e.key===Tn.VDZ.ENTER&&this.clickHandler()})))}getGui(){return this}refresh(e){return this.params=e,!0}isDisabled(e){var a;if("function"==typeof(null===(a=this.params)||void 0===a?void 0:a.isDisabled))try{return this.params.isDisabled(e)}catch(e){Dn.error("Error executing grid action cell renderer isDisabled callback:",e)}return!1}clickHandler(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.pendingAction=!0,yield this.params.actionClick(this.params.data),this.pendingAction=!1}))}get dataTestId(){var e;if(this.params.dataTestId)return this.params.dataTestId+(null!==(e=this.params.data[this.params.uniqueFieldName])&&void 0!==e?e:"")}}(0,Li.__decorate)([b.observable],Rn.prototype,"params",void 0),(0,Li.__decorate)([b.observable],Rn.prototype,"pendingAction",void 0);const{create:Nn}=v.DesignToken,Ln=(Nn("action-height-multiplier").withDefault("0.6px"),b.css`
|
|
2015
2015
|
.action-container {
|
|
2016
2016
|
align-items: center;
|
|
2017
2017
|
display: flex;
|
|
@@ -2026,9 +2026,9 @@
|
|
|
2026
2026
|
var(--action-height-multiplier)
|
|
2027
2027
|
);
|
|
2028
2028
|
}
|
|
2029
|
-
`),Rn
|
|
2030
|
-
${
|
|
2031
|
-
`,template:
|
|
2029
|
+
`),Mn=Rn.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
2030
|
+
${Ln}
|
|
2031
|
+
`,template:b.html`
|
|
2032
2032
|
<div class="action-container" part="action-container">
|
|
2033
2033
|
<foundation-button
|
|
2034
2034
|
class="action-renderer"
|
|
@@ -2037,9 +2037,9 @@
|
|
|
2037
2037
|
?disabled=${e=>{var a;return e.pendingAction||e.isDisabled(null===(a=e.params)||void 0===a?void 0:a.data)}}
|
|
2038
2038
|
appearance="${e=>e.params.appearance}"
|
|
2039
2039
|
@click=${e=>e.clickHandler()}">${e=>e.params.actionName}</foundation-button>
|
|
2040
|
-
</div>`});class
|
|
2041
|
-
${
|
|
2042
|
-
`,template:
|
|
2040
|
+
</div>`});class In extends Rn{}const jn=In.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
2041
|
+
${Ln}
|
|
2042
|
+
`,template:b.html`
|
|
2043
2043
|
<div class="action-container" part="action-container">
|
|
2044
2044
|
<zero-button
|
|
2045
2045
|
class="action-renderer"
|
|
@@ -2050,34 +2050,34 @@
|
|
|
2050
2050
|
appearance="${e=>e.params.appearance}"
|
|
2051
2051
|
@click=${e=>e.clickHandler()}
|
|
2052
2052
|
>
|
|
2053
|
-
${e=>e.params.contentTemplate?
|
|
2053
|
+
${e=>e.params.contentTemplate?b.html`
|
|
2054
2054
|
${e.params.contentTemplate}
|
|
2055
2055
|
`:e.params.actionName}
|
|
2056
2056
|
</zero-button>
|
|
2057
2057
|
</div>
|
|
2058
|
-
`});class
|
|
2058
|
+
`});class En extends v.FoundationElement{init(e){e&&(this.params=e)}getGui(){return this}refresh(e){return!1}}(0,Li.__decorate)([b.observable],En.prototype,"params",void 0);const Pn=En.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
2059
2059
|
<foundation-actions-menu
|
|
2060
2060
|
name="${e=>e.params.headerName}"
|
|
2061
2061
|
:definition=${e=>e.params}
|
|
2062
2062
|
></foundation-actions-menu>
|
|
2063
|
-
`});class
|
|
2063
|
+
`});class Bn extends En{}const Gn=Bn.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
2064
2064
|
<zero-actions-menu
|
|
2065
2065
|
name="${e=>e.params.headerName}"
|
|
2066
2066
|
:definition=${e=>e.params}
|
|
2067
2067
|
></zero-actions-menu>
|
|
2068
|
-
`});class
|
|
2068
|
+
`});class _n extends v.FoundationElement{init(e){e&&(this.params=e,this.selected=e.value)}changeHandler(e){this.selected=e.target.checked;if(!!!this.params.api.getEditingCells().find((e=>e.rowIndex===this.params.rowIndex&&e.column.getInstanceId()===this.params.column.getInstanceId()))){const{column:e,node:a,rowIndex:r,value:t}=this.params,o={type:Tn.zW2.EVENT_CELL_EDITING_STARTED,column:e,colDef:null==e?void 0:e.getColDef(),data:a.data,node:a,rowIndex:r,rowPinned:a.rowPinned,value:t};this.params.api.dispatchEvent(o);const i=this.params.node.setDataValue(this.params.column,this.selected,"edit"),n={type:Tn.zW2.EVENT_CELL_EDITING_STOPPED,column:e,colDef:null==e?void 0:e.getColDef(),data:a.data,node:a,rowIndex:r,rowPinned:a.rowPinned,value:t,oldValue:t,newValue:this.selected,valueChanged:i};this.params.api.dispatchEvent(n)}}getGui(){return this}destroy(){}refresh(e){return this.selected=e.value,!0}getValue(){return this.selected}isCancelBeforeStart(){return!!this.params.data[_i]}}(0,Li.__decorate)([b.observable],_n.prototype,"params",void 0),(0,Li.__decorate)([b.observable],_n.prototype,"selected",void 0);const Un=b.css`
|
|
2069
2069
|
:host {
|
|
2070
2070
|
align-center: center;
|
|
2071
2071
|
display: flex;
|
|
2072
2072
|
height: 100%;
|
|
2073
2073
|
}
|
|
2074
|
-
`,
|
|
2074
|
+
`,Hn=(e="foundation")=>{const a=`${e}-checkbox`;return b.html`
|
|
2075
2075
|
<${a}
|
|
2076
2076
|
@change=${(e,a)=>e.changeHandler(a.event)}
|
|
2077
2077
|
:checked=${e=>e.selected}
|
|
2078
2078
|
?disabled=${e=>!e.params.colDef.editable}
|
|
2079
2079
|
></${a}>
|
|
2080
|
-
`},_n
|
|
2080
|
+
`},Vn=_n.compose({baseName:"boolean-renderer",styles:Un,template:Hn()});class Yn extends _n{}const Qn=Yn.compose({baseName:"boolean-renderer",styles:Un,template:Hn("zero")});var Wn=r(18471);const qn=(e,a)=>{if(a.indexOf(".")<0)return e[a];{const r=a.split(".");let t=e;for(;r.length>0&&t;){const e=r.shift();if(0===r.length)return t[e];t=t[e]}}};class Jn extends v.FoundationElement{constructor(){super(...arguments),this.textValue="",this.textChanged=e=>{this.textValue=e.target.value,this.params.onChange(e.target.value,this.params)}}init(e){var a;e&&(this.params=e,this.textValue=""===this.textValue?qn(null===(a=null==e?void 0:e.node)||void 0===a?void 0:a.data,e.accessor):this.textValue)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Li.__decorate)([b.observable],Jn.prototype,"textValue",void 0),(0,Li.__decorate)([b.observable],Jn.prototype,"params",void 0);const Zn=b.css`
|
|
2081
2081
|
:host {
|
|
2082
2082
|
display: flex;
|
|
2083
2083
|
width: 100%;
|
|
@@ -2087,15 +2087,15 @@
|
|
|
2087
2087
|
.text-renderer {
|
|
2088
2088
|
width: 100%;
|
|
2089
2089
|
}
|
|
2090
|
-
`,
|
|
2090
|
+
`,Kn=(e="foundation")=>{const a=`${e}-text-field`;return b.html`
|
|
2091
2091
|
<${a}
|
|
2092
|
-
${(0,
|
|
2092
|
+
${(0,b.ref)("textField")}
|
|
2093
2093
|
type="text"
|
|
2094
2094
|
class="text-renderer"
|
|
2095
|
-
:value="${(0,
|
|
2095
|
+
:value="${(0,Wn.Z)((e=>e.textValue))}"
|
|
2096
2096
|
@change="${(e,a)=>e.textChanged(a.event)}"
|
|
2097
2097
|
></${a}>
|
|
2098
|
-
`},Jn
|
|
2098
|
+
`},Xn=Jn.compose({baseName:"grid-pro-text-renderer",styles:Zn,template:Kn()});class el extends Jn{}const al=Zn,rl=Kn,tl=el.compose({baseName:"grid-text-renderer",styles:al,template:rl()});const ol=class extends el{}.compose({baseName:"grid-text-renderer",styles:al,template:rl("zero")});class il extends v.FoundationElement{constructor(){super(...arguments),this.selectionChanged=e=>{this.value=e.target.value,this.params.onSelect(e.target.value,this.params)}}init(e){var a;e&&(this.params=e,this.value=qn(null===(a=e.node)||void 0===a?void 0:a.data,e.accessor)||void 0)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Li.__decorate)([b.observable],il.prototype,"params",void 0),(0,Li.__decorate)([b.observable],il.prototype,"value",void 0);const nl=b.css`
|
|
2099
2099
|
:host,
|
|
2100
2100
|
.select-renderer,
|
|
2101
2101
|
zero-option,
|
|
@@ -2104,7 +2104,7 @@
|
|
|
2104
2104
|
max-width: var(--select-renderer-max-width);
|
|
2105
2105
|
min-width: 100%;
|
|
2106
2106
|
}
|
|
2107
|
-
`,
|
|
2107
|
+
`,ll=(e="foundation")=>{const a=`${e}-select`,r=`${e}-option`;return b.html`
|
|
2108
2108
|
<${a}
|
|
2109
2109
|
class="select-renderer"
|
|
2110
2110
|
@change=${(e,a)=>e.selectionChanged(a.event)}
|
|
@@ -2116,19 +2116,19 @@
|
|
|
2116
2116
|
>
|
|
2117
2117
|
${e=>e.params.defaultValue||"Select option"}
|
|
2118
2118
|
</${r}>
|
|
2119
|
-
${(0,
|
|
2119
|
+
${(0,b.repeat)((e=>e.params.options(e.params.node.data)),b.html`
|
|
2120
2120
|
<${r} value=${e=>e.name}>${e=>e.displayName}</${r}>
|
|
2121
2121
|
`)}
|
|
2122
2122
|
</${a}>
|
|
2123
|
-
`},il
|
|
2123
|
+
`},gl=il.compose({baseName:"select-renderer",styles:nl,template:ll()});const sl=class extends il{}.compose({baseName:"select-renderer",styles:nl,template:ll("zero")});var dl=r(89861),cl=r(86534);var pl=r(75951),ul=r(9770),hl=r(97025),ml=r(40001),bl=r.n(ml);const vl=b.html`
|
|
2124
2124
|
<template>
|
|
2125
|
-
<slot ${(0,
|
|
2125
|
+
<slot ${(0,b.slotted)("slottedRenderer")} @slotchange="${e=>e.slottedAgRendererChanged()}"></slot>
|
|
2126
2126
|
</template>
|
|
2127
|
-
`;let fl=class extends
|
|
2127
|
+
`;let fl=class extends v.FoundationElement{connectedCallback(){super.connectedCallback();const e=this.parentElement;this.renderer&&(e.definition.cellRenderer=this.renderer),this.rendererParams&&(e.definition.cellRendererParams=this.rendererParams)}init(e){this.rendererParams=e}getGui(){return"string"!=typeof this.renderer?this.renderer(this.rendererParams):this}destroy(){}refresh(e){return!1}slottedAgRendererChanged(){}};(0,Li.__decorate)([b.observable],fl.prototype,"renderer",void 0),(0,Li.__decorate)([b.observable],fl.prototype,"rendererParams",void 0),(0,Li.__decorate)([b.observable],fl.prototype,"slottedRenderer",void 0),fl=(0,Li.__decorate)([(0,b.customElement)({name:"grid-pro-cell",template:vl})],fl);const wl=b.html`
|
|
2128
2128
|
<template>
|
|
2129
|
-
<slot ${(0,
|
|
2129
|
+
<slot ${(0,b.slotted)("slottedAgCell")} @slotchange="${e=>e.slottedAgCellChanged()}"></slot>
|
|
2130
2130
|
</template>
|
|
2131
|
-
`;let yl=class extends h.FoundationElement{constructor(){super(...arguments),this.definition={}}slottedAgCellChanged(){}};(0,Di.__decorate)([u.observable],yl.prototype,"slottedAgCell",void 0),(0,Di.__decorate)([u.observable],yl.prototype,"definition",void 0),yl=(0,Di.__decorate)([(0,u.customElement)({name:"grid-pro-column",template:wl})],yl);var xl=r(82940),kl=r(32449),zl=r(9162),Sl=r(5127),Cl=r(35991),$l=r(6852),Al=r(26714),Fl=r(2480),Ol=r(71452),Tl=r(99449),Dl=r(30526),Rl=r(61080),Nl=r(83123),Ll=r(22296),Ml=r(21607);function Il(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"agNumberColumnFilter";case"date":case"datetime":return"agDateColumnFilter";default:return"agTextColumnFilter"}}function jl(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"numericColumn"}}function El({value:e}){return(0,Ml.D_)(e)}function Pl({value:e}){return(0,Ml.Lx)(e)}class Bl extends h.FoundationElement{constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=xl.WJ.MAX_ROWS_250,this.maxView=xl.WJ.MAX_VIEW_1000,this.movingView=!1,this.reverse=!1,this.isRequestServer=!1}get rowId(){return this.rowIdAttr?this.rowIdAttr:this.isRequestServer?xl.WJ.REQUEST_SERVER_ROW_ID:xl.WJ.DATASERVER_ROW_ID}get hasDefaultRowId(){return!this.rowIdAttr||this.rowIdAttr===xl.WJ.REQUEST_SERVER_ROW_ID||this.rowIdAttr===xl.WJ.DATASERVER_ROW_ID}get defaultRowIdByResourceType(){return this.isRequestServer?xl.WJ.REQUEST_SERVER_ROW_ID:xl.WJ.DATASERVER_ROW_ID}get agGrid(){return this.parentElement}}var Gl;(0,Di.__decorate)([s.lj],Bl.prototype,"connect",void 0),(0,Di.__decorate)([u.observable],Bl.prototype,"deferredGridOptions",void 0),(0,Di.__decorate)([u.observable],Bl.prototype,"deferredColumnStates",void 0),(0,Di.__decorate)([u.observable],Bl.prototype,"rowDataMapper",void 0),(0,Di.__decorate)([u.attr],Bl.prototype,"criteria",void 0),(0,Di.__decorate)([u.attr],Bl.prototype,"fields",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"is-snapshot"})],Bl.prototype,"isSnapshot",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"max-rows"})],Bl.prototype,"maxRows",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"max-view"})],Bl.prototype,"maxView",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"moving-view"})],Bl.prototype,"movingView",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"order-by"})],Bl.prototype,"orderBy",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"resource-name"})],Bl.prototype,"resourceName",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean"})],Bl.prototype,"reverse",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"row-id"})],Bl.prototype,"rowIdAttr",void 0),function(e){e.Add="add",e.Update="update",e.Remove="remove"}(Gl||(Gl={}));class _l extends Bl{constructor(){super(...arguments),this.dataSubWasLoggedOff=!1,this.rowData=new Map,this.agTransaction={add:[],remove:[],update:[]}}generateColumnDefsFromMetadata(e,a){return null==e?void 0:e.flatMap((e=>{var r;const t={};switch(t.filterParams=a(e.type),e.type){case Nl.r.STRING:t.cellEditor=Ei.stringEditor;break;case Nl.r.NUMBER:t.cellEditor=Ei.numberEditor;break;case Nl.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(t.cellRenderer=Ei.boolean,t.cellEditor=Ei.boolean);break;case Nl.r.DATE:t.valueFormatter=El,t.cellEditor=Ei.dateEditor;break;case Nl.r.DATETIME:t.valueFormatter=Pl,t.cellEditor=Ei.dateEditor,t.cellEditorParams={withTime:!0};break;case Nl.r.ENUM:e.enumOptions?(t.cellEditor=Ei.selectEditor,t.cellEditorParams={values:e.enumOptions.map((e=>({value:e,label:e}))),valueField:"value",labelField:"label"}):Ll.k.warn(`No enumOptions found for field ${e.name}. Default cell editor applied.`)}const o=null===(r=this.agGrid.gridApi)||void 0===r?void 0:r.getColumnDef(e.name);return this.fields&&!this.fields.includes(e.name)?[]:Object.assign(Object.assign({field:e.name,type:jl(e.type),filter:Il(e.type)},t),o)}))}handleStreamInserts(e){null==e||e.forEach((e=>{if(this.rowData.has(e[this.rowId])||this.dataSubWasLoggedOff){const a=this.rowData.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r)}else this.agTransaction.add.push(e),this.agTransaction.addIndex=0;this.rowData.set(e[this.rowId],e)}))}handleStreamDeletes(e){null==e||e.forEach((e=>{if(this.hasDefaultRowId||this.isRequestServer)this.agTransaction.remove.push({[this.rowId]:e[this.rowId]});else{const a=Object.values(Object.fromEntries(this.rowData)).find((a=>a[this.defaultRowIdByResourceType]===e[this.defaultRowIdByResourceType]));this.agTransaction.remove.push({[this.rowId]:a[this.rowId]})}this.rowData.delete(e[this.rowId])}))}handleStreamUpdates(e){null==e||e.forEach((e=>{let a;if(this.hasDefaultRowId||this.isRequestServer){const r=this.rowData.get(e[this.rowId]);a=Object.assign(Object.assign({},r),e),this.agTransaction.update.push(a)}else{const r=Object.values(Object.fromEntries(this.rowData)).find((a=>a[this.defaultRowIdByResourceType]===e[this.defaultRowIdByResourceType]));a=Object.assign(Object.assign({},r),e),this.agTransaction.update.push(a)}this.rowData.set(e[this.rowId],a)}))}applyAllAgTransactions(){var e,a,r;if(!this.agTransaction.add.length&&!this.agTransaction.update.length&&!this.agTransaction.remove.length)return this.agGrid.gridApi.hideOverlay(),void(0===this.rowData.size&&this.agGrid.gridApi.showNoRowsOverlay());(null===(e=this.agTransaction.add)||void 0===e?void 0:e.length)>0&&this.applyMappedAgTransaction({add:this.agTransaction.add,addIndex:this.agGrid.addIndex},Gl.Add,this.agGrid.asyncAdd),(null===(a=this.agTransaction.remove)||void 0===a?void 0:a.length)>0&&this.applyMappedAgTransaction({remove:this.agTransaction.remove},Gl.Remove,this.agGrid.asyncRemove),(null===(r=this.agTransaction.update)||void 0===r?void 0:r.length)>0&&this.applyMappedAgTransaction({update:this.agTransaction.update},Gl.Update,this.agGrid.asyncUpdate)}flashAddedCells(e){this.agGrid.enableRowFlashing&&(null==e?void 0:e.length)&&this.agGrid.gridApi.flashCells({rowNodes:e})}applyMappedAgTransaction(e,a,r){if(r)this.applyTransactionAsync(this.mapTransaction(e,[a]),(e=>{this.flashAddedCells(e.add)}));else{const r=this.applyTransaction(this.mapTransaction(e,[a]));this.flashAddedCells(r.add)}}applyTransaction(e){throw new Error("Method not implemented.")}applyTransactionAsync(e,a){throw new Error("Method not implemented.")}mapTransaction(e,a=Object.values(Gl)){if(!this.rowDataMapper)return e;const r={};return a.includes(Gl.Add)&&(r.add=this.rowDataMapper(e.add,this.rowData)),a.includes(Gl.Remove)&&(r.remove=this.rowDataMapper(e.remove,this.rowData)),a.includes(Gl.Update)&&(r.update=this.rowDataMapper(e.update,this.rowData)),r}}class Ul{constructor(){this.rowData=new Map}}function Hl(e){switch(e){case Nl.r.DATE:case Nl.r.DATETIME:return{comparator:function(e,a){if(!a)return-1;const r=new Date(a).setHours(0,0,0,0),t=e.getTime();return r===t?0:r<t?-1:r>t?1:void 0},buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,browserDatePicker:!0}}}let Vl=class extends(dl(_l)){constructor(){super(...arguments),this.applyFuncName="applyTransaction",this.applyAsyncFuncName="applyTransactionAsync",this.pollingInterval=xl.WJ.REQ_REP_POLLING_INTERVAL_MS,this.disablePolling=!1,this.restartOnReconnection=!1,this.requiresFullRowDataAndColDefs=!0,this.criteriaFromFilters=new Map,this.update=new Al.X(new Map)}criteriaChanged(e,a){const r=e!==(0,kl.p)(a,";");this.datasource.initialized&&r&&this.reloadResourceData()}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback();const e=this.shouldRunConnect;u.DOM.queueUpdate((()=>{e&&this.init()})),this.connectionSub=this.connect.isConnected$.subscribe((e=>{var a;e&&(null===(a=this.agGrid)||void 0===a?void 0:a.attributes["ds-disconnected"])&&(this.agGrid.removeAttribute("ds-disconnected"),this.restartOnReconnection&&this.reloadResourceData()),e||this.agGrid.setAttribute("ds-disconnected","ds-disconnected")}))}disconnectedCallback(){super.disconnectedCallback();const e=this.shouldRunDisconnect;u.DOM.queueUpdate((()=>{e&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.deferredColumnStates=structuredClone(this.deferredColumnStates),e.request=structuredClone(this.request),e}init(){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){if(this.agGrid&&this.datasource.validResourceName(this.resourceName)&&this.connect.isConnected){const e=yield this.connect.getMetadata(this.resourceName);if(!e){const e=`No metadata found for ${this.resourceName}, datasource will not work. Falling back to local columnDefs/rowData.`;return Fn.warn(e),void this.handleErrors({ERROR:e})}this.isRequestServer=e.TYPE===xl._g.REQUEST_SERVER;const a=Object.assign({getRowId:e=>e.data[this.rowId]},this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},a),this.agGrid.addEventListener("onGridReady",(()=>(0,Di.__awaiter)(this,void 0,void 0,(function*(){yield this.loadResourceData()}))),{once:!0});const r=600;this.updateSub=this.update.pipe((0,Ol.T)(1),(0,Tl.b)(r),(0,Dl.b)((e=>Fn.debug("filters (debounced): ",e)))).subscribe((e=>{this.reloadResourceData()}))}else Fn.warn("Application not connected or invalid resource name, datasource will not work. Falling back to local columnDefs/rowData.")}))}deinit(){this.reset()}reset(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.updateSub&&(this.updateSub.unsubscribe(),this.updateSub=void 0),this.connectionSub&&(this.connectionSub.unsubscribe(),this.connectionSub=void 0),this.dataLogoff(),this.clearRowData(),this.isRequestServer=!1,this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.criteriaFromFilters=new Map,this.update=new Al.X(new Map),this.agGrid.removeAttribute("ds-disconnected"),this.datasource.deinit()}restart(){this.deinit(),this.init()}refreshRows(){this.setRowData(Array.from(this.rowData.values()))}dataLogoff(){this.sourceRef&&!this.isRequestServer&&!this.isSnapshot&&this.auth.isLoggedIn&&this.connect.dataLogoff(this.sourceRef),this.sourceRef=void 0}clearRowData(e=!0){var a,r,t,o;this.rowData=new Map,this.agTransaction=void 0,e&&(null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.setColumnDefs([])),null===(o=null===(t=this.agGrid)||void 0===t?void 0:t.gridApi)||void 0===o||o.setRowData([])}setRowData(e){var a;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const r=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDefs();if(!r||0===r.length){const e=yield this.getAgColumnDefs(this.datasource.fieldMetadata);e&&(e.forEach((e=>{e.rowGroup||(e.rowGroup=null),e.pivot||(e.pivot=null)})),this.agGrid.gridApi.setColumnDefs(e))}const t=this.rowDataMapper?this.rowDataMapper(e):e;this.agGrid.restoreCachedFilterConfig(),this.agTransaction={add:[...t],remove:[],update:[],addIndex:0},this.applyAllAgTransactions(),this.requiresFullRowDataAndColDefs=!1}))}reloadResourceData(){var e,a;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.dataLogoff(),this.clearRowData(null),null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.showLoadingOverlay(),this.agGrid.removeAttribute("ds-disconnected"),this.loadResourceData(null)}))}loadResourceData(e=!0){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const a=e||!this.datasource.initialized;if(!(yield this.datasource.init(this.datasourceOptions(),a)))return Fn.debug(`Genesis Datasource init failed for ${this.resourceName}`),void this.clearRowData();if(this.isSnapshot)try{const e=yield this.datasource.snapshot();if(e){const a=this.handleSnapshot(e);this.setRowData(a)}}catch(e){e.receivedMessage&&this.handleErrors(e.receivedMessage)}else Fn.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.pipe((0,Rl.K)((e=>(this.handleErrors(e.receivedMessage),Fl.E)))).subscribe((e=>{this.handleErrors(e),this.sourceRef=e.SOURCE_REF;const a=e.MESSAGE_TYPE;if(a&&a===zl.Cs.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const a=(0,Sl.$)(e);this.handleStreamResult(a)}else this.handleStreamResult(e)}))}))}handleSnapshot(e){return Array.isArray(e)?e:e.REPLY?e.REPLY:e.ROW?(0,Sl.$)(e).inserts:e.inserts}handleErrors(e){e.ERROR&&(this.agGrid.gridApi.setRowData([]),this.agGrid.setAttribute("ds-disconnected","ds-disconnected"))}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,maxRows:this.maxRows,maxView:this.maxView,movingView:this.movingView,orderBy:this.orderBy,pollingInterval:this.pollingInterval,disablePolling:this.disablePolling,request:this.request,resourceName:this.resourceName,reverse:this.reverse}}handleStreamResult(e){e&&(this.isRequestServer?this.applyRequestServerData(e):this.applyDataserverData(e))}applyRequestServerData(e){var a;const r=e.REPLY;if(!Array.isArray(r)||!(null===(a=e.MESSAGE_TYPE)||void 0===a?void 0:a.startsWith("REP_")))return void Fn.error("received invalid RequestServerResult",e);if(this.requiresFullRowDataAndColDefs){null==r||r.forEach((e=>{this.rowData.set(e[this.rowId],e)}));const e=this.rowData.size>0?Array.from(this.rowData.values()):r;return void this.setRowData(e)}const t=[],o=Array.from(this.rowData.values()).filter((e=>{const a=r.find((a=>a[this.rowId]===e[this.rowId]));return!a||(t.push(a),!1)})),i=r.filter((e=>!this.rowData.has(e[this.rowId])));this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(i),this.handleStreamDeletes(o),this.handleStreamUpdates(t),this.applyAllAgTransactions()}applyDataserverData(e){var a;if(this.requiresFullRowDataAndColDefs){null===(a=e.inserts)||void 0===a||a.forEach((e=>{this.rowData.set(e[this.rowId],e)}));const r=Array.from(this.rowData.values());this.setRowData(r)}else this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.inserts),this.handleStreamDeletes(e.deletes),this.handleStreamUpdates(e.updates),this.applyAllAgTransactions()}getAgColumnDefs(e){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,Hl);return yield this.agGrid.mergeAllColumnDefsAndStates(a,!0)}))}buildCriteria(){var e;const a=((null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[]).concat(Array.from(this.criteriaFromFilters.values()));return(0,kl.p)(a.join(" && "),";")}setFilter(e,a){this.criteriaFromFilters.set(e,a),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}applyTransaction(e){return this.agGrid.gridApi.applyTransaction(e)}applyTransactionAsync(e,a){this.agGrid.gridApi.applyTransactionAsync(e,a)}};(0,Di.__decorate)([Cl.g],Vl.prototype,"auth",void 0),(0,Di.__decorate)([$l.Yh],Vl.prototype,"datasource",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"polling-interval"})],Vl.prototype,"pollingInterval",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"disable-polling"})],Vl.prototype,"disablePolling",void 0),(0,Di.__decorate)([u.observable],Vl.prototype,"request",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"restart-on-reconnection"})],Vl.prototype,"restartOnReconnection",void 0),Vl=(0,Di.__decorate)([(0,u.customElement)({name:"grid-pro-genesis-datasource"})],Vl);let Yl=class extends Vl{};Yl=(0,Di.__decorate)([(0,u.customElement)({name:"grid-pro-client-side-datasource"})],Yl);var Ql=r(66306),Wl=r(52078);function ql(e){switch(e){case Nl.r.BOOLEAN:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["contains",{displayKey:"true",displayName:"True",predicate:(e,a)=>"true"===a||!0===a,numberOfInputs:0},{displayKey:"false",displayName:"False",predicate:(e,a)=>"false"===a||!1===a,numberOfInputs:0},{displayKey:"true-false",displayName:"True/False",predicate:(e,a)=>"true"===a||!0===a||"false"===a||!1===a,numberOfInputs:0}]};case Nl.r.DATE:case Nl.r.DATETIME:return{comparator:(e,a)=>{if(!a)return-1;const r=new Date(a).setHours(0,0,0,0),t=e.getTime();return r===t?0:r<t?-1:r>t?1:void 0},buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,browserDatePicker:!0,filterOptions:["equals","lessThan","greaterThan"]};case Nl.r.NUMBER:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["equals","lessThan","greaterThan"]};default:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["contains","equals"]}}}class Jl extends Ul{constructor(e){super(),this.server_ROWS_COUNT=0,this.client_ROWS_COUNT=0,this.moreRows=!1,this.calculatedRowsCount=0,this.lastSequenceId=0,this.dataserverStream=e.stream,this.resourceName=e.resourceName,this.resourceParams=e.resourceParams,this.originalCriteriaMatch=e.resourceParams.CRITERIA_MATCH,this.resourceIndexes=e.resourceIndexes,this.resourceColDefs=e.resourceColDefs,this.maxRows=e.maxRows,this.maxView=e.maxView,this.rowId=e.rowId,this.pagination=e.pagination}getRows(e){var a,r;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const t=e.request.filterModel,o=Object.keys(t).length>0,i=0===Object.keys(t).length,n=JSON.stringify(t)!==JSON.stringify(this.currentFilterModel);if(n||o){if(i&&this.currentFilterModel)return this.currentFilterModel=null,this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,void(yield this.restartSubscription(e));if(n&&o)return this.currentFilterModel=t,this.resourceParams.CRITERIA_MATCH=this.buildCriteriaMatchFromFilters(),void(yield this.restartSubscription(e))}const l=e.request.sortModel;if(l.length!==(null===(a=this.currentSortModel)||void 0===a?void 0:a.length)||l.length>0){if(0===l.length&&this.currentSortModel)return this.calculatedRowsCount=0,this.currentSortModel=null,this.resourceParams.ORDER_BY=null,this.resourceParams.REVERSE=null,void(yield this.restartSubscription(e));if(l.length>0){const a=l[0].colId,t=l[0].sort,o=this.getOrderByAndToBeSortedColIds(this.resourceIndexes,a);if(!o){this.calculatedRowsCount=0;const a=function(e){const a=[];for(const[r]of e)r&&a.push(r);return a}(this.resourceIndexes),t=function(e){const a=[];function r(e){for(const r of e)null!==r&&a.push(r)}for(const[a,t]of e)null!==a&&null!==t&&r(t);return a}(this.resourceIndexes);return Fn.warn("The FIELD/column (${coldIdBeingSorted}) being sorted is not part of an INDEX, required for the [orderBy] operation. See https://learn.genesis.global/docs/database/data-types/index-entities/"),Fn.debug("Available indexes:",a),Fn.debug("Columns that can be sorted with the available indexes:",t),null===(r=e.api)||void 0===r||r.refreshServerSide({purge:!0}),void e.fail()}if(JSON.stringify(l)!==JSON.stringify(this.currentSortModel))return this.currentSortModel=l,this.resourceParams.ORDER_BY=o.orderBy,this.resourceParams.REVERSE="desc"===t,void(yield this.restartSubscription(e))}}this.moreRows&&e.request.startRow>=Number(this.maxRows)&&this.connect.getMoreRows(this.streamSourceRef),this.dataserverStream.pipe((0,Wl.q)(1)).subscribe((a=>{var r;const t=a.MESSAGE_TYPE;if(t&&(t===zl.Cs.LOGOFF_ACK||t===zl.Cs.MSG_NACK))return void e.fail();if(this.moreRows=a.MORE_ROWS,!a.ROW){this.rowData=new Map;const a={rowData:[],rowCount:0};return void e.success(a)}{const e=(0,Sl.$)(a);this.handleCurrentStreamLoad(e)}this.lastSequenceId=a.SEQUENCE_ID,1===this.lastSequenceId&&(this.streamSourceRef=a.SOURCE_REF,this.server_ROWS_COUNT=null!==(r=a.ROWS_COUNT)&&void 0!==r?r:this.rowData.size);const o={rowData:Array.from(this.sortMapByNumericKey(this.rowData).values()),rowCount:this.pagination&&!this.resourceParams.CRITERIA_MATCH?Math.min(this.server_ROWS_COUNT,this.maxView):void 0};this.calculatedRowsCount=this.client_ROWS_COUNT,0===this.calculatedRowsCount&&(this.calculatedRowsCount=e.request.endRow),e.request.endRow>this.maxView||e.request.endRow>this.calculatedRowsCount?o.rowCount=this.calculatedRowsCount:e.request.endRow===this.server_ROWS_COUNT?o.rowCount=this.server_ROWS_COUNT:!this.moreRows&&this.server_ROWS_COUNT>this.calculatedRowsCount&&(o.rowCount=this.calculatedRowsCount),e.success(o)}))}))}sortMapByNumericKey(e){const a=Array.from(e.entries()).sort((([e],[a])=>+a-+e));return new Map(a)}dataLogoff(){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){this.streamSourceRef&&this.auth.isLoggedIn&&(yield this.connect.dataLogoff(this.streamSourceRef)),this.streamSourceRef=void 0}))}restartSubscription(e){var a;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){yield this.dataLogoff(),this.rowData=new Map,this.client_ROWS_COUNT=0;this.dataserverStream=void 0,this.dataserverStream=this.connect.stream(this.resourceName,(e=>e),(e=>Fn.error(e)),this.resourceParams),null===(a=e.api)||void 0===a||a.refreshServerSide({purge:!0}),e.fail()}))}getOrderByAndToBeSortedColIds(e,a){for(const[r,t]of e.entries()){const e=t.findIndex((e=>e===a));if(-1!==e){return{orderBy:r,toBeSorted:[...t].splice(e,1)}}}}handleCurrentStreamLoad(e){var a;if(!e)return;const r=new Map;null===(a=e.inserts)||void 0===a||a.forEach((e=>{r.set(e[this.rowId],e)})),this.rowData=r}buildCriteriaMatchFromFilters(){this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.resourceParams.CRITERIA_MATCH&&"string"==typeof this.resourceParams.CRITERIA_MATCH&&(this.resourceParams.CRITERIA_MATCH=this.resourceParams.CRITERIA_MATCH.split(";")),this.resourceParams.CRITERIA_MATCH||(this.resourceParams.CRITERIA_MATCH=[]);return this.resourceParams.CRITERIA_MATCH.concat(this.criteriaFromFilters()).join(" && ")}criteriaFromFilters(){const e=[];return this.getFiltersByType("text").forEach((a=>{if(this.currentFilterModel[a].filter||"false"!==this.currentFilterModel[a].type&&"true"!==this.currentFilterModel[a].type)switch(this.currentFilterModel[a].type){case"equals":e.push(`${a} == '${this.currentFilterModel[a].filter}'`);break;case"contains":e.push(`Expr.containsIgnoreCase(${a}, '${this.currentFilterModel[a].filter}')`)}else e.push(`${a} == ${this.currentFilterModel[a].type}`)})),this.getFiltersByType("number").forEach((a=>{const r=this.currentFilterModel[a].filter;switch(this.currentFilterModel[a].type){case"equals":!isNaN(r)&&e.push(`${a} == ${r}`);break;case"lessThan":!isNaN(r)&&e.push(`${a} < ${r}`);break;case"greaterThan":!isNaN(r)&&e.push(`${a} > ${r}`)}})),this.getFiltersByType("date").forEach((a=>{const r=this.currentFilterModel[a].dateFrom.replace(/-/g,"").replace("T","-").split(" ")[0];switch(this.currentFilterModel[a].type){case"equals":e.push(`Expr.dateIsEqual(${a}, '${r}')`);break;case"lessThan":e.push(`Expr.dateIsBefore(${a}, '${r}')`);break;case"greaterThan":e.push(`Expr.dateIsAfter(${a}, '${r}')`)}})),e}getFiltersByType(e){return Object.keys(this.currentFilterModel).filter((e=>-1!==this.resourceColDefs.findIndex((a=>a.NAME===e)))).filter((a=>this.currentFilterModel[a].filterType===e))}}(0,Di.__decorate)([Cl.g],Jl.prototype,"auth",void 0),(0,Di.__decorate)([s.lj],Jl.prototype,"connect",void 0);let Zl=class extends(dl(_l)){constructor(){super(...arguments),this.applyFuncName="applyServerSideTransaction",this.applyAsyncFuncName="applyServerSideTransactionAsync",this.pagination=!1}criteriaChanged(e,a){const r=e!==(0,kl.p)(a,";");this.ssrmDatasource&&r&&this.reloadResourceData()}reloadResourceData(){var e,a,r;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){this.ssrmDatasource.dataLogoff(),this.clearRowData(null),this.ssrmDatasource=void 0,null===(e=this.agGrid.gridApi)||void 0===e||e.refreshServerSide({purge:!0}),null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.showLoadingOverlay(),this.init()}))}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback();const e=this.shouldRunConnect;u.DOM.queueUpdate((()=>{e&&this.init()}))}disconnectedCallback(){super.disconnectedCallback();const e=this.shouldRunDisconnect;u.DOM.queueUpdate((()=>{e&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.deferredColumnStates=structuredClone(this.deferredColumnStates),e}deinit(){var e;this.clearRowData(),this.ssrmDatasource=void 0,this.originalFieldDef=void 0,null===(e=this.agGrid.gridApi)||void 0===e||e.refreshServerSide({purge:!0})}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected)return this.agGrid.gridOptions=Object.assign({getRowId:e=>e.data?e.data[this.rowId]:null,getRowStyle(e){var a,r;if(null===(r=null===(a=e.data)||void 0===a?void 0:a.ROW_REF)||void 0===r?void 0:r.includes("_deleted"))return{color:"grey"}},cacheBlockSize:this.maxRows,defaultColDef:{filter:!0,resizable:!0,sortable:!0},pagination:this.pagination,paginationPageSize:this.maxRows,rowBuffer:0,rowModelType:"serverSide",suppressServerSideInfiniteScroll:!1,suppressMultiSort:!0,onFilterChanged:e=>{},onSortChanged:e=>{}},this.deferredGridOptions),void this.agGrid.addEventListener("onGridReady",(()=>(0,Di.__awaiter)(this,void 0,void 0,(function*(){const e=yield this.connect.getMetadata(this.resourceName).catch((e=>Fn.error(e)));if(!e)return!1;this.indexes=this.getResourceIndexes(e.INDEXES),this.originalFieldDef=(0,Ql.C)(e);const a=(0,Ql.i)(this.originalFieldDef),r=yield this.getAgColumnDefs(a);this.agGrid.gridApi.setColumnDefs(r);const t=yield this.createDataserverStream();this.ssrmDatasource=new Jl({stream:t,resourceName:this.resourceName,resourceParams:this.params,resourceIndexes:this.indexes,resourceColDefs:this.originalFieldDef,maxRows:+this.maxRows,maxView:+this.maxView,rowId:this.rowId,pagination:this.pagination}),this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource)}))),{once:!0});Fn.warn("Application not connected, falling back to local columnDefs/rowData")}restart(){this.deinit(),this.init()}clearRowData(e=!0){var a,r,t,o;this.rowData=new Map,e&&(null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.setColumnDefs([])),this.agTransaction={remove:[]},null===(t=this.agGrid.gridApi)||void 0===t||t.forEachNode((e=>{this.agTransaction.remove.push(e.data)})),null===(o=this.agGrid.gridApi)||void 0===o||o.applyServerSideTransaction(this.agTransaction),this.agTransaction=void 0}getResourceIndexes(e){const a=new Map;return null==e||e.forEach((e=>{a.set(e.NAME,e.FIELDS.split(" "))})),a}get params(){const e={CRITERIA_MATCH:this.criteria,FIELDS:this.fields,MAX_ROWS:this.maxRows,MAX_VIEW:this.maxView,MOVING_VIEW:this.movingView,REVERSE:this.reverse},a=Array.from(this.indexes.keys());if(this.orderBy)if(a.findIndex((e=>e===this.orderBy))>-1)e.ORDER_BY=this.orderBy;else{const e=a.map((e=>e));Fn.warn("Specified [orderBy] index is not valid and will not be used. See https://learn.genesis.global/docs/database/data-types/index-entities/ - Available indexes:",e)}return Fn.debug("Getting configured params:",e),e}get rowModel(){return this.agGrid.gridApi.getModel()}createDataserverStream(e=null){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){return this.connect.stream(this.resourceName,(e=>(0,Di.__awaiter)(this,void 0,void 0,(function*(){var a;if(e.MESSAGE_TYPE===zl.Cs.QUERY_UPDATE&&e.ROW){const r=(0,Sl.$)(e);if(this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(r.inserts),this.handleStreamDeletesTemp(r.deletes),this.handleStreamUpdates(r.updates),this.ssrmDatasource.client_ROWS_COUNT+=null!==(a=r.inserts.length)&&void 0!==a?a:0,e.SEQUENCE_ID>1){const e=yield this.connect.snapshot(this.resourceName,{MAX_ROWS:1,MAX_VIEW:1,CRITERIA_MATCH:this.criteria});this.ssrmDatasource.server_ROWS_COUNT=e.ROWS_COUNT}this.applyAllAgTransactions()}}))),(e=>Fn.error(e)),null!=e?e:this.params)}))}handleStreamDeletesTemp(e){e&&e.forEach((e=>{const a=this.agGrid.gridApi.getRowNode(e.ROW_REF);a&&a.setData(Object.assign(Object.assign({},a.data),{ROW_REF:e.ROW_REF+"_deleted"}))}))}getAgColumnDefs(e){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,ql);a.map((e=>({sortable:[].concat(...this.indexes.values()).includes(e.field)})));return yield this.agGrid.mergeAllColumnDefsAndStates(a,!0)}))}applyTransaction(e){return this.agGrid.gridApi.applyServerSideTransaction(e)}applyTransactionAsync(e,a){this.agGrid.gridApi.applyServerSideTransactionAsync(e,a)}};(0,Di.__decorate)([(0,u.attr)({mode:"boolean"})],Zl.prototype,"pagination",void 0),Zl=(0,Di.__decorate)([(0,u.customElement)({name:"grid-pro-server-side-datasource"})],Zl);const Kl='\n @font-face {\n font-family: "agGridAlpine";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',Xl='\n @font-face {\n font-family: "agGridBalham";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',eg={[Ti.alpine]:Kl,[Ti.alpineDark]:Kl,[Ti.balham]:Xl,[Ti.balhamDark]:Xl,[Ti.material]:'\n @font-face {\n font-family: "agGridMaterial";\n src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABAIAAsAAAAAItAAAA+4AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIh2BmAAixwKoQibUgE2AiQDgiQLgRQABCAFhF4HhQQbwx4zozZKkzKjKAuTKdl/nWDK2JwGzwo8TIbdeYNAtGkxGg6xYzGz3JUMFWCLQoUjcyveKfPZ/H3KUMoL2rS9u+gRJeZcVAgRJ5CkLZEpR8wJTYnXnVSMtFyNChezin1NlBr5GXihygP/477uwwhpzmQRmQv4h7xQ1ukb+qbAuHWw7/RtjIFWUFny28Ky25Mrtuy4tSU/Wc7/vwwfQIfAIXD7Tt+s5E8pTn5vAnqvAPcKcIYlde3bwySmDu1CBfgAWXCyv/537t/bNk2bB4wpAJyvJiygJTWLWk3INSABhcEIIFK3nVCyYoEK+KQzcN/aq94CoAZSukZXyN27/bAzE4LLJqw2fOFLyqTCsgoAg9cUEIwBlHm1VR6FqrN1Fdq2W2BBkEa6OUOPR0hZbsED+7l62hratnMRkZGRktL4unUngADAoQ+SAeVlCEiwaKia2gTOYABBQwR8VUQa6iVVYDKIgywZhkDpQzYwg2pogEKYClcQC2Qq0oXaYs5YPlaLUdgQ9tVNJaKVB0aVFF6cTCGhVBqdgYXJnWl1JgunLbYgr2OIF7acWFIHkWlSbS1dvGjSQkU6aoZmJIaoMxMaUYTNbdaUPjzDAU8jcamQigXK1UFkBoXGOSirP22bKJBeriEyKFKLF7ApHF2cslXcTZUOdQ9GypSIYfXSKoUsTiLtq2oYVCg9waGz9Gb0IKKzj0gNMtwgGptnTXVZcdTUqUJ9nII9zZYrIIqAaglVkSlOzY65X7msQ1WsjqE9ZeXZaQERzutqaDhP33SSojDkSuy0tGhJK4TKK3QzI7m73upywg2//HcOv8HYgNuxzN9yny6wS+OijiJbjLIFu66IFGspLEKaV6ZGt0yBLLRkv9IKWVUFo5LRPqqqI8sJLSUWjLIguMFlIyueuV2UTFV3TGWFWLNyXmpZtfNi7galJ05kU23SBY1BMsGKpGlYb7M8i2rcZKxgDDYT2mI3dcsTNzMiKqDZyJQGLfr1NUYG5wW0ISm+4yeRwSlp2qxi5qTbRPfC/MUonxi3xhuhFduXAnPX0htcYcPCemEBpnEaC/sqKBcoYDTQlxtVu5W2OSILrnElq3L8GdYzBLHAHgde795/+Kc/oAARnyC4ir3ry1f91H0iY2rsZ+6nZyGurA4oAhLQBWQQS+U5IQIX5XXhVERVkP+ohNthIXefPVQ4kf/8QbfX7nh8wiSCgRPUwtIzBzp43bTPdlssXp2pNB4HjrqAtIZK+O5wTCCzJmBxEB4mEBEVVTV1DU0tbR1dPX0DQyNjE1MzcwtVSytrG1ttO3sHRydnF1c3VXcPTxCKIZjFczx9M3akFJJb2azJ2NDv9O8/rib5WJCVvPKVgPSZgk10r8omv4Q+4LIZ4IoJ4Kp5XDMIXLeKG/qBm6aAW4aBO6aBuyaBexZw3yjwwAjw0BIeGwCeGAeeGgKeWcRzK3hhDHhpFnhlGYXWOGGcBztiARAHgBAA4gEQBkACABIBEAFAFQBUBUA1AFQHQA0A1ARALQDUBkAdANQFQD0A1AdAAwA0BEAjADQGQBMANAVAMwA0B0ALALRkJhXgZAWytAZAGwC0BUA7ALTHriodADI6AqATADoDoAsAugKgGwC6A6AHAHoykwpwQoEaSQBIRiEH6xv66Mal8w9Q/F2QFg5hnwB9IpENFTdF5rMdgcVWQs4UHlie3EiR5SEpgoy3UFi7nKB/Zck40q8ZpPSw7TodayFOikkLmbU5/GrOybbEDSd26+YisVJC2A7CGJE+sh2Jyp5+3XxITFBNC4hHM9G4X1cWsSBc8CIxwh3k/qMGry9SuIVMxT4jIHHkEBwDvRKDhoygQVbcrjShlJszH8kZh7U8H9bpcliQRae7pbhapWGt3D4leL/ZHioZ9JN4acisHb7MWOmujsIwjFyZeab8iIWHWZpD4QeT4eAmp5yVfHK6pczntl2OfeB2+xQJoVRgBQHueswxYGzUEBzs1CYs6fJZya5Sn8VbEPUt77Pa2wxbvKV+uFOa9a2vnSh4uRF/mb+4d9BnY8VL30P4PLR8badg0O5Ru7WrC490D0XtRMLewWOM7kg/2CzrsKd68DgEdnS397ps2dIuF7V9h/Ho2zETic4VCjmj60UCRdvTPQOLBnuPVnUrzrq0DkrWBeRyOx+VnbxbUcB65YAUdssXwt35ZrnpsM+/d+8SSmHkXkkxkfJ0GKOi07uok9F1O4n0viniWi7gT/JFeWafjLbPv6h3Hx57kDCjdvf8sj7dnHmA8ZK/LKkTzef87Z5AfhL4Vv9kXHSOxxvOuOP0fer8RDOM+YuFLJWvHRnJ9+Bcd3rmEKkzN+9yqEU/eiPOzYblw25+v53d24qH+xb2H2k/Nrho4GgNAZ6ZAl63Oeed6JVv5owS9LkpnheQv7Pt0CUcH5kMtLs8vMXdh1odSDCMXmXsN1CsWOWTZ1qfnDZit8PZm3S8VLx3r53fj5wbZ1izc4zGsNzT7a9r6F3aw4dh8eCTsiOD7MQgONGL+isDbZCCoDO+MLmaALAKm85UazKkQJYaK7KLb/2xJ+FwWuruJ538eCCOD5Iffb8PTprL480N2X9XbG+9ipvCs657YZesZ1Fvfd4nY4EeuXXdPn2wSlbmeCpd9Xm8MnKaqCwUdaCyiF8bGnqUJfaorNZEH97qKQwdr9XluvLZQayYon8Q1u0FF9ZM9GI/RzPtLnSm2zdHzywma2bdyXln8yVnxrrqkU/yFJN7c9IDNd+n4ZSesX5y/Ejl0fMuni3nUb1fs/DpJYvXT4/FY9xjV/+W0D+QQ6a3/Htmms8FYfSmH/cUL6t2TuH00LdpOqGFnlM1unnet256vEE5n25uPh0kNsfsU5ozJm5EPJHmZG8IaC2lVv8gf3xU9wgE4JEub62MLedwymMr34g7upyTq34z4khWyDdTKVaR8ug+4eakeYp5nzKnZk1V66d9nwYxm9S4e8gdd9z9Toh758PxInA7u+zsixdUquwcuVkdFNwSLI6ehVdT4cpm6Ynh82mlkqquRtGkxIu84IsXLg4m9fWt+SxyYgEfWE7klzVAU3TE6hVrpook9zF6PbgrYruU0isGm75Rf53gxVN6PQRhJ3QEsDLJTN3ciVdZQGSygLXzY2US4EVdzbwKEYuf96iDhdcXBZw7HyXiac2LeMOIn8Qvwq/Oj7P6v+GvHL3l8nb6zFXIPRP/VKsnSLPygdlatzu2VpKI77t4dqxz0zAbhwRfpulO81mJU6MsHUYjPY+KPQsKnOZb7BiycHK0s3ezuKJjMtZYzJ7U8sXMOp9poXT4h7MHQm3f2DPnGsyw22VeH5/z2p1pblrcxbW333eBuT1hTeDRgGOOgWA3izFdgBs6su86Nm2xPFzmGHk91ATfxWwFtrWu0ZfJrb+0OxcLZ46fvKZhvH2KpTXrv4SilKKdt8lzJpZhZtaC7AbhzBObmWscbR2jC+bnz4peYWhi6WnJhDUj9cpL1PBrhE1Wtc/SWX5eXWKBoDBSkpfpznevb3TJaCCrWrIFvMXpEkSRk85rMfXizE8XX+ex/Lx/Z/C5TllKbPJ1+FTkpRSXLI5auuKqv2f0GtB+uAAnH76pme7K1GjXDNcquZuDxwUFjSsUd1ShXzMIdb68nb39MntzYaDU00KaUAo1whZCR+rgX/bJE4Qeo32uaEkdCWxmKyWkFPQ6GzIE9u2xWqdddot9C/3cKXN1zU1BzUFuS/PzpmZJBvw9cj7N6Lrcf6jV3QJfdVu+U9ijJZxHCDqXjquIiSlvE7eKS7RAjDh3G+WQOdNV3YzAjMATBlS0nhCCZtWKc3LEtetb1jd//WvFi84UiJeWpqYuTwLGd6UaoQbm6jdmnobU3KqiC/Q3dUJdVnhqdzLmG5G7TD4A1/uXsiRYEDRhQpAguCROQuy+c8eZkAhsDlFxx/wgYol08NyvvF/3BljA2raKyNq5vK1XECtYdMb+lrWNnKecR0JxtExWpxt68TIo6PnzsZnHROTYGCk6NnPsObCtYimP4DMenXEm2CNKZtrSdQrt0uPLjrv1a8bqOqeWIPfv0530l9C6P2NjKubLarnbTvWCfvFc5Yv7O7G6rtS30Ecm8yn0Lb0m7miZ7G+61Pea4MRGNUsbSzlFbHYRp/RJ8tx0EbuU8yRTFbTfeG1cbtvK4BG1Mvrj0vXl5Hikp3U/vbYrzQ0Ri3TeWd5C75p1ewtcpFLqZlCNkko3kUCUfGkoObsd2E4MJNovqnFiX1/3R7VWq4CbbllkFoysOfEujOnW+6lw9mz7OxURzOFR1+KTqxLj+l9apSoVCk0ypYsWbsmclBrXaruf8HrI1YpEHmRbeVlWFk1HHT4Ccxf8+aP9/eYEqAbjAgBgw7R3EdxkWB42YUfYNJiJ1comoutQTb2F2EmV2fz5iTVhXxfwQqoNi1D1jqSiBPQ/2Ugu2tpIOYYTNGkgep5wLxqTcmEdDTRwOxmqQkSDiU2nYslVDeiYiJ5Hy6isjNAuIMrBajAztCPqTpoGXVdGhPRfgO5R+pfnnArLxH9MGJgaACk2fXtioS/s0VOdhi3FfruLh0Rws4hf8ALfEC3Jb3n184cYrKS/MPVNBMq9DYCjp9X6Z9e0oKFsiISE7KsURfRhufcWi/6lkahiUW93Urmrl7NX6PouYTIBxsxfJrEa7vGPWqb3X7VC73+TVp35H17D4ACTtvwO51/ftuvwpfwbCfYTKEqA+B19jTBcROJd/EYpgam57W5yzRsklOnTtE0/b8ro71Rd44RT85pJMUZusvADGu0G1Xw/mbjxRXSG0wLw3hCB9ckfqdCA6LvneDVqPhClJRbjb18VPnRGGrc6N8rsDVJSitxWozffuIuRdzcdrpzbESxF+FqzpahiqHiKWWweIOPrzlDAZPcm4aqcqu4YLfI13gjKBV2vhyVIoQd9GMAQRjD+IUBnYL/D/csm7U631x8MR+PJdDZfLFfrzXa3PxxP58v1dn88qSQrqqYbpmU7rucHoWeee+GlV15746133q/tS5cX9KCBaQ1GeFqW4Zg1U2QwrpobRA+mNJrHnmftPgPtWeo8gSwqSgoEikd5CZWUvDsmkaXNIdZf1h9STVS2TEgFjKJdMcnzVTNcyrI544rdxazid93wxsRk0HxSu4k/tiVCGZajrDXX8WrhVftJ0RU/Ia/64ZpXjoa13dvpWmwq9WLXY8AG8hupZiGFJ1xJm+qGkTLRCYVwm6ItxMhTxKzms6NxGWFaV4+sB3Luu+G2r6pMLTu3n/KjVWk/6EqpEbfKo6GgtTylg3UTtI19Cm1MhIlK62ETRyqIdsPNdFnOSBv1Nf6VLAJPIBUwMlUY0eBRb6Z9J6myuZHztBYA);\n font-weight: normal;\n font-style: normal;\n }\n'},ag=Kl,rg=u.css`
|
|
2131
|
+
`;let yl=class extends v.FoundationElement{constructor(){super(...arguments),this.definition={}}slottedAgCellChanged(){}};(0,Li.__decorate)([b.observable],yl.prototype,"slottedAgCell",void 0),(0,Li.__decorate)([b.observable],yl.prototype,"definition",void 0),yl=(0,Li.__decorate)([(0,b.customElement)({name:"grid-pro-column",template:wl})],yl);var xl=r(82940),kl=r(32449),zl=r(9162),Sl=r(5127),Cl=r(35991),$l=r(6852),Al=r(26714),Fl=r(2480),Ol=r(71452),Tl=r(99449),Dl=r(30526),Rl=r(61080),Nl=r(83123),Ll=r(22296),Ml=r(21607);function Il(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"agNumberColumnFilter";case"date":case"datetime":return"agDateColumnFilter";default:return"agTextColumnFilter"}}function jl(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"numericColumn"}}function El({value:e}){return(0,Ml.D_)(e)}function Pl({value:e}){return(0,Ml.Lx)(e)}class Bl extends v.FoundationElement{constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=xl.WJ.MAX_ROWS_250,this.maxView=xl.WJ.MAX_VIEW_1000,this.movingView=!1,this.reverse=!1,this.isRequestServer=!1}get rowId(){return this.rowIdAttr?this.rowIdAttr:this.isRequestServer?xl.WJ.REQUEST_SERVER_ROW_ID:xl.WJ.DATASERVER_ROW_ID}get hasDefaultRowId(){return!this.rowIdAttr||this.rowIdAttr===xl.WJ.REQUEST_SERVER_ROW_ID||this.rowIdAttr===xl.WJ.DATASERVER_ROW_ID}get defaultRowIdByResourceType(){return this.isRequestServer?xl.WJ.REQUEST_SERVER_ROW_ID:xl.WJ.DATASERVER_ROW_ID}get agGrid(){return this.parentElement}}var Gl;(0,Li.__decorate)([s.lj],Bl.prototype,"connect",void 0),(0,Li.__decorate)([b.observable],Bl.prototype,"deferredGridOptions",void 0),(0,Li.__decorate)([b.observable],Bl.prototype,"deferredColumnStates",void 0),(0,Li.__decorate)([b.observable],Bl.prototype,"rowDataMapper",void 0),(0,Li.__decorate)([b.attr],Bl.prototype,"criteria",void 0),(0,Li.__decorate)([b.attr],Bl.prototype,"fields",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"is-snapshot"})],Bl.prototype,"isSnapshot",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"max-rows"})],Bl.prototype,"maxRows",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"max-view"})],Bl.prototype,"maxView",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"moving-view"})],Bl.prototype,"movingView",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"order-by"})],Bl.prototype,"orderBy",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"resource-name"})],Bl.prototype,"resourceName",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean"})],Bl.prototype,"reverse",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"row-id"})],Bl.prototype,"rowIdAttr",void 0),function(e){e.Add="add",e.Update="update",e.Remove="remove"}(Gl||(Gl={}));class _l extends Bl{constructor(){super(...arguments),this.dataSubWasLoggedOff=!1,this.rowData=new Map,this.agTransaction={add:[],remove:[],update:[]}}generateColumnDefsFromMetadata(e,a){return null==e?void 0:e.flatMap((e=>{var r;const t={};switch(t.filterParams=a(e.type),e.type){case Nl.r.STRING:t.cellEditor=Gi.stringEditor;break;case Nl.r.NUMBER:t.cellEditor=Gi.numberEditor;break;case Nl.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(t.cellRenderer=Gi.boolean,t.cellEditor=Gi.boolean);break;case Nl.r.DATE:t.valueFormatter=El,t.cellEditor=Gi.dateEditor;break;case Nl.r.DATETIME:t.valueFormatter=Pl,t.cellEditor=Gi.dateEditor,t.cellEditorParams={withTime:!0};break;case Nl.r.ENUM:e.enumOptions?(t.cellEditor=Gi.selectEditor,t.cellEditorParams={values:e.enumOptions.map((e=>({value:e,label:e}))),valueField:"value",labelField:"label"}):Ll.k.warn(`No enumOptions found for field ${e.name}. Default cell editor applied.`)}const o=null===(r=this.agGrid.gridApi)||void 0===r?void 0:r.getColumnDef(e.name);return this.fields&&!this.fields.includes(e.name)?[]:Object.assign(Object.assign({field:e.name,type:jl(e.type),filter:Il(e.type)},t),o)}))}handleStreamInserts(e){null==e||e.forEach((e=>{if(this.rowData.has(e[this.rowId])||this.dataSubWasLoggedOff){const a=this.rowData.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r)}else this.agTransaction.add.push(e),this.agTransaction.addIndex=0;this.rowData.set(e[this.rowId],e)}))}handleStreamDeletes(e){null==e||e.forEach((e=>{if(this.hasDefaultRowId||this.isRequestServer)this.agTransaction.remove.push({[this.rowId]:e[this.rowId]});else{const a=Object.values(Object.fromEntries(this.rowData)).find((a=>a[this.defaultRowIdByResourceType]===e[this.defaultRowIdByResourceType]));this.agTransaction.remove.push({[this.rowId]:a[this.rowId]})}this.rowData.delete(e[this.rowId])}))}handleStreamUpdates(e){null==e||e.forEach((e=>{let a;if(this.hasDefaultRowId||this.isRequestServer){const r=this.rowData.get(e[this.rowId]);a=Object.assign(Object.assign({},r),e),this.agTransaction.update.push(a)}else{const r=Object.values(Object.fromEntries(this.rowData)).find((a=>a[this.defaultRowIdByResourceType]===e[this.defaultRowIdByResourceType]));a=Object.assign(Object.assign({},r),e),this.agTransaction.update.push(a)}this.rowData.set(e[this.rowId],a)}))}applyAllAgTransactions(){var e,a,r;if(!this.agTransaction.add.length&&!this.agTransaction.update.length&&!this.agTransaction.remove.length)return this.agGrid.gridApi.hideOverlay(),void(0===this.rowData.size&&this.agGrid.gridApi.showNoRowsOverlay());(null===(e=this.agTransaction.add)||void 0===e?void 0:e.length)>0&&this.applyMappedAgTransaction({add:this.agTransaction.add,addIndex:this.agGrid.addIndex},Gl.Add,this.agGrid.asyncAdd),(null===(a=this.agTransaction.remove)||void 0===a?void 0:a.length)>0&&this.applyMappedAgTransaction({remove:this.agTransaction.remove},Gl.Remove,this.agGrid.asyncRemove),(null===(r=this.agTransaction.update)||void 0===r?void 0:r.length)>0&&this.applyMappedAgTransaction({update:this.agTransaction.update},Gl.Update,this.agGrid.asyncUpdate)}flashAddedCells(e){this.agGrid.enableRowFlashing&&(null==e?void 0:e.length)&&this.agGrid.gridApi.flashCells({rowNodes:e})}applyMappedAgTransaction(e,a,r){if(r)this.applyTransactionAsync(this.mapTransaction(e,[a]),(e=>{this.flashAddedCells(e.add)}));else{const r=this.applyTransaction(this.mapTransaction(e,[a]));this.flashAddedCells(r.add)}}applyTransaction(e){throw new Error("Method not implemented.")}applyTransactionAsync(e,a){throw new Error("Method not implemented.")}mapTransaction(e,a=Object.values(Gl)){if(!this.rowDataMapper)return e;const r={};return a.includes(Gl.Add)&&(r.add=this.rowDataMapper(e.add,this.rowData)),a.includes(Gl.Remove)&&(r.remove=this.rowDataMapper(e.remove,this.rowData)),a.includes(Gl.Update)&&(r.update=this.rowDataMapper(e.update,this.rowData)),r}}class Ul{constructor(){this.rowData=new Map}}function Hl(e){switch(e){case Nl.r.DATE:case Nl.r.DATETIME:return{comparator:function(e,a){if(!a)return-1;const r=new Date(a).setHours(0,0,0,0),t=e.getTime();return r===t?0:r<t?-1:r>t?1:void 0},buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,browserDatePicker:!0}}}let Vl=class extends(c(_l)){constructor(){super(...arguments),this.applyFuncName="applyTransaction",this.applyAsyncFuncName="applyTransactionAsync",this.pollingInterval=xl.WJ.REQ_REP_POLLING_INTERVAL_MS,this.disablePolling=!1,this.restartOnReconnection=!1,this.requiresFullRowDataAndColDefs=!0,this.criteriaFromFilters=new Map,this.update=new Al.X(new Map)}criteriaChanged(e,a){const r=e!==(0,kl.p)(a,";");this.datasource.initialized&&r&&this.reloadResourceData()}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback();const e=this.shouldRunConnect;b.DOM.queueUpdate((()=>{e&&this.init()})),this.connectionSub=this.connect.isConnected$.subscribe((e=>{var a;e&&(null===(a=this.agGrid)||void 0===a?void 0:a.attributes["ds-disconnected"])&&(this.agGrid.removeAttribute("ds-disconnected"),this.restartOnReconnection&&this.reloadResourceData()),e||this.agGrid.setAttribute("ds-disconnected","ds-disconnected")}))}disconnectedCallback(){super.disconnectedCallback();const e=this.shouldRunDisconnect;b.DOM.queueUpdate((()=>{e&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.deferredColumnStates=structuredClone(this.deferredColumnStates),e.request=structuredClone(this.request),e}init(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){if(this.agGrid&&this.datasource.validResourceName(this.resourceName)&&this.connect.isConnected){const e=yield this.connect.getMetadata(this.resourceName);if(!e){const e=`No metadata found for ${this.resourceName}, datasource will not work. Falling back to local columnDefs/rowData.`;return Dn.warn(e),void this.handleErrors({ERROR:e})}this.isRequestServer=e.TYPE===xl._g.REQUEST_SERVER;const a=Object.assign({getRowId:e=>e.data[this.rowId]},this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},a),this.agGrid.addEventListener("onGridReady",(()=>(0,Li.__awaiter)(this,void 0,void 0,(function*(){yield this.loadResourceData()}))),{once:!0});const r=600;this.updateSub=this.update.pipe((0,Ol.T)(1),(0,Tl.b)(r),(0,Dl.b)((e=>Dn.debug("filters (debounced): ",e)))).subscribe((e=>{this.reloadResourceData()}))}else Dn.warn("Application not connected or invalid resource name, datasource will not work. Falling back to local columnDefs/rowData.")}))}deinit(){this.reset()}reset(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.updateSub&&(this.updateSub.unsubscribe(),this.updateSub=void 0),this.connectionSub&&(this.connectionSub.unsubscribe(),this.connectionSub=void 0),this.dataLogoff(),this.clearRowData(),this.isRequestServer=!1,this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.criteriaFromFilters=new Map,this.update=new Al.X(new Map),this.agGrid.removeAttribute("ds-disconnected"),this.datasource.deinit()}restart(){this.deinit(),this.init()}refreshRows(){this.setRowData(Array.from(this.rowData.values()))}dataLogoff(){this.sourceRef&&!this.isRequestServer&&!this.isSnapshot&&this.auth.isLoggedIn&&this.connect.dataLogoff(this.sourceRef),this.sourceRef=void 0}clearRowData(e=!0){var a,r,t,o;this.rowData=new Map,this.agTransaction=void 0,e&&(null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.setColumnDefs([])),null===(o=null===(t=this.agGrid)||void 0===t?void 0:t.gridApi)||void 0===o||o.setRowData([])}setRowData(e){var a;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const r=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDefs();if(!r||0===r.length){const e=yield this.getAgColumnDefs(this.datasource.fieldMetadata);e&&(e.forEach((e=>{e.rowGroup||(e.rowGroup=null),e.pivot||(e.pivot=null)})),this.agGrid.gridApi.setColumnDefs(e))}const t=this.rowDataMapper?this.rowDataMapper(e):e;this.agGrid.restoreCachedFilterConfig(),this.agTransaction={add:[...t],remove:[],update:[],addIndex:0},this.applyAllAgTransactions(),this.requiresFullRowDataAndColDefs=!1}))}reloadResourceData(){var e,a;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.dataLogoff(),this.clearRowData(null),null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.showLoadingOverlay(),this.agGrid.removeAttribute("ds-disconnected"),this.loadResourceData(null)}))}loadResourceData(e=!0){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const a=e||!this.datasource.initialized;if(!(yield this.datasource.init(this.datasourceOptions(),a)))return Dn.debug(`Genesis Datasource init failed for ${this.resourceName}`),void this.clearRowData();if(this.isSnapshot)try{const e=yield this.datasource.snapshot();if(e){const a=this.handleSnapshot(e);this.setRowData(a)}}catch(e){e.receivedMessage&&this.handleErrors(e.receivedMessage)}else Dn.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.pipe((0,Rl.K)((e=>(this.handleErrors(e.receivedMessage),Fl.E)))).subscribe((e=>{this.handleErrors(e),this.sourceRef=e.SOURCE_REF;const a=e.MESSAGE_TYPE;if(a&&a===zl.Cs.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const a=(0,Sl.$)(e);this.handleStreamResult(a)}else this.handleStreamResult(e)}))}))}handleSnapshot(e){return Array.isArray(e)?e:e.REPLY?e.REPLY:e.ROW?(0,Sl.$)(e).inserts:e.inserts}handleErrors(e){e.ERROR&&(this.agGrid.gridApi.setRowData([]),this.agGrid.setAttribute("ds-disconnected","ds-disconnected"))}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,maxRows:this.maxRows,maxView:this.maxView,movingView:this.movingView,orderBy:this.orderBy,pollingInterval:this.pollingInterval,disablePolling:this.disablePolling,request:this.request,resourceName:this.resourceName,reverse:this.reverse}}handleStreamResult(e){e&&(this.isRequestServer?this.applyRequestServerData(e):this.applyDataserverData(e))}applyRequestServerData(e){var a;const r=e.REPLY;if(!Array.isArray(r)||!(null===(a=e.MESSAGE_TYPE)||void 0===a?void 0:a.startsWith("REP_")))return void Dn.error("received invalid RequestServerResult",e);if(this.requiresFullRowDataAndColDefs){null==r||r.forEach((e=>{this.rowData.set(e[this.rowId],e)}));const e=this.rowData.size>0?Array.from(this.rowData.values()):r;return void this.setRowData(e)}const t=[],o=Array.from(this.rowData.values()).filter((e=>{const a=r.find((a=>a[this.rowId]===e[this.rowId]));return!a||(t.push(a),!1)})),i=r.filter((e=>!this.rowData.has(e[this.rowId])));this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(i),this.handleStreamDeletes(o),this.handleStreamUpdates(t),this.applyAllAgTransactions()}applyDataserverData(e){var a;if(this.requiresFullRowDataAndColDefs){null===(a=e.inserts)||void 0===a||a.forEach((e=>{this.rowData.set(e[this.rowId],e)}));const r=Array.from(this.rowData.values());this.setRowData(r)}else this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.inserts),this.handleStreamDeletes(e.deletes),this.handleStreamUpdates(e.updates),this.applyAllAgTransactions()}getAgColumnDefs(e){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,Hl);return yield this.agGrid.mergeAllColumnDefsAndStates(a,!0)}))}buildCriteria(){var e;const a=((null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[]).concat(Array.from(this.criteriaFromFilters.values()));return(0,kl.p)(a.join(" && "),";")}setFilter(e,a){this.criteriaFromFilters.set(e,a),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}applyTransaction(e){return this.agGrid.gridApi.applyTransaction(e)}applyTransactionAsync(e,a){this.agGrid.gridApi.applyTransactionAsync(e,a)}};(0,Li.__decorate)([Cl.g],Vl.prototype,"auth",void 0),(0,Li.__decorate)([$l.Yh],Vl.prototype,"datasource",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"polling-interval"})],Vl.prototype,"pollingInterval",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"disable-polling"})],Vl.prototype,"disablePolling",void 0),(0,Li.__decorate)([b.observable],Vl.prototype,"request",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"restart-on-reconnection"})],Vl.prototype,"restartOnReconnection",void 0),Vl=(0,Li.__decorate)([(0,b.customElement)({name:"grid-pro-genesis-datasource"})],Vl);let Yl=class extends Vl{};Yl=(0,Li.__decorate)([(0,b.customElement)({name:"grid-pro-client-side-datasource"})],Yl);var Ql=r(66306),Wl=r(52078);function ql(e){switch(e){case Nl.r.BOOLEAN:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["contains",{displayKey:"true",displayName:"True",predicate:(e,a)=>"true"===a||!0===a,numberOfInputs:0},{displayKey:"false",displayName:"False",predicate:(e,a)=>"false"===a||!1===a,numberOfInputs:0},{displayKey:"true-false",displayName:"True/False",predicate:(e,a)=>"true"===a||!0===a||"false"===a||!1===a,numberOfInputs:0}]};case Nl.r.DATE:case Nl.r.DATETIME:return{comparator:(e,a)=>{if(!a)return-1;const r=new Date(a).setHours(0,0,0,0),t=e.getTime();return r===t?0:r<t?-1:r>t?1:void 0},buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,browserDatePicker:!0,filterOptions:["equals","lessThan","greaterThan"]};case Nl.r.NUMBER:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["equals","lessThan","greaterThan"]};default:return{buttons:["reset","apply"],closeOnApply:!0,closeOnClear:!0,suppressAndOrCondition:!0,filterOptions:["contains","equals"]}}}class Jl extends Ul{constructor(e){super(),this.server_ROWS_COUNT=0,this.client_ROWS_COUNT=0,this.moreRows=!1,this.calculatedRowsCount=0,this.lastSequenceId=0,this.dataserverStream=e.stream,this.resourceName=e.resourceName,this.resourceParams=e.resourceParams,this.originalCriteriaMatch=e.resourceParams.CRITERIA_MATCH,this.resourceIndexes=e.resourceIndexes,this.resourceColDefs=e.resourceColDefs,this.maxRows=e.maxRows,this.maxView=e.maxView,this.rowId=e.rowId,this.pagination=e.pagination}getRows(e){var a,r;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const t=e.request.filterModel,o=Object.keys(t).length>0,i=0===Object.keys(t).length,n=JSON.stringify(t)!==JSON.stringify(this.currentFilterModel);if(n||o){if(i&&this.currentFilterModel)return this.currentFilterModel=null,this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,void(yield this.restartSubscription(e));if(n&&o)return this.currentFilterModel=t,this.resourceParams.CRITERIA_MATCH=this.buildCriteriaMatchFromFilters(),void(yield this.restartSubscription(e))}const l=e.request.sortModel;if(l.length!==(null===(a=this.currentSortModel)||void 0===a?void 0:a.length)||l.length>0){if(0===l.length&&this.currentSortModel)return this.calculatedRowsCount=0,this.currentSortModel=null,this.resourceParams.ORDER_BY=null,this.resourceParams.REVERSE=null,void(yield this.restartSubscription(e));if(l.length>0){const a=l[0].colId,t=l[0].sort,o=this.getOrderByAndToBeSortedColIds(this.resourceIndexes,a);if(!o){this.calculatedRowsCount=0;const a=function(e){const a=[];for(const[r]of e)r&&a.push(r);return a}(this.resourceIndexes),t=function(e){const a=[];function r(e){for(const r of e)null!==r&&a.push(r)}for(const[a,t]of e)null!==a&&null!==t&&r(t);return a}(this.resourceIndexes);return Dn.warn("The FIELD/column (${coldIdBeingSorted}) being sorted is not part of an INDEX, required for the [orderBy] operation. See https://learn.genesis.global/docs/database/data-types/index-entities/"),Dn.debug("Available indexes:",a),Dn.debug("Columns that can be sorted with the available indexes:",t),null===(r=e.api)||void 0===r||r.refreshServerSide({purge:!0}),void e.fail()}if(JSON.stringify(l)!==JSON.stringify(this.currentSortModel))return this.currentSortModel=l,this.resourceParams.ORDER_BY=o.orderBy,this.resourceParams.REVERSE="desc"===t,void(yield this.restartSubscription(e))}}this.moreRows&&e.request.startRow>=Number(this.maxRows)&&this.connect.getMoreRows(this.streamSourceRef),this.dataserverStream.pipe((0,Wl.q)(1)).subscribe((a=>{var r;const t=a.MESSAGE_TYPE;if(t&&(t===zl.Cs.LOGOFF_ACK||t===zl.Cs.MSG_NACK))return void e.fail();if(this.moreRows=a.MORE_ROWS,!a.ROW){this.rowData=new Map;const a={rowData:[],rowCount:0};return void e.success(a)}{const e=(0,Sl.$)(a);this.handleCurrentStreamLoad(e)}this.lastSequenceId=a.SEQUENCE_ID,1===this.lastSequenceId&&(this.streamSourceRef=a.SOURCE_REF,this.server_ROWS_COUNT=null!==(r=a.ROWS_COUNT)&&void 0!==r?r:this.rowData.size);const o={rowData:Array.from(this.sortMapByNumericKey(this.rowData).values()),rowCount:this.pagination&&!this.resourceParams.CRITERIA_MATCH?Math.min(this.server_ROWS_COUNT,this.maxView):void 0};this.calculatedRowsCount=this.client_ROWS_COUNT,0===this.calculatedRowsCount&&(this.calculatedRowsCount=e.request.endRow),e.request.endRow>this.maxView||e.request.endRow>this.calculatedRowsCount?o.rowCount=this.calculatedRowsCount:e.request.endRow===this.server_ROWS_COUNT?o.rowCount=this.server_ROWS_COUNT:!this.moreRows&&this.server_ROWS_COUNT>this.calculatedRowsCount&&(o.rowCount=this.calculatedRowsCount),e.success(o)}))}))}sortMapByNumericKey(e){const a=Array.from(e.entries()).sort((([e],[a])=>+a-+e));return new Map(a)}dataLogoff(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.streamSourceRef&&this.auth.isLoggedIn&&(yield this.connect.dataLogoff(this.streamSourceRef)),this.streamSourceRef=void 0}))}restartSubscription(e){var a;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){yield this.dataLogoff(),this.rowData=new Map,this.client_ROWS_COUNT=0;this.dataserverStream=void 0,this.dataserverStream=this.connect.stream(this.resourceName,(e=>e),(e=>Dn.error(e)),this.resourceParams),null===(a=e.api)||void 0===a||a.refreshServerSide({purge:!0}),e.fail()}))}getOrderByAndToBeSortedColIds(e,a){for(const[r,t]of e.entries()){const e=t.findIndex((e=>e===a));if(-1!==e){return{orderBy:r,toBeSorted:[...t].splice(e,1)}}}}handleCurrentStreamLoad(e){var a;if(!e)return;const r=new Map;null===(a=e.inserts)||void 0===a||a.forEach((e=>{r.set(e[this.rowId],e)})),this.rowData=r}buildCriteriaMatchFromFilters(){this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.resourceParams.CRITERIA_MATCH&&"string"==typeof this.resourceParams.CRITERIA_MATCH&&(this.resourceParams.CRITERIA_MATCH=this.resourceParams.CRITERIA_MATCH.split(";")),this.resourceParams.CRITERIA_MATCH||(this.resourceParams.CRITERIA_MATCH=[]);return this.resourceParams.CRITERIA_MATCH.concat(this.criteriaFromFilters()).join(" && ")}criteriaFromFilters(){const e=[];return this.getFiltersByType("text").forEach((a=>{if(this.currentFilterModel[a].filter||"false"!==this.currentFilterModel[a].type&&"true"!==this.currentFilterModel[a].type)switch(this.currentFilterModel[a].type){case"equals":e.push(`${a} == '${this.currentFilterModel[a].filter}'`);break;case"contains":e.push(`Expr.containsIgnoreCase(${a}, '${this.currentFilterModel[a].filter}')`)}else e.push(`${a} == ${this.currentFilterModel[a].type}`)})),this.getFiltersByType("number").forEach((a=>{const r=this.currentFilterModel[a].filter;switch(this.currentFilterModel[a].type){case"equals":!isNaN(r)&&e.push(`${a} == ${r}`);break;case"lessThan":!isNaN(r)&&e.push(`${a} < ${r}`);break;case"greaterThan":!isNaN(r)&&e.push(`${a} > ${r}`)}})),this.getFiltersByType("date").forEach((a=>{const r=this.currentFilterModel[a].dateFrom.replace(/-/g,"").replace("T","-").split(" ")[0];switch(this.currentFilterModel[a].type){case"equals":e.push(`Expr.dateIsEqual(${a}, '${r}')`);break;case"lessThan":e.push(`Expr.dateIsBefore(${a}, '${r}')`);break;case"greaterThan":e.push(`Expr.dateIsAfter(${a}, '${r}')`)}})),e}getFiltersByType(e){return Object.keys(this.currentFilterModel).filter((e=>-1!==this.resourceColDefs.findIndex((a=>a.NAME===e)))).filter((a=>this.currentFilterModel[a].filterType===e))}}(0,Li.__decorate)([Cl.g],Jl.prototype,"auth",void 0),(0,Li.__decorate)([s.lj],Jl.prototype,"connect",void 0);let Zl=class extends(c(_l)){constructor(){super(...arguments),this.applyFuncName="applyServerSideTransaction",this.applyAsyncFuncName="applyServerSideTransactionAsync",this.pagination=!1}criteriaChanged(e,a){const r=e!==(0,kl.p)(a,";");this.ssrmDatasource&&r&&this.reloadResourceData()}reloadResourceData(){var e,a,r;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.ssrmDatasource.dataLogoff(),this.clearRowData(null),this.ssrmDatasource=void 0,null===(e=this.agGrid.gridApi)||void 0===e||e.refreshServerSide({purge:!0}),null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.showLoadingOverlay(),this.init()}))}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback();const e=this.shouldRunConnect;b.DOM.queueUpdate((()=>{e&&this.init()}))}disconnectedCallback(){super.disconnectedCallback();const e=this.shouldRunDisconnect;b.DOM.queueUpdate((()=>{e&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.deferredColumnStates=structuredClone(this.deferredColumnStates),e}deinit(){var e;this.clearRowData(),this.ssrmDatasource=void 0,this.originalFieldDef=void 0,null===(e=this.agGrid.gridApi)||void 0===e||e.refreshServerSide({purge:!0})}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected)return this.agGrid.gridOptions=Object.assign({getRowId:e=>e.data?e.data[this.rowId]:null,getRowStyle(e){var a,r;if(null===(r=null===(a=e.data)||void 0===a?void 0:a.ROW_REF)||void 0===r?void 0:r.includes("_deleted"))return{color:"grey"}},cacheBlockSize:this.maxRows,defaultColDef:{filter:!0,resizable:!0,sortable:!0},pagination:this.pagination,paginationPageSize:this.maxRows,rowBuffer:0,rowModelType:"serverSide",suppressServerSideInfiniteScroll:!1,suppressMultiSort:!0,onFilterChanged:e=>{},onSortChanged:e=>{}},this.deferredGridOptions),void this.agGrid.addEventListener("onGridReady",(()=>(0,Li.__awaiter)(this,void 0,void 0,(function*(){const e=yield this.connect.getMetadata(this.resourceName).catch((e=>Dn.error(e)));if(!e)return!1;this.indexes=this.getResourceIndexes(e.INDEXES),this.originalFieldDef=(0,Ql.C)(e);const a=(0,Ql.i)(this.originalFieldDef),r=yield this.getAgColumnDefs(a);this.agGrid.gridApi.setColumnDefs(r);const t=yield this.createDataserverStream();this.ssrmDatasource=new Jl({stream:t,resourceName:this.resourceName,resourceParams:this.params,resourceIndexes:this.indexes,resourceColDefs:this.originalFieldDef,maxRows:+this.maxRows,maxView:+this.maxView,rowId:this.rowId,pagination:this.pagination}),this.agGrid.gridApi.setServerSideDatasource(this.ssrmDatasource)}))),{once:!0});Dn.warn("Application not connected, falling back to local columnDefs/rowData")}restart(){this.deinit(),this.init()}clearRowData(e=!0){var a,r,t,o;this.rowData=new Map,e&&(null===(r=null===(a=this.agGrid)||void 0===a?void 0:a.gridApi)||void 0===r||r.setColumnDefs([])),this.agTransaction={remove:[]},null===(t=this.agGrid.gridApi)||void 0===t||t.forEachNode((e=>{this.agTransaction.remove.push(e.data)})),null===(o=this.agGrid.gridApi)||void 0===o||o.applyServerSideTransaction(this.agTransaction),this.agTransaction=void 0}getResourceIndexes(e){const a=new Map;return null==e||e.forEach((e=>{a.set(e.NAME,e.FIELDS.split(" "))})),a}get params(){const e={CRITERIA_MATCH:this.criteria,FIELDS:this.fields,MAX_ROWS:this.maxRows,MAX_VIEW:this.maxView,MOVING_VIEW:this.movingView,REVERSE:this.reverse},a=Array.from(this.indexes.keys());if(this.orderBy)if(a.findIndex((e=>e===this.orderBy))>-1)e.ORDER_BY=this.orderBy;else{const e=a.map((e=>e));Dn.warn("Specified [orderBy] index is not valid and will not be used. See https://learn.genesis.global/docs/database/data-types/index-entities/ - Available indexes:",e)}return Dn.debug("Getting configured params:",e),e}get rowModel(){return this.agGrid.gridApi.getModel()}createDataserverStream(e=null){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){return this.connect.stream(this.resourceName,(e=>(0,Li.__awaiter)(this,void 0,void 0,(function*(){var a;if(e.MESSAGE_TYPE===zl.Cs.QUERY_UPDATE&&e.ROW){const r=(0,Sl.$)(e);if(this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(r.inserts),this.handleStreamDeletesTemp(r.deletes),this.handleStreamUpdates(r.updates),this.ssrmDatasource.client_ROWS_COUNT+=null!==(a=r.inserts.length)&&void 0!==a?a:0,e.SEQUENCE_ID>1){const e=yield this.connect.snapshot(this.resourceName,{MAX_ROWS:1,MAX_VIEW:1,CRITERIA_MATCH:this.criteria});this.ssrmDatasource.server_ROWS_COUNT=e.ROWS_COUNT}this.applyAllAgTransactions()}}))),(e=>Dn.error(e)),null!=e?e:this.params)}))}handleStreamDeletesTemp(e){e&&e.forEach((e=>{const a=this.agGrid.gridApi.getRowNode(e.ROW_REF);a&&a.setData(Object.assign(Object.assign({},a.data),{ROW_REF:e.ROW_REF+"_deleted"}))}))}getAgColumnDefs(e){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,ql);a.map((e=>({sortable:[].concat(...this.indexes.values()).includes(e.field)})));return yield this.agGrid.mergeAllColumnDefsAndStates(a,!0)}))}applyTransaction(e){return this.agGrid.gridApi.applyServerSideTransaction(e)}applyTransactionAsync(e,a){this.agGrid.gridApi.applyServerSideTransactionAsync(e,a)}};(0,Li.__decorate)([(0,b.attr)({mode:"boolean"})],Zl.prototype,"pagination",void 0),Zl=(0,Li.__decorate)([(0,b.customElement)({name:"grid-pro-server-side-datasource"})],Zl);const Kl='\n @font-face {\n font-family: "agGridAlpine";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',Xl='\n @font-face {\n font-family: "agGridBalham";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',eg={[Ni.alpine]:Kl,[Ni.alpineDark]:Kl,[Ni.balham]:Xl,[Ni.balhamDark]:Xl,[Ni.material]:'\n @font-face {\n font-family: "agGridMaterial";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n'},ag=Kl,rg=b.css`
|
|
2132
2132
|
.ag-icon {
|
|
2133
2133
|
font-family: var(--ag-icon-font-family);
|
|
2134
2134
|
font-size: var(--ag-icon-size);
|
|
@@ -9305,7 +9305,7 @@
|
|
|
9305
9305
|
input[class^='ag-'][type='range']:disabled {
|
|
9306
9306
|
opacity: 0.5;
|
|
9307
9307
|
}
|
|
9308
|
-
`,tg=
|
|
9308
|
+
`,tg=b.css`
|
|
9309
9309
|
.ag-dnd-ghost {
|
|
9310
9310
|
background: var(--ag-header-background-color, var(--ag-background-color, #1f2126));
|
|
9311
9311
|
border: solid 1px;
|
|
@@ -9322,7 +9322,7 @@
|
|
|
9322
9322
|
overflow: hidden;
|
|
9323
9323
|
text-overflow: ellipsis;
|
|
9324
9324
|
}
|
|
9325
|
-
`,og=
|
|
9325
|
+
`,og=b.css`
|
|
9326
9326
|
.ag-theme-alpine,
|
|
9327
9327
|
.ag-theme-alpine-dark {
|
|
9328
9328
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -9772,7 +9772,7 @@
|
|
|
9772
9772
|
.ag-theme-alpine-dark {
|
|
9773
9773
|
color-scheme: dark;
|
|
9774
9774
|
}
|
|
9775
|
-
`,ig=
|
|
9775
|
+
`,ig=b.css`
|
|
9776
9776
|
.ag-theme-balham,
|
|
9777
9777
|
.ag-theme-balham-dark {
|
|
9778
9778
|
--ag-balham-active-color: #0091ea;
|
|
@@ -10042,7 +10042,7 @@
|
|
|
10042
10042
|
.ag-theme-balham-dark {
|
|
10043
10043
|
color-scheme: dark;
|
|
10044
10044
|
}
|
|
10045
|
-
`,ng=
|
|
10045
|
+
`,ng=b.css`
|
|
10046
10046
|
.ag-theme-material {
|
|
10047
10047
|
--ag-material-primary-color: #3f51b5;
|
|
10048
10048
|
--ag-material-accent-color: #ff4081;
|
|
@@ -10307,13 +10307,13 @@
|
|
|
10307
10307
|
.ag-theme-material .ag-picker-field-wrapper:focus {
|
|
10308
10308
|
box-shadow: 0 0 0 1px var(--ag-material-primary-color);
|
|
10309
10309
|
}
|
|
10310
|
-
`,lg=
|
|
10310
|
+
`,lg=b.css`
|
|
10311
10311
|
${rg}
|
|
10312
10312
|
${tg}
|
|
10313
10313
|
${og}
|
|
10314
10314
|
${ig}
|
|
10315
10315
|
${ng}
|
|
10316
|
-
`,gg=
|
|
10316
|
+
`,gg=b.css`
|
|
10317
10317
|
${lg}
|
|
10318
10318
|
:host {
|
|
10319
10319
|
width: 100%;
|
|
@@ -10341,14 +10341,14 @@
|
|
|
10341
10341
|
.ag-cell-inline-editing {
|
|
10342
10342
|
height: inherit !important;
|
|
10343
10343
|
}
|
|
10344
|
-
`,sg=
|
|
10344
|
+
`,sg=b.html`
|
|
10345
10345
|
<template>
|
|
10346
10346
|
<span part="grid" class="${e=>e.classNames}">
|
|
10347
|
-
<slot name="grid" ${(0,
|
|
10347
|
+
<slot name="grid" ${(0,b.ref)("gridSlot")}></slot>
|
|
10348
10348
|
<slot></slot>
|
|
10349
10349
|
</span>
|
|
10350
10350
|
</template>
|
|
10351
|
-
`;var dg=r(75527);class cg{getColumnState(e){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const a=this.session.getLocalStorageItem("gridOptions");if(a){const r=JSON.parse(a);if(e in r)return JSON.parse(r[e])}return[]}))}saveColumnState(e,a){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const r=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");r[e]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(r))}))}getFilterModel(e){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const a=this.session.getLocalStorageItem("gridOptions");if(a){const r=JSON.parse(a);if(e in r)return JSON.parse(r[e])}return{}}))}saveFilterModel(e,a){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const r=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");r[e]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(r))}))}}(0,Di.__decorate)([dg.z],cg.prototype,"session",void 0);const pg=h.DI.createInterface((e=>e.singleton(cg)));class ug{init(e){const a=this.eGui=document.createElement("div"),r=e.value;a.classList.add("custom-tooltip"),a.style["background-color"]="#f14376",a.style.border="1px inside",a.style["border-color"]="#2e3339",a.style["border-radius"]="4px",a.style.padding="5px",a.style["box-shadow"]="0px 4px 10px 0px rgba(0, 0, 0, 0.25);",a.innerHTML=`<span style='color: #000000; font-size: 10px'>${r}</span>`}getGui(){return this.eGui}}const hg=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();function mg(e,a){const r={},t=[],o="field",i="colId";return a.forEach((a=>{const n=e.find((e=>e[o]===a[i]||e[i]&&e[i]===a[i]));if(n){const e=Object.assign(Object.assign({},n),a);r[n[o]]=e,t.push(e)}})),e.forEach((e=>{if(!r.hasOwnProperty(e[o])){const a=Object.assign({},e);r[e[o]]=a,t.push(a)}})),t}An.O3h.registerModules([gl.jM,ll.I]);class bg extends(dl(h.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,ul.A)(Ii(a),a),this.insertFontFace(a)}getfilterModel(){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){if(!this.persistFilterModelKey)return this._filterConfig;return yield this.statePersistence.getFilterModel(this.persistFilterModelKey)}))}setFilterModel(e){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){this.persistFilterModelKey?yield this.statePersistence.saveFilterModel(this.persistFilterModelKey,e):this._filterConfig=e}))}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.gridAutosizingEnabled=!1,this.addIndex=0,this.asyncAdd=!1,this.asyncRemove=!1,this.asyncUpdate=!0,this.enableCellFlashing=!1,this.enabledRowFlashing=!1,this.enableRowFlashing=!1,this.gridFontFace=ag,this.columnComponentName="grid-pro-column",this.theme=Ti.alpine,this.rehydrationAttempted=!1,this.gridEventsQueue=[],this._filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=An.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[hg(a)]=a,e)),{})}addEventListener(e,a,r){super.addEventListener(e,a,r),An.plv.PUBLIC_EVENTS.includes(e)&&(this.gridApi?this.addGridEventListener(e):this.gridEventsQueue.push(e))}addGridEventListener(e){this.gridApi.addEventListener(e,(a=>{this.$emit(e,a)}))}connectedCallback(){super.connectedCallback(),this.gridAutosizingEnabled&&((e,a)=>{const r={root:document.documentElement};new IntersectionObserver((e=>{e.forEach((e=>{a(e.intersectionRatio>0)}))}),r).observe(e)})(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.rehydrationAttempted=!1;const e=this.shouldRunConnect;u.DOM.queueUpdate((()=>{e&&An.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(hg(e),void 0,a)},enumerable:!0,configurable:!0})}))}))}disconnectedCallback(){super.disconnectedCallback(),this.rehydrationAttempted=!1;const e=this.shouldRunDisconnect;u.DOM.queueUpdate((()=>{var a;e&&(this.initialised=!1,null===(a=this.gridApi)||void 0===a||a.destroy())}))}combineAllGridComponents(e){const a={[Ei.action]:On,[Ei.actionsMenu]:Mn,[Ei.boolean]:Pn,[Ei.editable]:xn,[Ei.selectEditor]:rn,[Ei.numberEditor]:sn,[Ei.multiselectEditor]:Ji,[Ei.dateEditor]:Hi,[Ei.stringEditor]:mn};return Object.assign(Object.assign(Object.assign({},a),e),this.gridComponents)}statePersistanceEnabled(){return!(!this.persistColumnStateKey||0===this.persistColumnStateKey.length)}debouncedColumnAutosize(){this.gridAutosizingEnabled&&(this.debounced&&(clearTimeout(this.debounced),this.debounced=null),this.debounced=setTimeout((()=>{var e;null===(e=this.gridApi)||void 0===e||e.sizeColumnsToFit()}),5))}removeConfigWidthsToAutosize(e){return e.map((e=>Object.assign(Object.assign({},e),{width:null})))}saveColumnState(){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){if(this.rehydrationAttempted&&this.statePersistanceEnabled()){let e=this.columnApi.getColumnState();if(e=this.gridAutosizingEnabled?this.removeConfigWidthsToAutosize(e):e,0===e.length||JSON.stringify(e)===JSON.stringify(this.columnState))return;yield this.statePersistence.saveColumnState(this.persistColumnStateKey,e)}}))}getSavedColumnState(){return(0,Di.__awaiter)(this,void 0,void 0,(function*(){return this.columnState=[],this.statePersistanceEnabled()&&(this.columnState=yield this.statePersistence.getColumnState(this.persistColumnStateKey)),this.columnState}))}restoreColumnState(){var e;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){this.rehydrationAttempted=!0;const a=yield this.getSavedColumnState();a&&a.length>0&&(null===(e=this.columnApi)||void 0===e||e.applyColumnState({state:a,applyOrder:!0}))}))}cacheFilterConfig(){var e;this.setFilterModel((null===(e=this.gridApi)||void 0===e?void 0:e.getFilterModel())||void 0)}restoreCachedFilterConfig(){var e,a;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const r=yield this.getfilterModel();void 0!==r&&(null===(e=this.gridApi)||void 0===e||e.setFilterModel(r),null===(a=this.gridApi)||void 0===a||a.onFilterChanged())}))}get gridOptions(){return this.agGridOptions}get gridProDatasource(){return this.querySelector("grid-pro-genesis-datasource")||this.querySelector("grid-pro-client-side-datasource")||this.querySelector("grid-pro-server-side-datasource")}set gridOptions(e){const a=bl()(this.saveColumnState.bind(this),400),r=bl()(this.cacheFilterConfig.bind(this),400),t=this.globalEventListener.bind(this),o=()=>{a(),this.debouncedColumnAutosize.bind(this)()};Array.from(this.attributes).forEach((e=>{const a=this.agPropertiesMap[e.name];a&&(this.agAttributes[a]=e.value)}));const{columnDefs:i,components:n,defaultColDef:l,onGridReady:g,onFilterChanged:s}=e,d=(0,Di.__rest)(e,["columnDefs","components","defaultColDef","onGridReady","onFilterChanged"]),c=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.gridOptionsConfig),{defaultColDef:Object.assign({enableCellChangeFlash:this.enableCellFlashing,filter:!0,resizable:!0,sortable:!0},l),components:this.combineAllGridComponents(n),suppressDragLeaveHidesColumns:!0}),this.eventsAndCallbacks),{onGridReady:a=>{var r,t;this.gridApi=null!==(r=e.api)&&void 0!==r?r:a.api,this.columnApi=null!==(t=e.columnApi)&&void 0!==t?t:a.columnApi,this.gridEventsQueue.length&&this.gridEventsQueue.forEach((e=>{this.addGridEventListener(e)})),g&&g(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onColumnPinned:o,onColumnResized:o,onColumnMoved:o,onDisplayedColumnsChanged:o,onFilterChanged:e=>{r(),s&&s(e)},onGridSizeChanged:o,onSortChanged:o}),d);this.gridProDatasource?(c.columnDefs=i,this.initGridOptions(c,t)):this.mergeAllColumnDefsAndStates(i).then((e=>{c.columnDefs=e,this.initGridOptions(c,t)}))}initGridOptions(e,a){this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),An.plv.copyAttributesToGridOptions(e,this.agAttributes));const r={globalEventListener:a};u.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new An.rjZ(this.gridSlot,this.agGridOptions,r),this.initialised=!0}))}applyTemplateDefinitions(e,a=!1){return Fn.deprecated("applyTemplateDefinitions","Use `mergeAllColumnDefsAndStates` instead."),this.mergeAllColumnDefsAndStates(e,a)}mergeAllColumnDefsAndStates(e,a=!1){var r;return(0,Di.__awaiter)(this,void 0,void 0,(function*(){const t=e||[];t.forEach((e=>{if(this.headerCaseType&&e.field&&!e.headerName){const a=hl[this.headerCaseType];a?e.headerName=a(e.field):Fn.warn(`Invalid header-case-type attribute value: ${this.headerCaseType}. Please use one of the following: camelCase, capitalCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase.`)}}));const o=Array.from(this.querySelectorAll(this.columnComponentName)).map((e=>e.definition)).map((e=>{this.enableCellFlashing&&void 0===e.enableCellChangeFlash&&(e.enableCellChangeFlash=!0),e.editable&&(e.cellRenderer||e.cellRendererSelector||(e.cellRendererSelector=a=>{if(a.data[Pi]===e.field)return{component:Ei.editable}}),e.tooltipComponent||e.tooltipValueGetter||(e.tooltipComponent=ug,e.tooltipValueGetter=a=>{const r=a.data[Bi];if(r&&r.column===e.field)return r.message}),e.cellClassRules||(e.cellClassRules={error:e=>{var a;return(null===(a=e.data[Bi])||void 0===a?void 0:a.column)===e.colDef.field}}));const a=t.find((a=>e.field===a.field));return Object.assign(Object.assign({},a),e)})),i=o.map((e=>e.field)),n=[...o,...this.onlyTemplateColDefs?[]:t.filter((e=>!i.includes(e.field)))];if(this.gridProDatasource&&a){const e=yield this.getSavedColumnState();if((null==e?void 0:e.length)>0)return mg(n,e);if((null===(r=this.gridProDatasource.deferredColumnStates)||void 0===r?void 0:r.length)>0)return mg(n,this.gridProDatasource.deferredColumnStates)}return n}))}get observedAttributes(){const e=An.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=An.plv.ALL_PROPERTIES.map((e=>hg(e)));return e.concat(a)}agAttributeChangedCallback(e,a,r){if(a===r)return;const t=this.agPropertiesMap[e];if(t&&(this.agAttributes[t]=r,this.initialised)){const e={};e[t]={currentValue:r},An.plv.processOnChange(e,this.gridApi)}}globalEventListener(e,a){const r=e.toLowerCase(),t=new Event(r);t.agGridDetails=a,this.dispatchEvent(t);const o="on"+r;"function"==typeof this[o]&&this[o](t)}insertFontFace(e){const a=eg[e]||this.gridFontFace;this.destroyFontFace();const r=(0,pl.L)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,Di.__decorate)([u.observable],bg.prototype,"columnApi",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"gridApi",void 0),(0,Di.__decorate)([pg],bg.prototype,"statePersistence",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],bg.prototype,"autoCellRendererByType",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"only-template-col-defs",mode:"boolean"})],bg.prototype,"onlyTemplateColDefs",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"grid-autosizing"})],bg.prototype,"gridAutosizingEnabled",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"add-index"})],bg.prototype,"addIndex",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"async-add"})],bg.prototype,"asyncAdd",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"async-remove"})],bg.prototype,"asyncRemove",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"async-update"})],bg.prototype,"asyncUpdate",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],bg.prototype,"enableCellFlashing",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"enabled-row-flashing"})],bg.prototype,"enabledRowFlashing",void 0),(0,Di.__decorate)([(0,u.attr)({mode:"boolean",attribute:"enable-row-flashing"})],bg.prototype,"enableRowFlashing",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"persist-column-state-key"})],bg.prototype,"persistColumnStateKey",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"persist-filter-model-key"})],bg.prototype,"persistFilterModelKey",void 0),(0,Di.__decorate)([(0,u.attr)({attribute:"header-case-type"})],bg.prototype,"headerCaseType",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"gridFontFace",void 0),(0,Di.__decorate)([u.attr],bg.prototype,"columnComponentName",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"eventsAndCallbacks",void 0),(0,Di.__decorate)([u.attr],bg.prototype,"headerHeight",void 0),(0,Di.__decorate)([u.attr],bg.prototype,"rowHeight",void 0),(0,Di.__decorate)([u.attr],bg.prototype,"theme",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"classNames",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"agGrid",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"gridSlot",void 0),(0,Di.__decorate)([u.observable],bg.prototype,"gridComponents",void 0),(0,Di.__decorate)([_i],bg.prototype,"gridOptionsConfig",void 0);const vg=void 0,fg={shadowOptions:void 0},wg=bg.compose(Object.assign({baseName:"grid-pro",styles:gg,template:sg,shadowOptions:vg},fg)),yg={foregroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#879ba6")),backgroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#1f2126")),borderSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#2e3339")),rowHoverSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#2b2e34"))},xg={foregroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#000000")),headerForegroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#181d1f")),backgroundSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#FFFFFF")),borderSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#babfc7")),rowHoverSwatch:m.SwatchRGB.from((0,xe.parseColorHexRGB)("#2196f3"))},{create:kg}=h.DesignToken,zg={backgroundColor:kg("rapid-ag-background-color").withDefault((e=>m.baseLayerLuminance.getValueFor(e)===m.StandardLuminance.LightMode?xg.backgroundSwatch:yg.backgroundSwatch)),borderColor:kg("rapid-ag-border-color").withDefault((e=>m.baseLayerLuminance.getValueFor(e)===m.StandardLuminance.LightMode?xg.borderSwatch:yg.borderSwatch)),foregroundColor:kg("rapid-ag-foreground-color").withDefault((e=>m.baseLayerLuminance.getValueFor(e)===m.StandardLuminance.LightMode?xg.foregroundSwatch:yg.foregroundSwatch)),headerForegroundColor:kg("rapid-ag-header-foreground-color").withDefault((e=>m.baseLayerLuminance.getValueFor(e)===m.StandardLuminance.LightMode?xg.headerForegroundSwatch:yg.headerForegroundSwatch)),rowHoverColor:kg("rapid-ag-row-hover-color").withDefault((e=>m.baseLayerLuminance.getValueFor(e)===m.StandardLuminance.LightMode?xg.rowHoverSwatch:yg.rowHoverSwatch))},Sg=u.css`
|
|
10351
|
+
`;var dg=r(75527);class cg{getColumnState(e){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const a=this.session.getLocalStorageItem("gridOptions");if(a){const r=JSON.parse(a);if(e in r)return JSON.parse(r[e])}return[]}))}saveColumnState(e,a){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const r=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");r[e]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(r))}))}getFilterModel(e){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const a=this.session.getLocalStorageItem("gridOptions");if(a){const r=JSON.parse(a);if(e in r)return JSON.parse(r[e])}return{}}))}saveFilterModel(e,a){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const r=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");r[e]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(r))}))}}(0,Li.__decorate)([dg.z],cg.prototype,"session",void 0);const pg=v.DI.createInterface((e=>e.singleton(cg)));class ug{init(e){const a=this.eGui=document.createElement("div"),r=e.value;a.classList.add("custom-tooltip"),a.style["background-color"]="#f14376",a.style.border="1px inside",a.style["border-color"]="#2e3339",a.style["border-radius"]="4px",a.style.padding="5px",a.style["box-shadow"]="0px 4px 10px 0px rgba(0, 0, 0, 0.25);",a.innerHTML=`<span style='color: #000000; font-size: 10px'>${r}</span>`}getGui(){return this.eGui}}const hg=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();function mg(e,a){const r={},t=[],o="field",i="colId";return a.forEach((a=>{const n=e.find((e=>e[o]===a[i]||e[i]&&e[i]===a[i]));if(n){const e=Object.assign(Object.assign({},n),a);r[n[o]]=e,t.push(e)}})),e.forEach((e=>{if(!r.hasOwnProperty(e[o])){const a=Object.assign({},e);r[e[o]]=a,t.push(a)}})),t}Tn.O3h.registerModules([cl.jM,dl.I]);class bg extends(c(v.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,ul.A)(Pi(a),a),this.insertFontFace(a)}getfilterModel(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){if(!this.persistFilterModelKey)return this._filterConfig;return yield this.statePersistence.getFilterModel(this.persistFilterModelKey)}))}setFilterModel(e){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.persistFilterModelKey?yield this.statePersistence.saveFilterModel(this.persistFilterModelKey,e):this._filterConfig=e}))}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.gridAutosizingEnabled=!1,this.addIndex=0,this.asyncAdd=!1,this.asyncRemove=!1,this.asyncUpdate=!0,this.enableCellFlashing=!1,this.enabledRowFlashing=!1,this.enableRowFlashing=!1,this.gridFontFace=ag,this.columnComponentName="grid-pro-column",this.theme=Ni.alpine,this.rehydrationAttempted=!1,this.gridEventsQueue=[],this._filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=Tn.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[hg(a)]=a,e)),{})}addEventListener(e,a,r){super.addEventListener(e,a,r),Tn.plv.PUBLIC_EVENTS.includes(e)&&(this.gridApi?this.addGridEventListener(e):this.gridEventsQueue.push(e))}addGridEventListener(e){this.gridApi.addEventListener(e,(a=>{this.$emit(e,a)}))}connectedCallback(){super.connectedCallback(),this.gridAutosizingEnabled&&((e,a)=>{const r={root:document.documentElement};new IntersectionObserver((e=>{e.forEach((e=>{a(e.intersectionRatio>0)}))}),r).observe(e)})(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.rehydrationAttempted=!1;const e=this.shouldRunConnect;b.DOM.queueUpdate((()=>{e&&Tn.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(hg(e),void 0,a)},enumerable:!0,configurable:!0})}))}))}disconnectedCallback(){super.disconnectedCallback(),this.rehydrationAttempted=!1;const e=this.shouldRunDisconnect;b.DOM.queueUpdate((()=>{var a;e&&(this.initialised=!1,null===(a=this.gridApi)||void 0===a||a.destroy())}))}combineAllGridComponents(e){const a={[Gi.action]:Rn,[Gi.actionsMenu]:En,[Gi.boolean]:_n,[Gi.editable]:Sn,[Gi.selectEditor]:nn,[Gi.numberEditor]:pn,[Gi.multiselectEditor]:Xi,[Gi.dateEditor]:Qi,[Gi.stringEditor]:fn};return Object.assign(Object.assign(Object.assign({},a),e),this.gridComponents)}statePersistanceEnabled(){return!(!this.persistColumnStateKey||0===this.persistColumnStateKey.length)}debouncedColumnAutosize(){this.gridAutosizingEnabled&&(this.debounced&&(clearTimeout(this.debounced),this.debounced=null),this.debounced=setTimeout((()=>{var e;null===(e=this.gridApi)||void 0===e||e.sizeColumnsToFit()}),5))}removeConfigWidthsToAutosize(e){return e.map((e=>Object.assign(Object.assign({},e),{width:null})))}saveColumnState(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){if(this.rehydrationAttempted&&this.statePersistanceEnabled()){let e=this.columnApi.getColumnState();if(e=this.gridAutosizingEnabled?this.removeConfigWidthsToAutosize(e):e,0===e.length||JSON.stringify(e)===JSON.stringify(this.columnState))return;yield this.statePersistence.saveColumnState(this.persistColumnStateKey,e)}}))}getSavedColumnState(){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){return this.columnState=[],this.statePersistanceEnabled()&&(this.columnState=yield this.statePersistence.getColumnState(this.persistColumnStateKey)),this.columnState}))}restoreColumnState(){var e;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){this.rehydrationAttempted=!0;const a=yield this.getSavedColumnState();a&&a.length>0&&(null===(e=this.columnApi)||void 0===e||e.applyColumnState({state:a,applyOrder:!0}))}))}cacheFilterConfig(){var e;this.setFilterModel((null===(e=this.gridApi)||void 0===e?void 0:e.getFilterModel())||void 0)}restoreCachedFilterConfig(){var e,a;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const r=yield this.getfilterModel();void 0!==r&&(null===(e=this.gridApi)||void 0===e||e.setFilterModel(r),null===(a=this.gridApi)||void 0===a||a.onFilterChanged())}))}get gridOptions(){return this.agGridOptions}get gridProDatasource(){return this.querySelector("grid-pro-genesis-datasource")||this.querySelector("grid-pro-client-side-datasource")||this.querySelector("grid-pro-server-side-datasource")}set gridOptions(e){const a=bl()(this.saveColumnState.bind(this),400),r=bl()(this.cacheFilterConfig.bind(this),400),t=this.globalEventListener.bind(this),o=()=>{a(),this.debouncedColumnAutosize.bind(this)()};Array.from(this.attributes).forEach((e=>{const a=this.agPropertiesMap[e.name];a&&(this.agAttributes[a]=e.value)}));const{columnDefs:i,components:n,defaultColDef:l,onGridReady:g,onFilterChanged:s}=e,d=(0,Li.__rest)(e,["columnDefs","components","defaultColDef","onGridReady","onFilterChanged"]),c=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.gridOptionsConfig),{defaultColDef:Object.assign({enableCellChangeFlash:this.enableCellFlashing,filter:!0,resizable:!0,sortable:!0},l),components:this.combineAllGridComponents(n),suppressDragLeaveHidesColumns:!0}),this.eventsAndCallbacks),{onGridReady:a=>{var r,t;this.gridApi=null!==(r=e.api)&&void 0!==r?r:a.api,this.columnApi=null!==(t=e.columnApi)&&void 0!==t?t:a.columnApi,this.gridEventsQueue.length&&this.gridEventsQueue.forEach((e=>{this.addGridEventListener(e)})),g&&g(a),this.$emit("onGridReady",{event:a,gridId:this.id}),this.restoreColumnState.bind(this)(),this.debouncedColumnAutosize.bind(this)()},onColumnPinned:o,onColumnResized:o,onColumnMoved:o,onDisplayedColumnsChanged:o,onFilterChanged:e=>{r(),s&&s(e)},onGridSizeChanged:o,onSortChanged:o}),d);this.gridProDatasource?(c.columnDefs=i,this.initGridOptions(c,t)):this.mergeAllColumnDefsAndStates(i).then((e=>{c.columnDefs=e,this.initGridOptions(c,t)}))}initGridOptions(e,a){this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),Tn.plv.copyAttributesToGridOptions(e,this.agAttributes));const r={globalEventListener:a};b.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new Tn.rjZ(this.gridSlot,this.agGridOptions,r),this.initialised=!0}))}applyTemplateDefinitions(e,a=!1){return Dn.deprecated("applyTemplateDefinitions","Use `mergeAllColumnDefsAndStates` instead."),this.mergeAllColumnDefsAndStates(e,a)}mergeAllColumnDefsAndStates(e,a=!1){var r;return(0,Li.__awaiter)(this,void 0,void 0,(function*(){const t=e||[];t.forEach((e=>{if(this.headerCaseType&&e.field&&!e.headerName){const a=hl[this.headerCaseType];a?e.headerName=a(e.field):Dn.warn(`Invalid header-case-type attribute value: ${this.headerCaseType}. Please use one of the following: camelCase, capitalCase, dotCase, headerCase, noCase, paramCase, pascalCase, pathCase, sentenceCase, snakeCase.`)}}));const o=Array.from(this.querySelectorAll(this.columnComponentName)).map((e=>e.definition)).map((e=>{this.enableCellFlashing&&void 0===e.enableCellChangeFlash&&(e.enableCellChangeFlash=!0),e.editable&&(e.cellRenderer||e.cellRendererSelector||(e.cellRendererSelector=a=>{if(a.data[_i]===e.field)return{component:Gi.editable}}),e.tooltipComponent||e.tooltipValueGetter||(e.tooltipComponent=ug,e.tooltipValueGetter=a=>{const r=a.data[Ui];if(r&&r.column===e.field)return r.message}),e.cellClassRules||(e.cellClassRules={error:e=>{var a;return(null===(a=e.data[Ui])||void 0===a?void 0:a.column)===e.colDef.field}}));const a=t.find((a=>e.field===a.field));return Object.assign(Object.assign({},a),e)})),i=o.map((e=>e.field)),n=[...o,...this.onlyTemplateColDefs?[]:t.filter((e=>!i.includes(e.field)))];if(this.gridProDatasource&&a){const e=yield this.getSavedColumnState();if((null==e?void 0:e.length)>0)return mg(n,e);if((null===(r=this.gridProDatasource.deferredColumnStates)||void 0===r?void 0:r.length)>0)return mg(n,this.gridProDatasource.deferredColumnStates)}return n}))}get observedAttributes(){const e=Tn.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Tn.plv.ALL_PROPERTIES.map((e=>hg(e)));return e.concat(a)}agAttributeChangedCallback(e,a,r){if(a===r)return;const t=this.agPropertiesMap[e];if(t&&(this.agAttributes[t]=r,this.initialised)){const e={};e[t]={currentValue:r},Tn.plv.processOnChange(e,this.gridApi)}}globalEventListener(e,a){const r=e.toLowerCase(),t=new Event(r);t.agGridDetails=a,this.dispatchEvent(t);const o="on"+r;"function"==typeof this[o]&&this[o](t)}insertFontFace(e){const a=eg[e]||this.gridFontFace;this.destroyFontFace();const r=(0,pl.L)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,Li.__decorate)([b.observable],bg.prototype,"columnApi",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"gridApi",void 0),(0,Li.__decorate)([pg],bg.prototype,"statePersistence",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],bg.prototype,"autoCellRendererByType",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"only-template-col-defs",mode:"boolean"})],bg.prototype,"onlyTemplateColDefs",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"grid-autosizing"})],bg.prototype,"gridAutosizingEnabled",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"add-index"})],bg.prototype,"addIndex",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-add"})],bg.prototype,"asyncAdd",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-remove"})],bg.prototype,"asyncRemove",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-update"})],bg.prototype,"asyncUpdate",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],bg.prototype,"enableCellFlashing",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enabled-row-flashing"})],bg.prototype,"enabledRowFlashing",void 0),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enable-row-flashing"})],bg.prototype,"enableRowFlashing",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"persist-column-state-key"})],bg.prototype,"persistColumnStateKey",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"persist-filter-model-key"})],bg.prototype,"persistFilterModelKey",void 0),(0,Li.__decorate)([(0,b.attr)({attribute:"header-case-type"})],bg.prototype,"headerCaseType",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"gridFontFace",void 0),(0,Li.__decorate)([b.attr],bg.prototype,"columnComponentName",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"eventsAndCallbacks",void 0),(0,Li.__decorate)([b.attr],bg.prototype,"headerHeight",void 0),(0,Li.__decorate)([b.attr],bg.prototype,"rowHeight",void 0),(0,Li.__decorate)([b.attr],bg.prototype,"theme",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"classNames",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"agGrid",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"gridSlot",void 0),(0,Li.__decorate)([b.observable],bg.prototype,"gridComponents",void 0),(0,Li.__decorate)([Vi],bg.prototype,"gridOptionsConfig",void 0);const vg=void 0,fg={shadowOptions:void 0},wg=bg.compose(Object.assign({baseName:"grid-pro",styles:gg,template:sg,shadowOptions:vg},fg)),yg={foregroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#879ba6")),backgroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#1f2126")),borderSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2e3339")),rowHoverSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2b2e34"))},xg={foregroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#000000")),headerForegroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#181d1f")),backgroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#FFFFFF")),borderSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#babfc7")),rowHoverSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2196f3"))},{create:kg}=v.DesignToken,zg={backgroundColor:kg("rapid-ag-background-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?xg.backgroundSwatch:yg.backgroundSwatch)),borderColor:kg("rapid-ag-border-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?xg.borderSwatch:yg.borderSwatch)),foregroundColor:kg("rapid-ag-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?xg.foregroundSwatch:yg.foregroundSwatch)),headerForegroundColor:kg("rapid-ag-header-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?xg.headerForegroundSwatch:yg.headerForegroundSwatch)),rowHoverColor:kg("rapid-ag-row-hover-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?xg.rowHoverSwatch:yg.rowHoverSwatch))},Sg=b.css`
|
|
10352
10352
|
.ag-theme-genesis-rapid,
|
|
10353
10353
|
.ag-theme-genesis-rapid-dark {
|
|
10354
10354
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -10808,12 +10808,12 @@
|
|
|
10808
10808
|
.ag-theme-genesis-rapid-dark {
|
|
10809
10809
|
color-scheme: dark;
|
|
10810
10810
|
}
|
|
10811
|
-
`,Cg={[
|
|
10811
|
+
`,Cg={[Ri.backgroundColor]:zg.backgroundColor,[Ri.foregroundColor]:zg.foregroundColor,[Ri.oddRowBackgroundColor]:zg.backgroundColor,[Ri.headerBackgroundColor]:zg.backgroundColor,[Ri.headerForegroundColor]:zg.headerForegroundColor,[Ri.selectedRowBackgroundColor]:zg.rowHoverColor,[Ri.rowHoverColor]:zg.rowHoverColor,[Ri.borderColor]:zg.borderColor,[Ri.rowBorderColor]:zg.rowHoverColor,[Ri.modalOverlayBackgroundColor]:zg.backgroundColor,[Ri.inputFocusBoxShadow]:zg.headerForegroundColor,[Ri.inputFocusBorderColor]:zg.headerForegroundColor,[Ri.headerColumnResizeHandleColor]:zg.headerForegroundColor},$g="ag-theme-genesis-rapid",Ag=b.css`
|
|
10812
10812
|
${Sg}
|
|
10813
|
-
${
|
|
10813
|
+
${Bi($g,Cg)}
|
|
10814
10814
|
|
|
10815
10815
|
.${$g} {
|
|
10816
|
-
${
|
|
10816
|
+
${He()}
|
|
10817
10817
|
}
|
|
10818
10818
|
|
|
10819
10819
|
.${$g} .ag-header {
|
|
@@ -10824,12 +10824,12 @@
|
|
|
10824
10824
|
.${$g} .ag-root-wrapper {
|
|
10825
10825
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10826
10826
|
}
|
|
10827
|
-
`,Fg="ag-theme-genesis-rapid-dark",Og=
|
|
10827
|
+
`,Fg="ag-theme-genesis-rapid-dark",Og=b.css`
|
|
10828
10828
|
${Sg}
|
|
10829
|
-
${
|
|
10829
|
+
${Bi(Fg,Cg)}
|
|
10830
10830
|
|
|
10831
10831
|
.${Fg} {
|
|
10832
|
-
${
|
|
10832
|
+
${He()}
|
|
10833
10833
|
}
|
|
10834
10834
|
|
|
10835
10835
|
.${Fg} .ag-header {
|
|
@@ -10844,7 +10844,7 @@
|
|
|
10844
10844
|
.${Fg} .ag-root-wrapper {
|
|
10845
10845
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10846
10846
|
}
|
|
10847
|
-
`,Tg=
|
|
10847
|
+
`,Tg=b.css`
|
|
10848
10848
|
/* All the AG themes */
|
|
10849
10849
|
${gg}
|
|
10850
10850
|
|
|
@@ -10853,12 +10853,12 @@
|
|
|
10853
10853
|
${Og}
|
|
10854
10854
|
|
|
10855
10855
|
.error {
|
|
10856
|
-
border-color: ${
|
|
10856
|
+
border-color: ${ze.shortPink} !important;
|
|
10857
10857
|
}
|
|
10858
|
-
`,Dg=sg,Rg="ag-theme-genesis-rapid-dark";const Ng=fg,Lg={zeroAgEditableRenderer
|
|
10858
|
+
`,Dg=sg,Rg="ag-theme-genesis-rapid-dark";const Ng=fg,Lg={zeroAgEditableRenderer:On,zeroAgActionRenderer:jn,zeroAgActionsMenuRenderer:Gn,zeroAgBooleanRenderer:Qn,zeroAgTextRenderer:ol,zeroAgSelectRenderer:sl,zeroAgDateEditor:Ki,zeroAgMultiselectEditor:on,zeroAgSelectEditor:cn,zeroAgNumberEditor:vn,zeroAgStringEditor:zn,zeroGridPro:class extends bg{constructor(){super(...arguments),this.theme=Rg}themeChanged(e,a){(e||a===Rg)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Gi.action]:In,[Gi.actionsMenu]:Bn,[Gi.boolean]:Yn,[Gi.editable]:Fn,[Gi.selectEditor]:dn,[Gi.numberEditor]:bn,[Gi.multiselectEditor]:tn,[Gi.dateEditor]:Zi,[Gi.stringEditor]:kn};(this.theme===$g||this.theme===Fg)&&(this.headerHeight=null!==(a=e.headerHeight)&&void 0!==a?a:32,this.rowHeight=null!==(r=e.rowHeight)&&void 0!==r?r:32),super.gridOptions=e}}.compose(Object.assign({baseName:"grid-pro",template:Dg,styles:Tg,shadowOptions:undefined},Ng)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}},Mg={foundationGridProActionRenderer:Mn,foundationGridProActionsMenuRenderer:Pn,foundationAgBooleanRenderer:Vn,foundationAgTextRenderer:tl,foundationAgTextFieldRenderer:Xn,foundationAgEditableRenderer:An,foundationAgSelectRenderer:gl,foundationGridPro:wg,foundationSelectEditor:sn,foundationNumberEditor:mn,foundationDateEditor:Ji,foundationMultiselectEditor:rn,foundationStringEditor:xn,register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Ig;!function(e){e.primary="#11C9FC",e.neutral="#7C909B",e.error="#F9644D",e.success="#7ACC79",e.warning="#FFB660",e.info="#11C9FC",e.buy="#7ACC79",e.sell="#F14376"}(Ig||(Ig={}));const{create:jg}=v.DesignToken,Eg=(0,Se.parseColorHexRGB)(Ig.error),Pg=f.SwatchRGB.create(Eg.r,Eg.g,Eg.b),Bg=jg("error-color").withDefault(Pg),Gg=(0,Se.parseColorHexRGB)(Ig.success),_g=f.SwatchRGB.create(Gg.r,Gg.g,Gg.b),Ug=jg("success-color").withDefault(_g),Hg=(0,Se.parseColorHexRGB)(Ig.warning),Vg=f.SwatchRGB.create(Hg.r,Hg.g,Hg.b),Yg=jg("warning-color").withDefault(Vg),Qg=(0,Se.parseColorHexRGB)(Ig.buy),Wg=f.SwatchRGB.create(Qg.r,Qg.g,Qg.b),qg=jg("buy-color").withDefault(Wg),Jg=(0,Se.parseColorHexRGB)(Ig.sell),Zg=f.SwatchRGB.create(Jg.r,Jg.g,Jg.b),Kg=jg("sell-color").withDefault(Zg),Xg=(0,H.paletteFromHex)(Ig.primary),es=(0,H.paletteFromHex)(Ig.neutral),as=f.StandardLuminance.DarkMode,rs=0,ts=4,os=-5,is=0,ns=0,ls=6,gs=-4,ss=0,ds=7,cs=10,ps=5,us=0,hs=0,ms=0,bs=0,vs=0,fs=0,ws=5,ys=3,xs=0,ks=0,zs=8,Ss=-5,Cs=0,$s=3,As=25,Fs=40,Os=16,Ts=25,Ds=8,Rs="rapid",Ns=Me.N.ltr,Ls=.3,Ms=1,Is=2,js=10,Es=4,Ps=0,Bs=4,Gs='"Segoe UI", Arial, Helvetica, sans-serif',_s="14px",Us="20px",Hs="12px",Vs="16px",Ys="10px",Qs="16px",Ws="16px",qs="24px",Js="20px",Zs="28px",Ks="28px",Xs="36px",ed="34px",ad="44px",rd="46px",td="56px",od="60px",id="72px",nd={design_tokens:{color:{accent:{$value:Xg.source.toColorString(),$type:"color"},neutral:{$value:es.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Gs,$type:"fontFamily"}},typography:{baseFontSize:{$value:_s,$type:"dimension"},baseLineHeight:{$value:Us,$type:"dimension"}},mode:{luminance:{$value:as,$type:"number"}},style:{density:{$value:Ps,$type:"number"},borderRadius:{$value:Es,$type:"number"},strokeWidth:{$value:Ms,$type:"number"}},space:{designUnit:{$value:Bs,$type:"number"}}}};class ld extends f.DesignSystemProvider{constructor(){super(),(0,H.provideTokens)(i,n,this)}}const gd=ld.compose({baseName:"design-system-provider",template:b.html`
|
|
10859
10859
|
<slot></slot>
|
|
10860
|
-
`});class sd extends
|
|
10861
|
-
${(0,
|
|
10860
|
+
`});class sd extends H.Accordion{}const dd=sd.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,H.foundationAccordionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
10861
|
+
${(0,H.foundationAccordionStyles)(e,a)}
|
|
10862
10862
|
|
|
10863
10863
|
:host {
|
|
10864
10864
|
border-top: none;
|
|
@@ -10868,8 +10868,8 @@
|
|
|
10868
10868
|
.heading {
|
|
10869
10869
|
height: calc(var(--base-height-multiplier) * 4px);
|
|
10870
10870
|
}
|
|
10871
|
-
`,shadowOptions:
|
|
10872
|
-
${(0,
|
|
10871
|
+
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class cd extends H.AccordionItem{}const pd=cd.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,H.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
10872
|
+
${(0,H.foundationAccordionItemStyles)(e,a)}
|
|
10873
10873
|
|
|
10874
10874
|
:host {
|
|
10875
10875
|
--icon-container-calculator: calc(
|
|
@@ -10931,13 +10931,13 @@
|
|
|
10931
10931
|
grid-template-columns: auto 1fr auto;
|
|
10932
10932
|
align-items: center;
|
|
10933
10933
|
}
|
|
10934
|
-
`,shadowOptions:
|
|
10934
|
+
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class ud extends H.ActionsMenu{}const hd=ud.compose({baseName:"actions-menu",styles:(e,a)=>b.css`
|
|
10935
10935
|
:host {
|
|
10936
10936
|
--actions-opener-height-multiplier: 0.6px;
|
|
10937
10937
|
--menu-item-height-multiplier: 0.5px;
|
|
10938
10938
|
}
|
|
10939
10939
|
|
|
10940
|
-
${(0,
|
|
10940
|
+
${(0,H.actionsMenuBaseStyles)(e,a)}
|
|
10941
10941
|
|
|
10942
10942
|
rapid-menu-item {
|
|
10943
10943
|
display: flex;
|
|
@@ -10969,7 +10969,7 @@
|
|
|
10969
10969
|
.actions-vertical .menu-item:focus {
|
|
10970
10970
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-foreground-focus);
|
|
10971
10971
|
}
|
|
10972
|
-
`,template:
|
|
10972
|
+
`,template:H.foundationActionsMenuTemplate});function md(e,a){return new v.PropertyStyleSheetBehavior("appearance",e,a)}const bd=b.css`
|
|
10973
10973
|
:host([appearance='primary']) {
|
|
10974
10974
|
background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);
|
|
10975
10975
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
@@ -10992,7 +10992,7 @@
|
|
|
10992
10992
|
background: color-mix(in srgb, var(--accent-fill-rest), transparent 70%);
|
|
10993
10993
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
10994
10994
|
}
|
|
10995
|
-
`,vd=
|
|
10995
|
+
`,vd=b.css`
|
|
10996
10996
|
:host([appearance='primary-outline']) {
|
|
10997
10997
|
background: none;
|
|
10998
10998
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
@@ -11010,7 +11010,7 @@
|
|
|
11010
11010
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11011
11011
|
opacity: 100%;
|
|
11012
11012
|
}
|
|
11013
|
-
`,fd=
|
|
11013
|
+
`,fd=b.css`
|
|
11014
11014
|
:host([appearance='neutral-outline']) {
|
|
11015
11015
|
background: none;
|
|
11016
11016
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
|
|
@@ -11028,7 +11028,7 @@
|
|
|
11028
11028
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11029
11029
|
opacity: 100%;
|
|
11030
11030
|
}
|
|
11031
|
-
`,wd=
|
|
11031
|
+
`,wd=b.css`
|
|
11032
11032
|
:host([appearance='link']) {
|
|
11033
11033
|
background: none;
|
|
11034
11034
|
border: none;
|
|
@@ -11051,9 +11051,9 @@
|
|
|
11051
11051
|
color: color-mix(in srgb, var(--accent-fill-rest), transparent 35%);
|
|
11052
11052
|
opacity: 100%;
|
|
11053
11053
|
}
|
|
11054
|
-
`,yd=(e,a)=>
|
|
11055
|
-
${(0,
|
|
11056
|
-
${
|
|
11054
|
+
`,yd=(e,a)=>b.css`
|
|
11055
|
+
${(0,H.foundationButtonStyles)(e,a)}
|
|
11056
|
+
${b.css`
|
|
11057
11057
|
:host {
|
|
11058
11058
|
font-weight: 500;
|
|
11059
11059
|
color: var(--neutral-foreground-rest);
|
|
@@ -11105,15 +11105,15 @@
|
|
|
11105
11105
|
opacity: 100%;
|
|
11106
11106
|
}
|
|
11107
11107
|
`}
|
|
11108
|
-
`.withBehaviors(md("primary",bd),md("primary-outline",vd),md("neutral-outline",fd),md("link",wd));class xd extends
|
|
11109
|
-
${(0,
|
|
11108
|
+
`.withBehaviors(md("primary",bd),md("primary-outline",vd),md("neutral-outline",fd),md("link",wd));class xd extends H.Anchor{}const kd=xd.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,H.foundationAnchorTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11109
|
+
${(0,H.foundationAnchorStyles)(e,a)}
|
|
11110
11110
|
${yd(e,a)}
|
|
11111
|
-
`.withBehaviors(...yd(e,a).behaviors),shadowOptions:
|
|
11112
|
-
${(0,
|
|
11113
|
-
`,shadowOptions:
|
|
11114
|
-
${(0,
|
|
11115
|
-
`,shadowOptions:
|
|
11116
|
-
${(0,
|
|
11111
|
+
`.withBehaviors(...yd(e,a).behaviors),shadowOptions:H.foundationAnchorShadowOptions},H.defaultAnchorConfig));class zd extends H.AnchoredRegion{}const Sd=zd.compose(Object.assign({baseName:"anchored-region",template:(e,a)=>(0,H.foundationAnchoredRegionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11112
|
+
${(0,H.foundationAnchoredRegionStyles)(e,a)}
|
|
11113
|
+
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class Cd extends H.Avatar{}const $d=Cd.compose(Object.assign({baseName:"avatar",template:(e,a)=>(0,H.foundationAvatarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11114
|
+
${(0,H.foundationAvatarStyles)(e,a)}
|
|
11115
|
+
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class Ad extends H.Badge{}const Fd=Ad.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,H.foundationBadgeTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11116
|
+
${(0,H.foundationBadgeStyles)(e,a)}
|
|
11117
11117
|
:host {
|
|
11118
11118
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
11119
11119
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -11123,11 +11123,11 @@
|
|
|
11123
11123
|
}
|
|
11124
11124
|
|
|
11125
11125
|
:host .control {
|
|
11126
|
-
padding: calc(${
|
|
11126
|
+
padding: calc(${f.designUnit} * 1px) calc(${f.designUnit} * 2px);
|
|
11127
11127
|
border: none;
|
|
11128
11128
|
}
|
|
11129
|
-
`,shadowOptions:
|
|
11130
|
-
${
|
|
11129
|
+
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),Od=b.css`
|
|
11130
|
+
${H.foundationBannerStyles}
|
|
11131
11131
|
:host {
|
|
11132
11132
|
--banner-height: calc(
|
|
11133
11133
|
((var(--design-unit) + 2) * var(--base-height-multiplier)) +
|
|
@@ -11146,10 +11146,10 @@
|
|
|
11146
11146
|
font-family: var(--body-font);
|
|
11147
11147
|
line-height: var(--type-ramp-base-line-height);
|
|
11148
11148
|
}
|
|
11149
|
-
`,Td=
|
|
11150
|
-
${(0,
|
|
11151
|
-
`,shadowOptions:undefined},{}));class Md extends
|
|
11152
|
-
${(0,
|
|
11149
|
+
`,Td=H.foundationBannerShadowOptions;class Dd extends H.Banner{}const Rd=Dd.compose({baseName:"banner",shadowOptions:Td,styles:Od,template:H.foundationBannerTemplate});class Nd extends H.Breadcrumb{}const Ld=Nd.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,H.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11150
|
+
${(0,H.foundationBreadcrumbStyles)(e,a)}
|
|
11151
|
+
`,shadowOptions:undefined},{}));class Md extends H.BreadcrumbItem{}const Id=Md.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,H.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11152
|
+
${(0,H.foundationBreadcrumbItemStyles)(e,a)}
|
|
11153
11153
|
.listitem {
|
|
11154
11154
|
color: var(--accent-foreground-rest);
|
|
11155
11155
|
}
|
|
@@ -11184,13 +11184,13 @@
|
|
|
11184
11184
|
.control:hover .start {
|
|
11185
11185
|
background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
|
|
11186
11186
|
}
|
|
11187
|
-
`,shadowOptions:
|
|
11188
|
-
${(0,
|
|
11189
|
-
`,shadowOptions:
|
|
11190
|
-
${(0,
|
|
11187
|
+
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class jd extends H.Button{}const Ed=jd.compose(Object.assign({baseName:"button",template:(e,a)=>(0,H.foundationButtonTemplate)(e,a),styles:yd,shadowOptions:H.foundationButtonShadowOptions},H.defaultButtonConfig));class Pd extends H.Calendar{}const Bd=Pd.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,H.foundationCalendarTemplate)(e,a),styles:()=>b.css`
|
|
11188
|
+
${(0,H.foundationCalendarStyles)()}
|
|
11189
|
+
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class Gd extends H.Card{}const _d=Gd.compose(Object.assign({baseName:"card",template:(e,a)=>(0,H.foundationCardTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11190
|
+
${(0,H.foundationCardStyles)(e,a)}
|
|
11191
11191
|
:host {
|
|
11192
11192
|
background: var(--neutral-layer-card-container);
|
|
11193
|
-
color: ${
|
|
11193
|
+
color: ${f.neutralForegroundRest};
|
|
11194
11194
|
border: 1px solid var(--neutral-stroke-rest); /** uses a token instead of #2E3339 value available in ux docs */
|
|
11195
11195
|
|
|
11196
11196
|
/* box-shadow and border-radius are being calculated at host
|
|
@@ -11200,8 +11200,8 @@
|
|
|
11200
11200
|
::slotted(rapid-card) {
|
|
11201
11201
|
background: var(--neutral-layer-3);
|
|
11202
11202
|
}
|
|
11203
|
-
`,shadowOptions:
|
|
11204
|
-
${
|
|
11203
|
+
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),Ud=b.css`
|
|
11204
|
+
${H.categorizedMultiselectStyles}
|
|
11205
11205
|
|
|
11206
11206
|
.label {
|
|
11207
11207
|
color: var(--neutral-foreground-hint);
|
|
@@ -11214,10 +11214,10 @@
|
|
|
11214
11214
|
rapid-checkbox:hover:not([disabled]) {
|
|
11215
11215
|
background: var(--neutral-layer-4);
|
|
11216
11216
|
}
|
|
11217
|
-
`,Hd=
|
|
11218
|
-
${(0,
|
|
11219
|
-
`;class Vd extends
|
|
11220
|
-
${(0,
|
|
11217
|
+
`,Hd=b.html`
|
|
11218
|
+
${(0,H.getPrefixedCategorizedMultiselect)("rapid")}
|
|
11219
|
+
`;class Vd extends H.CategorizedMultiselect{}const Yd=H.defaultCategorizedMultiselectConfig,Qd=H.foundationCategorizedMultiselectShadowOptions,Wd=Vd.compose(Object.assign({baseName:"categorized-multiselect",template:Hd,styles:Ud,shadowOptions:Qd},Yd));class qd extends H.Checkbox{}const Jd=qd.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,H.foundationCheckboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11220
|
+
${(0,H.foundationCheckboxStyles)(e,a)}
|
|
11221
11221
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
11222
11222
|
fill: var(--neutral-foreground-rest);
|
|
11223
11223
|
}
|
|
@@ -11231,8 +11231,8 @@
|
|
|
11231
11231
|
.label {
|
|
11232
11232
|
padding-inline-start: calc(var(--design-unit) * 2px);
|
|
11233
11233
|
}
|
|
11234
|
-
`,shadowOptions:
|
|
11235
|
-
${(0,
|
|
11234
|
+
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig));class Zd extends H.Combobox{}const Kd=Zd.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,H.foundationComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11235
|
+
${(0,H.foundationComboboxStyles)(e,a)}
|
|
11236
11236
|
:host {
|
|
11237
11237
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11238
11238
|
background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
|
|
@@ -11253,7 +11253,7 @@
|
|
|
11253
11253
|
|
|
11254
11254
|
:host([open][position='below']) .listbox {
|
|
11255
11255
|
padding: 0;
|
|
11256
|
-
margin-top: calc(${
|
|
11256
|
+
margin-top: calc(${f.designUnit} * 1px);
|
|
11257
11257
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11258
11258
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
11259
11259
|
}
|
|
@@ -11304,8 +11304,8 @@
|
|
|
11304
11304
|
::slotted([role='option']) {
|
|
11305
11305
|
margin: 0;
|
|
11306
11306
|
}
|
|
11307
|
-
`,shadowOptions:
|
|
11308
|
-
${(0,
|
|
11307
|
+
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class Xd extends H.ConnectionIndicator{}const ec=Xd.compose({baseName:"connection-indicator",template:H.foundationConnectionIndicatorTemplate,styles:(e,a)=>b.css`
|
|
11308
|
+
${(0,H.foundationConnectionIndicatorStyles)(e,a)}
|
|
11309
11309
|
:host {
|
|
11310
11310
|
--light-size: calc(var(--design-unit) * 3px);
|
|
11311
11311
|
--red: var(--error-color);
|
|
@@ -11327,10 +11327,10 @@
|
|
|
11327
11327
|
font-size: var(--type-ramp-base-font-size);
|
|
11328
11328
|
color: var(--neutral-stroke-rest);
|
|
11329
11329
|
}
|
|
11330
|
-
`}),ac=["baseClass","baseName","shadowOptions","styles","template"],rc=e=>{const{definition:a}=e(),{shadowOptions:r,styles:t,template:o}=a,i=((e,a=ac)=>Object.keys(e).filter((e=>!a.includes(e))).reduce(((a,r)=>(a[r]=e[r],a)),{}))(a);return{shadowOptions:r,styles:t,template:o,defaultConfig:i}},{defaultConfig:tc,shadowOptions:oc,styles:ic,template:nc}=rc(
|
|
11331
|
-
${(0,
|
|
11332
|
-
`;class bc extends
|
|
11333
|
-
${
|
|
11330
|
+
`}),ac=["baseClass","baseName","shadowOptions","styles","template"],rc=e=>{const{definition:a}=e(),{shadowOptions:r,styles:t,template:o}=a,i=((e,a=ac)=>Object.keys(e).filter((e=>!a.includes(e))).reduce(((a,r)=>(a[r]=e[r],a)),{}))(a);return{shadowOptions:r,styles:t,template:o,defaultConfig:i}},{defaultConfig:tc,shadowOptions:oc,styles:ic,template:nc}=rc(H.foundationDataGrid),{defaultConfig:lc,shadowOptions:gc,styles:sc,template:dc}=rc(H.foundationDataGridCell),{defaultConfig:cc,shadowOptions:pc,styles:uc,template:hc}=rc(H.foundationDataGridRow),mc=b.html`
|
|
11331
|
+
${(0,H.getPrefixedDatePicker)("rapid")}
|
|
11332
|
+
`;class bc extends H.DatePicker{}const vc=bc.compose(Object.assign({baseName:"date-picker",template:mc,styles:()=>b.css`
|
|
11333
|
+
${H.foundationDatePickerStyles}
|
|
11334
11334
|
|
|
11335
11335
|
:host {
|
|
11336
11336
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -11412,10 +11412,10 @@
|
|
|
11412
11412
|
.week-days span {
|
|
11413
11413
|
font-size: var(--type-ramp-minus-2-font-size);
|
|
11414
11414
|
}
|
|
11415
|
-
`,shadowOptions:undefined},{})),fc=
|
|
11416
|
-
${
|
|
11415
|
+
`,shadowOptions:undefined},{})),fc=b.css`
|
|
11416
|
+
${H.foundationDialogStyles}
|
|
11417
11417
|
:host {
|
|
11418
|
-
--dialog-background: ${
|
|
11418
|
+
--dialog-background: ${f.neutralLayer2};
|
|
11419
11419
|
|
|
11420
11420
|
font-family: var(--body-font);
|
|
11421
11421
|
font-size: var(--type-ramp-base-font-size);
|
|
@@ -11450,7 +11450,7 @@
|
|
|
11450
11450
|
}
|
|
11451
11451
|
|
|
11452
11452
|
:host slot:first-of-type {
|
|
11453
|
-
color: ${
|
|
11453
|
+
color: ${f.neutralForegroundRest};
|
|
11454
11454
|
}
|
|
11455
11455
|
|
|
11456
11456
|
::slotted(rapid-button) {
|
|
@@ -11489,8 +11489,8 @@
|
|
|
11489
11489
|
.close-icon:active svg g path {
|
|
11490
11490
|
fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);
|
|
11491
11491
|
}
|
|
11492
|
-
`,wc=
|
|
11493
|
-
${(0,
|
|
11492
|
+
`,wc=H.defaultDialogConfig,yc=H.foundationDialogTemplate,xc=H.foundationDialogShadowOptions;class kc extends H.Dialog{}const zc=kc.compose(Object.assign({baseName:"dialog",shadowOptions:xc,styles:fc,template:yc},wc));class Sc extends H.Disclosure{}const Cc=Sc.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,H.foundationDisclosureTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11493
|
+
${(0,H.foundationDisclosureStyles)(e,a)}
|
|
11494
11494
|
:host {
|
|
11495
11495
|
font-size: var(--type-ramp-base-font-size);
|
|
11496
11496
|
font-family: var(--body-font);
|
|
@@ -11506,10 +11506,10 @@
|
|
|
11506
11506
|
padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);
|
|
11507
11507
|
text-align: center;
|
|
11508
11508
|
}
|
|
11509
|
-
`,shadowOptions:
|
|
11510
|
-
${(0,
|
|
11511
|
-
`,shadowOptions:
|
|
11512
|
-
${(0,
|
|
11509
|
+
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class $c extends H.Divider{}const Ac=$c.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,H.foundationDividerTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11510
|
+
${(0,H.foundationDividerStyles)(e,a)}
|
|
11511
|
+
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class Fc extends H.DropdownMenu{}const Oc=Fc.compose({baseName:"dropdown-menu",styles:(e,a)=>b.css`
|
|
11512
|
+
${(0,H.dropdownMenuBaseStyles)("rapid",e,a)}
|
|
11513
11513
|
|
|
11514
11514
|
.actions-menu {
|
|
11515
11515
|
border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
|
|
@@ -11523,8 +11523,8 @@
|
|
|
11523
11523
|
border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
|
|
11524
11524
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11525
11525
|
}
|
|
11526
|
-
`,template:
|
|
11527
|
-
${
|
|
11526
|
+
`,template:H.foundationDropdownMenuTemplate}),{defaultConfig:Tc,shadowOptions:Dc,styles:Rc,template:Nc}=rc(H.foundationErrorBoundary),Lc=b.css`
|
|
11527
|
+
${H.foundationFileUploadStyles}
|
|
11528
11528
|
::-webkit-scrollbar {
|
|
11529
11529
|
width: calc(var(--design-unit) * 3px);
|
|
11530
11530
|
}
|
|
@@ -11545,12 +11545,12 @@
|
|
|
11545
11545
|
:host::part(upload-file-button) {
|
|
11546
11546
|
margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px);
|
|
11547
11547
|
}
|
|
11548
|
-
`,Mc=
|
|
11549
|
-
${(0,
|
|
11550
|
-
`,Ic=
|
|
11551
|
-
${(0,
|
|
11552
|
-
`;class Gc extends
|
|
11553
|
-
${
|
|
11548
|
+
`,Mc=b.html`
|
|
11549
|
+
${(0,H.getPrefixedFileUpload)("rapid")}
|
|
11550
|
+
`,Ic=H.defaultFileUploadConfig,jc=H.foundationFileUploadShadowOptions;class Ec extends H.FileUpload{}const Pc=Ec.compose(Object.assign({baseName:"file-upload",shadowOptions:jc,styles:Lc,template:Mc},Ic)),Bc=b.html`
|
|
11551
|
+
${(0,H.getPrefixedFilterTemplate)("rapid")}
|
|
11552
|
+
`;class Gc extends H.Filter{}const _c=Gc.compose({baseName:"filter",template:Bc,styles:(e,a)=>b.css`
|
|
11553
|
+
${H.foundationFilterStyles}
|
|
11554
11554
|
.filter-wrapper {
|
|
11555
11555
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11556
11556
|
}
|
|
@@ -11576,10 +11576,10 @@
|
|
|
11576
11576
|
.flex-row rapid-select {
|
|
11577
11577
|
flex: 1;
|
|
11578
11578
|
}
|
|
11579
|
-
`}),Uc=
|
|
11580
|
-
${(0,
|
|
11581
|
-
`;class Hc extends
|
|
11582
|
-
${(0,
|
|
11579
|
+
`}),Uc=b.html`
|
|
11580
|
+
${(0,H.filterBarTemplate)("rapid")}
|
|
11581
|
+
`;class Hc extends H.FilterBar{}const Vc=Hc.compose({baseName:"filter-bar",template:Uc,styles:(e,a)=>b.css`
|
|
11582
|
+
${(0,H.foundationFilterBarStyles)(e,a)}
|
|
11583
11583
|
.toggle,
|
|
11584
11584
|
.toggle-collapsed {
|
|
11585
11585
|
background: var(--neutral-layer-4);
|
|
@@ -11598,8 +11598,8 @@
|
|
|
11598
11598
|
.filter-bar {
|
|
11599
11599
|
background: var(--neutral-layer-3);
|
|
11600
11600
|
}
|
|
11601
|
-
`}),{defaultConfig:Yc,shadowOptions:Qc,styles:Wc,template:qc}=rc(
|
|
11602
|
-
${(0,
|
|
11601
|
+
`}),{defaultConfig:Yc,shadowOptions:Qc,styles:Wc,template:qc}=rc(H.foundationFlexLayout);class Jc extends H.Flipper{}const Zc=Jc.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,H.foundationFlipperTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11602
|
+
${(0,H.foundationFlipperStyles)(e,a)}
|
|
11603
11603
|
:host {
|
|
11604
11604
|
color: var(--neutral-foreground-rest);
|
|
11605
11605
|
}
|
|
@@ -11618,8 +11618,8 @@
|
|
|
11618
11618
|
background: var(--accent-fill-rest);
|
|
11619
11619
|
color: var(--neutral-foreground-rest);
|
|
11620
11620
|
}
|
|
11621
|
-
`,shadowOptions:
|
|
11622
|
-
${
|
|
11621
|
+
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),Kc=b.css`
|
|
11622
|
+
${H.foundationFlyoutStyles}
|
|
11623
11623
|
div.flyout {
|
|
11624
11624
|
background-color: var(--neutral-layer-2);
|
|
11625
11625
|
border-color: var(--neutral-fill-hover);
|
|
@@ -11666,25 +11666,25 @@
|
|
|
11666
11666
|
background-color: var(--neutral-fill-hover);
|
|
11667
11667
|
border-radius: calc(var(--stroke-width) * 3px);
|
|
11668
11668
|
}
|
|
11669
|
-
`,Xc=
|
|
11670
|
-
${(0,
|
|
11671
|
-
`,ep=
|
|
11669
|
+
`,Xc=b.html`
|
|
11670
|
+
${(0,H.getPrefixedFlyout)("rapid")}
|
|
11671
|
+
`,ep=H.defaultFlyoutConfig,ap=H.foundationFlyoutShadowOptions;class rp extends H.Flyout{}const tp=rp.compose(Object.assign({baseName:"flyout",shadowOptions:ap,styles:Kc,template:Xc},ep)),{defaultConfig:op,shadowOptions:ip,styles:np,template:lp}=rc(H.foundationGridLayout),{defaultConfig:gp,shadowOptions:sp,styles:dp,template:cp}=rc(H.foundationGridLayoutItem);class pp extends H.HorizontalScroll{}const up={nextFlipper:b.html`
|
|
11672
11672
|
<rapid-flipper
|
|
11673
11673
|
@click="${e=>e.scrollToNext()}"
|
|
11674
11674
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
11675
11675
|
></rapid-flipper>
|
|
11676
|
-
`,previousFlipper:
|
|
11676
|
+
`,previousFlipper:b.html`
|
|
11677
11677
|
<rapid-flipper
|
|
11678
11678
|
@click="${e=>e.scrollToPrevious()}"
|
|
11679
11679
|
direction="previous"
|
|
11680
11680
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
11681
11681
|
></rapid-flipper>
|
|
11682
|
-
`},hp=pp.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,
|
|
11683
|
-
${(0,
|
|
11684
|
-
`,shadowOptions:
|
|
11685
|
-
${(0,
|
|
11686
|
-
`,shadowOptions:vp},bp));class wp extends
|
|
11687
|
-
${(0,
|
|
11682
|
+
`},hp=pp.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,H.foundationHorizontalScrollTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11683
|
+
${(0,H.foundationHorizontalScrollStyles)(e,a)}
|
|
11684
|
+
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},up));class mp extends H.Icon{}const bp=H.defaultIconConfig,vp=H.foundationIconShadowOptions,fp=mp.compose(Object.assign({baseName:"icon",template:H.foundationIconTemplate,styles:(e,a)=>b.css`
|
|
11685
|
+
${(0,H.foundationIconStyles)(e,a)}
|
|
11686
|
+
`,shadowOptions:vp},bp));class wp extends H.Listbox{}const yp=wp.compose(Object.assign({baseName:"listbox",template:(e,a)=>(0,H.foundationListboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11687
|
+
${(0,H.foundationListboxStyles)(e,a)}
|
|
11688
11688
|
|
|
11689
11689
|
:host {
|
|
11690
11690
|
padding: 0;
|
|
@@ -11694,8 +11694,8 @@
|
|
|
11694
11694
|
::slotted(*:last-child) {
|
|
11695
11695
|
border-bottom: none;
|
|
11696
11696
|
}
|
|
11697
|
-
`,shadowOptions:
|
|
11698
|
-
${(0,
|
|
11697
|
+
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class xp extends H.ListboxOption{}const kp=xp.compose(Object.assign({baseName:"option",template:(e,a)=>(0,H.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11698
|
+
${(0,H.foundationListboxOptionStyles)(e,a)}
|
|
11699
11699
|
:host {
|
|
11700
11700
|
border-radius: 0;
|
|
11701
11701
|
padding: 0 calc(var(--design-unit) * 4px);
|
|
@@ -11711,15 +11711,15 @@
|
|
|
11711
11711
|
background: var(--neutral-layer-4);
|
|
11712
11712
|
color: var(--accent-fill-rest);
|
|
11713
11713
|
}
|
|
11714
|
-
`,shadowOptions:
|
|
11715
|
-
${(0,
|
|
11714
|
+
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig));class zp extends H.Menu{}const Sp=zp.compose(Object.assign({baseName:"menu",template:(e,a)=>(0,H.foundationMenuTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11715
|
+
${(0,H.foundationMenuStyles)(e,a)}
|
|
11716
11716
|
:host {
|
|
11717
11717
|
border: calc(var(--focus-stroke-width) * 1px) solid
|
|
11718
|
-
color-mix(in srgb, ${
|
|
11718
|
+
color-mix(in srgb, ${f.neutralFillStealthHover}, transparent 15%);
|
|
11719
11719
|
padding: 0;
|
|
11720
11720
|
}
|
|
11721
|
-
`,shadowOptions:
|
|
11722
|
-
${(0,
|
|
11721
|
+
`,shadowOptions:H.foundationMenuShadowOptions},H.defaultMenuConfig)),Cp=H.foundationMenuItemShadowOptions;class $p extends H.MenuItem{}const Ap=$p.compose(Object.assign({baseName:"menu-item",template:(e,a)=>(0,H.foundationMenuItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11722
|
+
${(0,H.foundationMenuItemStyles)(e,a)}
|
|
11723
11723
|
:host {
|
|
11724
11724
|
margin: 0;
|
|
11725
11725
|
|
|
@@ -11730,9 +11730,9 @@
|
|
|
11730
11730
|
}
|
|
11731
11731
|
|
|
11732
11732
|
:host(:hover) {
|
|
11733
|
-
background: color-mix(in srgb, ${
|
|
11733
|
+
background: color-mix(in srgb, ${f.neutralFillStealthHover}, transparent 15%);
|
|
11734
11734
|
border: calc(var(--focus-stroke-width) * 1px) solid
|
|
11735
|
-
color-mix(in srgb, ${
|
|
11735
|
+
color-mix(in srgb, ${f.neutralFillStealthHover}, transparent 15%);
|
|
11736
11736
|
}
|
|
11737
11737
|
|
|
11738
11738
|
:host(:focus) {
|
|
@@ -11751,13 +11751,13 @@
|
|
|
11751
11751
|
|
|
11752
11752
|
/*
|
|
11753
11753
|
tokens being used by fast
|
|
11754
|
-
background: ${
|
|
11755
|
-
color: ${
|
|
11754
|
+
background: ${f.neutralFillStealthHover}
|
|
11755
|
+
color: ${f.neutralForegroundRest}
|
|
11756
11756
|
*/
|
|
11757
|
-
`,shadowOptions:Cp},
|
|
11757
|
+
`,shadowOptions:Cp},H.defaultMenuItemConfig)),Fp=b.css`
|
|
11758
11758
|
${fc}
|
|
11759
|
-
`,Op=
|
|
11760
|
-
${
|
|
11759
|
+
`,Op=H.defaultModalConfig,Tp=H.foundationModalTemplate,Dp=H.foundationModalShadowOptions;class Rp extends H.Modal{}const Np=Rp.compose(Object.assign({baseName:"modal",shadowOptions:Dp,styles:Fp,template:Tp},Op)),Lp=b.css`
|
|
11760
|
+
${H.multiselectStyles}
|
|
11761
11761
|
|
|
11762
11762
|
#display-field {
|
|
11763
11763
|
height: calc(
|
|
@@ -11832,9 +11832,9 @@
|
|
|
11832
11832
|
rapid-checkbox[disabled] {
|
|
11833
11833
|
cursor: not-allowed;
|
|
11834
11834
|
}
|
|
11835
|
-
`,Mp=
|
|
11836
|
-
${(0,
|
|
11837
|
-
`;class Ip extends
|
|
11835
|
+
`,Mp=b.html`
|
|
11836
|
+
${(0,H.getPrefixedMultiselect)("rapid")}
|
|
11837
|
+
`;class Ip extends H.Multiselect{}const jp=H.defaultMultiselectConfig,Ep=H.foundationMultiselectShadowOptions,Pp=Ip.compose(Object.assign({baseName:"multiselect",template:Mp,styles:Lp,shadowOptions:Ep},jp));class Bp extends H.NumberField{}const Gp=H.defaultNumberFieldConfig,_p=H.foundationNumberFieldTemplate,Up=H.foundationNumberFieldShadowOptions,Hp=Bp.compose(Object.assign({baseName:"number-field",template:_p,styles:(e,a)=>b.css`
|
|
11838
11838
|
:host {
|
|
11839
11839
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
11840
11840
|
}
|
|
@@ -11919,12 +11919,12 @@
|
|
|
11919
11919
|
.control:focus-visible {
|
|
11920
11920
|
outline: none;
|
|
11921
11921
|
}
|
|
11922
|
-
`,shadowOptions:Up},Gp));class Vp extends
|
|
11923
|
-
${(0,
|
|
11924
|
-
`,shadowOptions:
|
|
11925
|
-
${(0,
|
|
11926
|
-
`,shadowOptions:
|
|
11927
|
-
${(0,
|
|
11922
|
+
`,shadowOptions:Up},Gp));class Vp extends H.Progress{}const Yp=Vp.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,H.foundationProgressTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11923
|
+
${(0,H.foundationProgressStyles)(e,a)}
|
|
11924
|
+
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class Qp extends H.ProgressRing{}const Wp=Qp.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>(0,H.foundationProgressRingTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11925
|
+
${(0,H.foundationProgressRingStyles)(e,a)}
|
|
11926
|
+
`,shadowOptions:H.foundationProgressRingShadowOptions},H.defaultProgressRingConfig));class qp extends H.Radio{}const Jp=qp.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,H.foundationRadioTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11927
|
+
${(0,H.foundationRadioStyles)(e,a)}
|
|
11928
11928
|
:host {
|
|
11929
11929
|
margin: calc(var(--design-unit) * 2px) 0 calc(var(--design-unit) * 2px) 0;
|
|
11930
11930
|
}
|
|
@@ -11955,14 +11955,14 @@
|
|
|
11955
11955
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
11956
11956
|
background: var(--accent-fill-rest);
|
|
11957
11957
|
}
|
|
11958
|
-
`,shadowOptions:
|
|
11959
|
-
${(0,
|
|
11960
|
-
`,shadowOptions:
|
|
11961
|
-
${
|
|
11962
|
-
`,eu=
|
|
11963
|
-
${(0,
|
|
11964
|
-
`;class au extends
|
|
11965
|
-
${(0,
|
|
11958
|
+
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class Zp extends H.RadioGroup{}const Kp=Zp.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,H.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11959
|
+
${(0,H.foundationRadioGroupStyles)(e,a)}
|
|
11960
|
+
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),Xp=b.css`
|
|
11961
|
+
${H.foundationSearchBarStyles}
|
|
11962
|
+
`,eu=b.html`
|
|
11963
|
+
${(0,H.getPrefixedSearchBar)("rapid")}
|
|
11964
|
+
`;class au extends H.SearchBar{}const ru=au.compose(Object.assign({baseName:"search-bar",template:eu,styles:Xp,shadowOptions:H.foundationSearchBarShadowOptions},H.defaultSearchBarConfig));class tu extends H.SearchBarCombobox{}const ou=tu.compose(Object.assign({baseName:"search-bar-combobox",template:(e,a)=>(0,H.foundationSearchBarComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11965
|
+
${(0,H.foundationSearchBarComboboxStyles)(e,a)}
|
|
11966
11966
|
|
|
11967
11967
|
:host {
|
|
11968
11968
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -11984,7 +11984,7 @@
|
|
|
11984
11984
|
|
|
11985
11985
|
:host([open][position='below']) .listbox {
|
|
11986
11986
|
padding: 0;
|
|
11987
|
-
margin-top: calc(${
|
|
11987
|
+
margin-top: calc(${H.designUnit} * 1px);
|
|
11988
11988
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11989
11989
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
11990
11990
|
}
|
|
@@ -11992,8 +11992,8 @@
|
|
|
11992
11992
|
:host .listbox ::slotted(*:last-child) {
|
|
11993
11993
|
border-bottom: none;
|
|
11994
11994
|
}
|
|
11995
|
-
`,shadowOptions:
|
|
11996
|
-
${(0,
|
|
11995
|
+
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class iu extends H.SegmentedControl{}const nu=iu.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,H.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11996
|
+
${(0,H.foundationSegmentedControlStyles)(e,a)}
|
|
11997
11997
|
:host {
|
|
11998
11998
|
font-family: var(--body-font);
|
|
11999
11999
|
}
|
|
@@ -12028,8 +12028,8 @@
|
|
|
12028
12028
|
border-color: transparent;
|
|
12029
12029
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
12030
12030
|
}
|
|
12031
|
-
`,shadowOptions:undefined},{}));class lu extends
|
|
12032
|
-
${(0,
|
|
12031
|
+
`,shadowOptions:undefined},{}));class lu extends H.Radio{}const gu=lu.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,H.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12032
|
+
${(0,H.foundationSegmentedItemStyles)(e,a)}
|
|
12033
12033
|
:host {
|
|
12034
12034
|
color: var(--neutral-fill-strong-rest);
|
|
12035
12035
|
font-size: var(--type-ramp-minus-2-font-size);
|
|
@@ -12040,8 +12040,8 @@
|
|
|
12040
12040
|
:host([aria-checked='true']) {
|
|
12041
12041
|
color: color-mix(in srgb, white, transparent 10%);
|
|
12042
12042
|
}
|
|
12043
|
-
`,shadowOptions:undefined},{}));class su extends
|
|
12044
|
-
${(0,
|
|
12043
|
+
`,shadowOptions:undefined},{}));class su extends H.Select{}const du=su.compose(Object.assign({baseName:"select",template:(e,a)=>(0,H.foundationSelectTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12044
|
+
${(0,H.foundationSelectStyles)(e,a)}
|
|
12045
12045
|
:host {
|
|
12046
12046
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
12047
12047
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -12063,7 +12063,7 @@
|
|
|
12063
12063
|
|
|
12064
12064
|
:host([open][position='below']) .listbox {
|
|
12065
12065
|
padding: 0;
|
|
12066
|
-
margin-top: calc(${
|
|
12066
|
+
margin-top: calc(${f.designUnit} * 1px);
|
|
12067
12067
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
12068
12068
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
12069
12069
|
}
|
|
@@ -12112,15 +12112,15 @@
|
|
|
12112
12112
|
::slotted([role='option']) {
|
|
12113
12113
|
margin: 0;
|
|
12114
12114
|
}
|
|
12115
|
-
`,shadowOptions:
|
|
12116
|
-
${(0,
|
|
12115
|
+
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class cu extends H.Skeleton{}const pu=cu.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,H.foundationSkeletonTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12116
|
+
${(0,H.foundationSkeletonStyles)(e,a)}
|
|
12117
12117
|
:host {
|
|
12118
12118
|
--skeleton-fill: var(
|
|
12119
12119
|
--neutral-fill-stealth-rest
|
|
12120
12120
|
); /** value in ux doc rgba(242 242 242 / 0.1) */
|
|
12121
12121
|
}
|
|
12122
|
-
`,shadowOptions:
|
|
12123
|
-
${(0,
|
|
12122
|
+
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class uu extends H.Slider{}const hu=uu.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,H.foundationSliderTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12123
|
+
${(0,H.foundationSliderStyles)(e,a)}
|
|
12124
12124
|
|
|
12125
12125
|
.thumb-cursor {
|
|
12126
12126
|
background: var(--accent-fill-rest);
|
|
@@ -12153,15 +12153,15 @@
|
|
|
12153
12153
|
}
|
|
12154
12154
|
|
|
12155
12155
|
.thumb-cursor:hover::after {
|
|
12156
|
-
background-color: color-mix(in srgb, ${
|
|
12156
|
+
background-color: color-mix(in srgb, ${f.accentFillRest}, transparent 90%);
|
|
12157
12157
|
}
|
|
12158
12158
|
|
|
12159
12159
|
.thumb-cursor:focus::after {
|
|
12160
|
-
background-color: color-mix(in srgb, ${
|
|
12160
|
+
background-color: color-mix(in srgb, ${f.accentFillRest}, transparent 80%);
|
|
12161
12161
|
}
|
|
12162
12162
|
|
|
12163
12163
|
.thumb-cursor:active::after {
|
|
12164
|
-
background-color: color-mix(in srgb, ${
|
|
12164
|
+
background-color: color-mix(in srgb, ${f.accentFillRest}, transparent 70%);
|
|
12165
12165
|
}
|
|
12166
12166
|
|
|
12167
12167
|
.track {
|
|
@@ -12177,8 +12177,8 @@
|
|
|
12177
12177
|
background-color: var(--neutral-stroke-rest);
|
|
12178
12178
|
width: calc((var(--track-width) + 2) * 1px) !important;
|
|
12179
12179
|
}
|
|
12180
|
-
`,shadowOptions:
|
|
12181
|
-
${(0,
|
|
12180
|
+
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class mu extends H.SliderLabel{}const bu=mu.compose(Object.assign({baseName:"slider-label",template:(e,a)=>(0,H.foundationSliderLabelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12181
|
+
${(0,H.foundationSliderLabelStyles)(e,a)}
|
|
12182
12182
|
.label {
|
|
12183
12183
|
padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);
|
|
12184
12184
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
@@ -12188,8 +12188,8 @@
|
|
|
12188
12188
|
text-align: center;
|
|
12189
12189
|
font-size: var(--type-ramp-minus-1-font-size, 12px);
|
|
12190
12190
|
}
|
|
12191
|
-
`,shadowOptions:
|
|
12192
|
-
${
|
|
12191
|
+
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),vu=b.css`
|
|
12192
|
+
${H.foundationSnackbarStyles}
|
|
12193
12193
|
.snackbar {
|
|
12194
12194
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);
|
|
12195
12195
|
background-color: var(--neutral-layer-1);
|
|
@@ -12209,12 +12209,12 @@
|
|
|
12209
12209
|
.action {
|
|
12210
12210
|
gap: calc(var(--design-unit) * 2px);
|
|
12211
12211
|
}
|
|
12212
|
-
`,fu=
|
|
12213
|
-
${(0,
|
|
12214
|
-
`,wu=
|
|
12215
|
-
${(0,
|
|
12216
|
-
`}),Su=
|
|
12217
|
-
${
|
|
12212
|
+
`,fu=b.html`
|
|
12213
|
+
${(0,H.getPrefixedSnackbar)("rapid")}
|
|
12214
|
+
`,wu=H.foundationSnackbarShadowOptions;class yu extends H.Snackbar{}const xu=yu.compose({baseName:"snackbar",shadowOptions:wu,styles:vu,template:fu});class ku extends H.StackingIcons{}const zu=ku.compose({baseName:"stacking-icons",template:H.foundationStackingIconsTemplate,styles:(e,a)=>b.css`
|
|
12215
|
+
${(0,H.foundationStackingIconsStyles)(e,a)}
|
|
12216
|
+
`}),Su=b.css`
|
|
12217
|
+
${H.foundationStepperStyles}
|
|
12218
12218
|
|
|
12219
12219
|
:host {
|
|
12220
12220
|
font-family: var(--body-font);
|
|
@@ -12260,12 +12260,12 @@
|
|
|
12260
12260
|
padding: 0 calc(var(--design-unit) * 2px);
|
|
12261
12261
|
color: var(--neutral-foreground-hint);
|
|
12262
12262
|
}
|
|
12263
|
-
`,Cu=
|
|
12264
|
-
${(0,
|
|
12265
|
-
`;class $u extends
|
|
12266
|
-
${(0,
|
|
12267
|
-
`;class Ou extends
|
|
12268
|
-
${(0,
|
|
12263
|
+
`,Cu=b.html`
|
|
12264
|
+
${(0,H.getPrefixedStepper)("rapid")}
|
|
12265
|
+
`;class $u extends H.Stepper{}const Au=$u.compose(Object.assign({baseName:"stepper",template:Cu,styles:Su,shadowOptions:H.foundationStepperShadowOptions},H.defaultStepperConfig)),Fu=b.html`
|
|
12266
|
+
${(0,H.getPrefixedStepperTab)("rapid")}
|
|
12267
|
+
`;class Ou extends H.StepperTab{}const Tu=Ou.compose(Object.assign({baseName:"stepper-tab",template:Fu,styles:(e,a)=>b.css`
|
|
12268
|
+
${(0,H.foundationStepperTabStyles)(e,a)}
|
|
12269
12269
|
|
|
12270
12270
|
rapid-tree-item {
|
|
12271
12271
|
--design-unit: 2.5;
|
|
@@ -12324,8 +12324,8 @@
|
|
|
12324
12324
|
:host([error]) .step-title {
|
|
12325
12325
|
color: var(--error-color);
|
|
12326
12326
|
}
|
|
12327
|
-
`,shadowOptions:
|
|
12328
|
-
${(0,
|
|
12327
|
+
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class Du extends H.StepperTabPanel{}const Ru=Du.compose(Object.assign({baseName:"stepper-tab-panel",template:(e,a)=>(0,H.foundationStepperTabPanelTemplate)(e,a),shadowOptions:H.foundationStepperTabPanelShadowOptions},H.defaultStepperTabPanelConfig)),Nu={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};class Lu extends H.Switch{}const Mu=Lu.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,H.foundationSwitchTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12328
|
+
${(0,H.foundationSwitchStyles)(e,a)}
|
|
12329
12329
|
:host {
|
|
12330
12330
|
--primary-gradient-angle: -113.5deg;
|
|
12331
12331
|
}
|
|
@@ -12361,10 +12361,10 @@
|
|
|
12361
12361
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
12362
12362
|
background: var(--accent-fill-rest);
|
|
12363
12363
|
}
|
|
12364
|
-
`,shadowOptions:
|
|
12365
|
-
${(0,
|
|
12364
|
+
`,shadowOptions:H.foundationSwitchShadowOptions},Nu));class Iu extends H.Tab{}const ju=Iu.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,H.foundationTabTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12365
|
+
${(0,H.foundationTabStyles)(e,a)}
|
|
12366
12366
|
:host {
|
|
12367
|
-
background-color: ${
|
|
12367
|
+
background-color: ${f.neutralLayer2};
|
|
12368
12368
|
border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);
|
|
12369
12369
|
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
|
|
12370
12370
|
margin-right: calc(var(--design-unit) * 5px);
|
|
@@ -12372,15 +12372,15 @@
|
|
|
12372
12372
|
|
|
12373
12373
|
:host([aria-selected='true']),
|
|
12374
12374
|
:host([aria-selected='true']:hover) {
|
|
12375
|
-
background-color: ${
|
|
12375
|
+
background-color: ${f.neutralLayer4};
|
|
12376
12376
|
}
|
|
12377
|
-
`,shadowOptions:
|
|
12378
|
-
${(0,
|
|
12377
|
+
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class Eu extends H.TabPanel{}const Pu=Eu.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,H.foundationTabPanelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12378
|
+
${(0,H.foundationTabPanelStyles)(e,a)}
|
|
12379
12379
|
:host {
|
|
12380
12380
|
padding: 0;
|
|
12381
12381
|
}
|
|
12382
|
-
`,shadowOptions:
|
|
12383
|
-
${(0,
|
|
12382
|
+
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class Bu extends H.Tabs{}const Gu=Bu.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,H.foundationTabsTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12383
|
+
${(0,H.foundationTabsStyles)(e,a)}
|
|
12384
12384
|
:host {
|
|
12385
12385
|
--base-height-multiplier: 9;
|
|
12386
12386
|
|
|
@@ -12392,13 +12392,13 @@
|
|
|
12392
12392
|
:host .tablist {
|
|
12393
12393
|
padding: 0;
|
|
12394
12394
|
display: grid;
|
|
12395
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
12395
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${f.neutralLayer3};
|
|
12396
12396
|
width: max-content;
|
|
12397
12397
|
}
|
|
12398
12398
|
|
|
12399
12399
|
:host .end,
|
|
12400
12400
|
:host .start {
|
|
12401
|
-
padding: 0 calc((16 + ${
|
|
12401
|
+
padding: 0 calc((16 + ${f.designUnit} * 2 * ${f.density}) * 1px);
|
|
12402
12402
|
height: calc(100% - 1px);
|
|
12403
12403
|
display: flex;
|
|
12404
12404
|
align-items: center;
|
|
@@ -12416,7 +12416,7 @@
|
|
|
12416
12416
|
background: var(--neutral-layer-3);
|
|
12417
12417
|
/* stylelint-disable color-function-notation */
|
|
12418
12418
|
box-shadow: 0 0 15px rgba(0, 0, 0, 35%);
|
|
12419
|
-
padding: 0 calc((16 + ${
|
|
12419
|
+
padding: 0 calc((16 + ${f.designUnit} * 2 * ${f.density}) * 1px);
|
|
12420
12420
|
margin-right: calc((var(--design-unit) -1) * 1px);
|
|
12421
12421
|
}
|
|
12422
12422
|
|
|
@@ -12454,8 +12454,8 @@
|
|
|
12454
12454
|
:host([orientation='horizontal']) ::slotted([role='tabpanel'][slot='tabpanel']) {
|
|
12455
12455
|
padding: 0 calc((3 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
12456
12456
|
}
|
|
12457
|
-
`,shadowOptions:
|
|
12458
|
-
${(0,
|
|
12457
|
+
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class _u extends H.TextArea{}const Uu=_u.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,H.foundationTextAreaTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12458
|
+
${(0,H.foundationTextAreaStyles)(e,a)}
|
|
12459
12459
|
|
|
12460
12460
|
:host .control {
|
|
12461
12461
|
height: 100%;
|
|
@@ -12480,8 +12480,8 @@
|
|
|
12480
12480
|
font-weight: 700;
|
|
12481
12481
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12482
12482
|
}
|
|
12483
|
-
`,shadowOptions:
|
|
12484
|
-
${(0,
|
|
12483
|
+
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class Hu extends H.TextField{}const Vu=Hu.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,H.foundationTextFieldTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12484
|
+
${(0,H.foundationTextFieldStyles)(e,a)}
|
|
12485
12485
|
|
|
12486
12486
|
:host {
|
|
12487
12487
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
@@ -12517,10 +12517,10 @@
|
|
|
12517
12517
|
font-weight: 700;
|
|
12518
12518
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12519
12519
|
}
|
|
12520
|
-
`,shadowOptions:
|
|
12521
|
-
${
|
|
12520
|
+
`,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),Yu=b.css`
|
|
12521
|
+
${H.foundationToastStyles}
|
|
12522
12522
|
.toast {
|
|
12523
|
-
background-color: ${
|
|
12523
|
+
background-color: ${f.neutralLayer1};
|
|
12524
12524
|
border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);
|
|
12525
12525
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
12526
12526
|
}
|
|
@@ -12572,8 +12572,8 @@
|
|
|
12572
12572
|
:host([notify='serious']) .toast::after {
|
|
12573
12573
|
background-color: var(--error-color);
|
|
12574
12574
|
}
|
|
12575
|
-
`,Qu=
|
|
12576
|
-
${(0,
|
|
12575
|
+
`,Qu=H.defaultToastConfig,Wu=H.foundationToastShadowOptions;class qu extends H.Toast{}const Ju=qu.compose(Object.assign({baseName:"toast",shadowOptions:Wu,styles:Yu,template:H.foundationToastTemplate},Qu));class Zu extends H.Toolbar{}const Ku=Zu.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,H.foundationToolbarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12576
|
+
${(0,H.foundationToolbarStyles)(e,a)}
|
|
12577
12577
|
:host {
|
|
12578
12578
|
align-items: center;
|
|
12579
12579
|
color: var(--neutral-foreground-rest);
|
|
@@ -12582,8 +12582,8 @@
|
|
|
12582
12582
|
.positioning-region {
|
|
12583
12583
|
align-items: center;
|
|
12584
12584
|
}
|
|
12585
|
-
`,shadowOptions:
|
|
12586
|
-
${(0,
|
|
12585
|
+
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class Xu extends H.Tooltip{}const eh=Xu.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,H.foundationTooltipTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12586
|
+
${(0,H.foundationTooltipStyles)(e,a)}
|
|
12587
12587
|
|
|
12588
12588
|
:host {
|
|
12589
12589
|
visibility: visible;
|
|
@@ -12605,8 +12605,8 @@
|
|
|
12605
12605
|
alpha-anchored-region.bottom.right .tooltip {
|
|
12606
12606
|
margin-left: 0;
|
|
12607
12607
|
}
|
|
12608
|
-
`,shadowOptions:
|
|
12609
|
-
${(0,
|
|
12608
|
+
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class ah extends H.TreeItem{}const rh={expandCollapseGlyph:'\n <svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" class="expand-collapse-glyph">\n <path d="M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z"/>\n </svg>'},th=ah.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,H.foundationTreeItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12609
|
+
${(0,H.foundationTreeItemStyles)(e,a)}
|
|
12610
12610
|
:host {
|
|
12611
12611
|
font-size: var(--type-ramp-base-font-size);
|
|
12612
12612
|
color: var(--neutral-foreground-rest);
|
|
@@ -12644,12 +12644,12 @@
|
|
|
12644
12644
|
width: calc(var(--design-unit) * 3px);
|
|
12645
12645
|
height: calc(var(--design-unit) * 3px);
|
|
12646
12646
|
}
|
|
12647
|
-
`,shadowOptions:
|
|
12648
|
-
${(0,
|
|
12649
|
-
`,shadowOptions:
|
|
12650
|
-
${(0,
|
|
12651
|
-
`;class lh extends
|
|
12652
|
-
${(0,
|
|
12647
|
+
`,shadowOptions:H.foundationTreeItemShadowOptions},rh));class oh extends H.TreeView{}const ih=oh.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,H.foundationTreeViewTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12648
|
+
${(0,H.foundationTreeViewStyles)(e,a)}
|
|
12649
|
+
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),nh=b.html`
|
|
12650
|
+
${(0,H.getPrefixedUrlInput)("rapid")}
|
|
12651
|
+
`;class lh extends H.UrlInput{}const gh={designSystemProvider:gd,rapidAccordion:dd,rapidAccordionItem:pd,rapidActionsMenu:hd,rapidAnchor:kd,rapidAnchoredRegion:Sd,rapidAvatar:$d,rapidBadge:Fd,rapidBanner:Rd,rapidBreadcrumb:Ld,rapidBreadcrumbItem:Id,rapidButton:Ed,rapidCalendar:Bd,rapidCard:_d,rapidCategorizedMultiselect:Wd,rapidCheckbox:Jd,rapidCombobox:Kd,rapidConnectionIndicator:ec,rapidDataGrid:()=>(0,H.foundationDataGrid)(),rapidDataGridCell:()=>(0,H.foundationDataGridCell)(),rapidDataGridRow:()=>(0,H.foundationDataGridRow)(),rapidDatePicker:vc,rapidDialog:zc,rapidDisclosure:Cc,rapidDivider:Ac,rapidDropdownMenu:Oc,rapidErrorBoundary:()=>(0,H.foundationErrorBoundary)(),rapidFileUpload:Pc,rapidFilter:_c,rapidFilterBar:Vc,rapidFlexLayout:()=>(0,H.foundationFlexLayout)(),rapidFlipper:Zc,rapidFlyout:tp,rapidGridLayout:()=>(0,H.foundationGridLayout)(),rapidGridLayoutItem:()=>(0,H.foundationGridLayoutItem)(),rapidHorizontalScroll:hp,rapidIcon:fp,rapidListbox:yp,rapidListboxOption:kp,rapidMenu:Sp,rapidMenuItem:Ap,rapidModal:Np,rapidMultiselect:Pp,rapidNumberField:Hp,rapidProgress:Yp,rapidProgressRing:Wp,rapidRadio:Jp,rapidRadioGroup:Kp,rapidSearchBar:ru,rapidSearchBarCombobox:ou,rapidSegmentedControl:nu,rapidSegmentedItem:gu,rapidSelect:du,rapidSkeleton:pu,rapidSlider:hu,rapidSliderLabel:bu,rapidSnackbar:xu,rapidStackingIcons:zu,rapidStepper:Au,rapidStepperTab:Tu,rapidStepperTabPanel:Ru,rapidSwitch:Mu,rapidTab:ju,rapidTabPanel:Pu,rapidTabs:Gu,rapidTextArea:Uu,rapidTextField:Vu,rapidToast:Ju,rapidToolbar:Ku,rapidTooltip:eh,rapidTreeItem:th,rapidTreeView:ih,rapidUrlInput:lh.compose(Object.assign({baseName:"url-input",template:nh,styles:(e,a)=>b.css`
|
|
12652
|
+
${(0,H.foundationUrlInputStyles)(e,a)}
|
|
12653
12653
|
a {
|
|
12654
12654
|
color: var(--accent-fill-rest);
|
|
12655
12655
|
opacity: 65%;
|
|
@@ -12664,9 +12664,9 @@
|
|
|
12664
12664
|
font-size: var(--type-ramp-base-font-size);
|
|
12665
12665
|
top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px);
|
|
12666
12666
|
}
|
|
12667
|
-
`,shadowOptions:
|
|
12668
|
-
${
|
|
12669
|
-
`,template:
|
|
12667
|
+
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};class sh extends Qi{}const dh=sh.compose({baseName:"date-editor",styles:Wi,template:qi("rapid")});class ch extends Xi{}const ph=ch.compose({baseName:"multiselect-editor",styles:en,template:an("rapid")});class uh extends nn{}const hh=uh.compose({baseName:"select-editor",styles:ln,template:gn("rapid")});class mh extends pn{}const bh=mh.compose({baseName:"number-editor",styles:un,template:hn("rapid")});class vh extends fn{}const fh=vh.compose({baseName:"string-editor",styles:wn,template:yn("rapid")});class wh extends Sn{}const yh=wh.compose({baseName:"editable-renderer",styles:Cn,template:$n("rapid")});class xh extends Rn{}const kh=xh.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
12668
|
+
${Ln}
|
|
12669
|
+
`,template:b.html`
|
|
12670
12670
|
<div class="action-container" part="action-container">
|
|
12671
12671
|
<rapid-button
|
|
12672
12672
|
class="action-renderer"
|
|
@@ -12677,17 +12677,17 @@
|
|
|
12677
12677
|
appearance="${e=>e.params.appearance}"
|
|
12678
12678
|
@click=${e=>e.clickHandler()}
|
|
12679
12679
|
>
|
|
12680
|
-
${e=>e.params.contentTemplate?
|
|
12680
|
+
${e=>e.params.contentTemplate?b.html`
|
|
12681
12681
|
${e.params.contentTemplate}
|
|
12682
12682
|
`:e.params.actionName}
|
|
12683
12683
|
</rapid-button>
|
|
12684
12684
|
</div>
|
|
12685
|
-
`});class zh extends
|
|
12685
|
+
`});class zh extends En{}const Sh=zh.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
12686
12686
|
<rapid-actions-menu
|
|
12687
12687
|
name="${e=>e.params.headerName}"
|
|
12688
12688
|
:definition=${e=>e.params}
|
|
12689
12689
|
></rapid-actions-menu>
|
|
12690
|
-
`});class Ch extends
|
|
12690
|
+
`});class Ch extends _n{}const $h=Ch.compose({baseName:"boolean-renderer",styles:Un,template:Hn("rapid")});const Ah=class extends el{}.compose({baseName:"grid-text-renderer",styles:al,template:rl("rapid")});const Fh=class extends il{}.compose({baseName:"select-renderer",styles:nl,template:ll("rapid")}),Oh={foregroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#879ba6")),backgroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#1f2126")),borderSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2e3339")),rowHoverSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2b2e34"))},Th={foregroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#000000")),headerForegroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#181d1f")),backgroundSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#FFFFFF")),borderSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#babfc7")),rowHoverSwatch:f.SwatchRGB.from((0,Se.parseColorHexRGB)("#2196f3"))},{create:Dh}=v.DesignToken,Rh={backgroundColor:Dh("rapid-ag-background-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Th.backgroundSwatch:Oh.backgroundSwatch)),borderColor:Dh("rapid-ag-border-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Th.borderSwatch:Oh.borderSwatch)),foregroundColor:Dh("rapid-ag-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Th.foregroundSwatch:Oh.foregroundSwatch)),headerForegroundColor:Dh("rapid-ag-header-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Th.headerForegroundSwatch:Oh.headerForegroundSwatch)),rowHoverColor:Dh("rapid-ag-row-hover-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Th.rowHoverSwatch:Oh.rowHoverSwatch))},Nh=b.css`
|
|
12691
12691
|
.ag-theme-genesis-rapid,
|
|
12692
12692
|
.ag-theme-genesis-rapid-dark {
|
|
12693
12693
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -13148,12 +13148,12 @@
|
|
|
13148
13148
|
.ag-theme-genesis-rapid-dark {
|
|
13149
13149
|
color-scheme: dark;
|
|
13150
13150
|
}
|
|
13151
|
-
`,Lh={[
|
|
13151
|
+
`,Lh={[Ri.backgroundColor]:Rh.backgroundColor,[Ri.foregroundColor]:Rh.foregroundColor,[Ri.oddRowBackgroundColor]:Rh.backgroundColor,[Ri.headerBackgroundColor]:Rh.backgroundColor,[Ri.headerForegroundColor]:Rh.headerForegroundColor,[Ri.selectedRowBackgroundColor]:Rh.rowHoverColor,[Ri.rowHoverColor]:Rh.rowHoverColor,[Ri.borderColor]:Rh.borderColor,[Ri.rowBorderColor]:Rh.rowHoverColor,[Ri.modalOverlayBackgroundColor]:Rh.backgroundColor,[Ri.inputFocusBoxShadow]:Rh.headerForegroundColor,[Ri.inputFocusBorderColor]:Rh.headerForegroundColor,[Ri.headerColumnResizeHandleColor]:Rh.headerForegroundColor},Mh="ag-theme-genesis-rapid",Ih=b.css`
|
|
13152
13152
|
${Nh}
|
|
13153
|
-
${
|
|
13153
|
+
${Bi(Mh,Lh)}
|
|
13154
13154
|
|
|
13155
13155
|
.${Mh} {
|
|
13156
|
-
${
|
|
13156
|
+
${He()}
|
|
13157
13157
|
font-family: var(--body-font);
|
|
13158
13158
|
}
|
|
13159
13159
|
|
|
@@ -13177,12 +13177,12 @@
|
|
|
13177
13177
|
.${Mh} .ag-cell {
|
|
13178
13178
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13179
13179
|
}
|
|
13180
|
-
`,jh="ag-theme-genesis-rapid-dark",Eh=
|
|
13180
|
+
`,jh="ag-theme-genesis-rapid-dark",Eh=b.css`
|
|
13181
13181
|
${Nh}
|
|
13182
|
-
${
|
|
13182
|
+
${Bi(Mh,Lh)}
|
|
13183
13183
|
|
|
13184
13184
|
.${jh} {
|
|
13185
|
-
${
|
|
13185
|
+
${He()}
|
|
13186
13186
|
font-family: var(--body-font);
|
|
13187
13187
|
}
|
|
13188
13188
|
|
|
@@ -13206,7 +13206,7 @@
|
|
|
13206
13206
|
.${jh} .ag-cell {
|
|
13207
13207
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13208
13208
|
}
|
|
13209
|
-
`,Ph=
|
|
13209
|
+
`,Ph=b.css`
|
|
13210
13210
|
/* All the AG themes */
|
|
13211
13211
|
${gg}
|
|
13212
13212
|
|
|
@@ -13215,10 +13215,10 @@
|
|
|
13215
13215
|
${Eh}
|
|
13216
13216
|
|
|
13217
13217
|
.error {
|
|
13218
|
-
border-color: ${
|
|
13218
|
+
border-color: ${ze.shortPink} !important;
|
|
13219
13219
|
}
|
|
13220
|
-
`,Bh=sg,Gh="ag-theme-genesis-rapid-dark";const _h=fg,Uh={rapidAgEditableRenderer:yh,rapidAgActionRenderer:kh,rapidAgActionsMenuRenderer:Sh,rapidAgBooleanRenderer:$h,rapidAgTextRenderer:Ah,rapidAgSelectRenderer:Fh,rapidAgDateEditor:dh,rapidAgMultiselectEditor:ph,rapidAgSelectEditor:hh,rapidAgNumberEditor:bh,rapidAgStringEditor:fh,rapidGridPro:class extends bg{constructor(){super(...arguments),this.theme=Gh}themeChanged(e,a){(e||a===Gh)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[
|
|
13221
|
-
${(0,
|
|
13220
|
+
`,Bh=sg,Gh="ag-theme-genesis-rapid-dark";const _h=fg,Uh={rapidAgEditableRenderer:yh,rapidAgActionRenderer:kh,rapidAgActionsMenuRenderer:Sh,rapidAgBooleanRenderer:$h,rapidAgTextRenderer:Ah,rapidAgSelectRenderer:Fh,rapidAgDateEditor:dh,rapidAgMultiselectEditor:ph,rapidAgSelectEditor:hh,rapidAgNumberEditor:bh,rapidAgStringEditor:fh,rapidGridPro:class extends bg{constructor(){super(...arguments),this.theme=Gh}themeChanged(e,a){(e||a===Gh)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Gi.action]:xh,[Gi.actionsMenu]:zh,[Gi.boolean]:Ch,[Gi.editable]:wh,[Gi.selectEditor]:uh,[Gi.numberEditor]:mh,[Gi.multiselectEditor]:ch,[Gi.dateEditor]:sh,[Gi.stringEditor]:vh};(this.theme===Mh||this.theme===jh)&&(this.headerHeight=null!==(a=e.headerHeight)&&void 0!==a?a:32,this.rowHeight=null!==(r=e.rowHeight)&&void 0!==r?r:32),super.gridOptions=e}}.compose(Object.assign({baseName:"grid-pro",template:Bh,styles:Ph,shadowOptions:undefined},_h)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Hh,Vh=r(11223);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(Hh||(Hh={}));const Yh={Roboto:Ue,"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'},Qh=Yh["Segoe UI"],Wh=b.css`
|
|
13221
|
+
${(0,v.display)("block")} :host {
|
|
13222
13222
|
width: 100%;
|
|
13223
13223
|
display: inline-flex;
|
|
13224
13224
|
font-family: Roboto, 'Segoe UI', Arial, Helvetica, sans-serif;
|
|
@@ -13349,10 +13349,10 @@
|
|
|
13349
13349
|
alpha-button {
|
|
13350
13350
|
margin: 0;
|
|
13351
13351
|
}
|
|
13352
|
-
`,qh=
|
|
13352
|
+
`,qh=b.html`
|
|
13353
13353
|
<template>
|
|
13354
13354
|
<div class="configuration">
|
|
13355
|
-
${(0,
|
|
13355
|
+
${(0,b.when)((e=>!e.customDesignMode),b.html`
|
|
13356
13356
|
<div class="row" id="designSystem">
|
|
13357
13357
|
<div class="label">
|
|
13358
13358
|
<label for="body-font">Design System</label>
|
|
@@ -13362,7 +13362,7 @@
|
|
|
13362
13362
|
name="ds"
|
|
13363
13363
|
@change="${(e,a)=>e.changeHandler(a.event)}"
|
|
13364
13364
|
>
|
|
13365
|
-
${(0,
|
|
13365
|
+
${(0,b.repeat)((e=>e.designSystems),b.html`
|
|
13366
13366
|
<alpha-option value="${e=>e.value}">${e=>e.name}</alpha-option>
|
|
13367
13367
|
`)}
|
|
13368
13368
|
</alpha-select>
|
|
@@ -13556,8 +13556,8 @@
|
|
|
13556
13556
|
></alpha-slider>
|
|
13557
13557
|
</div>
|
|
13558
13558
|
</div>
|
|
13559
|
-
${(0,
|
|
13560
|
-
<alpha-checkbox :checked="${(0,
|
|
13559
|
+
${(0,b.when)((e=>!e.customDesignMode),b.html`
|
|
13560
|
+
<alpha-checkbox :checked="${(0,Wn.Z)((e=>e.preserveOptions),"boolean")}">
|
|
13561
13561
|
Preserve selected options when changing design systems
|
|
13562
13562
|
</alpha-checkbox>
|
|
13563
13563
|
`)}
|
|
@@ -13572,7 +13572,7 @@
|
|
|
13572
13572
|
<slot></slot>
|
|
13573
13573
|
</div>
|
|
13574
13574
|
</template>
|
|
13575
|
-
`,Jh=({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(Yh).find((a=>Yh[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Zh=Jh(
|
|
13575
|
+
`,Jh=({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(Yh).find((a=>Yh[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Zh=Jh(We),Kh={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},Xh={accent:"primary",neutral:"secondary",font:"white"},em=Jh(l.designTokens),am=Jh(nd),rm={zero:{prefix:"zero",tokenDefaults:Zh,buttons:Kh,badge:Xh},alpha:{prefix:"alpha",tokenDefaults:em,buttons:{accent:"accent",neutral:"neutral",outline:"outline",text:"lightweight"},badge:{accent:"primary",neutral:"neutral",font:"white"}},rapid:{prefix:"rapid",tokenDefaults:am,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:Kh,badge:Xh}};let tm=class extends b.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Zh.luminance===f.StandardLuminance.DarkMode,this.luminance=Zh.luminance,this.neutralColor=Zh.neutralColor,this.accentColor=Zh.accentColor,this.bodyFont=Zh.bodyFont,this.density=Zh.density,this.borderRadius=Zh.borderRadius,this.strokeWidth=Zh.strokeWidth,this.designUnit=Zh.designUnit,this.baseFontSize=Zh.baseFontSize,this.baseLineHeight=Zh.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=Jh(a);rm.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Vh.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(rm[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Vh.__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 e={name:(yield this.getAppName())||"Custom Design",value:"custom"};this.designSystems=[e],this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:rm[this.ds].prefix,buttonAppearanceAccent:rm[this.ds].buttons.accent,buttonAppearanceNeutral:rm[this.ds].buttons.neutral,buttonAppearanceOutline:rm[this.ds].buttons.outline,buttonAppearanceText:rm[this.ds].buttons.text,badgeAppearanceAccent:rm[this.ds].badge.accent,badgeAppearanceNeutral:rm[this.ds].badge.neutral,badgeText:rm[this.ds].badge.font};this.$emit(Hh.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(rm[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Yh[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(Hh.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}))}getAppName(){return fetch("/api/name").then((e=>e.ok&&e.json())).then((e=>e)).catch((e=>{console.error("Error fetching tokens:",e)}))}connectedCallback(){super.connectedCallback(),this.userSelections={},_e(),b.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Hh.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Vh.__decorate)([(0,b.attr)({mode:"boolean",attribute:"custom-design-mode"})],tm.prototype,"customDesignMode",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"designSystems",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"ds",void 0),(0,Vh.__decorate)([b.attr],tm.prototype,"darkMode",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"neutralColor",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"accentColor",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"bodyFont",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"density",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"borderRadius",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"strokeWidth",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"designUnit",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"baseFontSize",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"baseLineHeight",void 0),(0,Vh.__decorate)([b.observable],tm.prototype,"preserveOptions",void 0),tm=(0,Vh.__decorate)([(0,b.customElement)({name:"design-system-editor",template:qh,styles:Wh})],tm);const om=(0,k.createLogger)("documentation-components"),im=e=>{const a=(e=>{const a=(0,Se.parseColorHexRGB)(e);return a?f.SwatchRGB.from(a):null})(e);return a?f.PaletteRGB.create(a):null},nm=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},lm=(e,a)=>{const r=im(e.neutralColor);f.neutralPalette.setValueFor(a,r);const t=im(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,nm(f.typeRampBaseFontSize,Ge.Yd.minusOne,a)),f.typeRampMinus1LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.minusOne,a)),f.typeRampMinus2FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.minusTwo,a)),f.typeRampMinus2LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.minusTwo,a)),f.typeRampPlus1FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusOne,a)),f.typeRampPlus1LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusOne,a)),f.typeRampPlus2FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusTwo,a)),f.typeRampPlus2LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusTwo,a)),f.typeRampPlus3FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusThree,a)),f.typeRampPlus3LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusThree,a)),f.typeRampPlus4FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusFour,a)),f.typeRampPlus4LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusFour,a)),f.typeRampPlus5FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusFive,a)),f.typeRampPlus5LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusFive,a)),f.typeRampPlus6FontSize.setValueFor(a,nm(f.typeRampBaseFontSize,Ge.Yd.plusSix,a)),f.typeRampPlus6LineHeight.setValueFor(a,nm(f.typeRampBaseLineHeight,Ge.Yd.plusSix,a))},gm=b.css`
|
|
13576
13576
|
:host {
|
|
13577
13577
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
13578
13578
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -13668,10 +13668,10 @@
|
|
|
13668
13668
|
display: flex;
|
|
13669
13669
|
flex-direction: column;
|
|
13670
13670
|
}
|
|
13671
|
-
`,sm=
|
|
13672
|
-
${e=>(e=>
|
|
13671
|
+
`,sm=b.html`
|
|
13672
|
+
${e=>(e=>b.html`
|
|
13673
13673
|
<template>
|
|
13674
|
-
<${e}-design-system-provider ${(0,
|
|
13674
|
+
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
13675
13675
|
<div class="wrapper">
|
|
13676
13676
|
<div class="column">
|
|
13677
13677
|
<div class="row">
|
|
@@ -13832,7 +13832,7 @@
|
|
|
13832
13832
|
<${e}-button appearance="${e=>e.buttonAppearanceAccent}" @click="${e=>e.showDialog("dialog")}">Show Dialog</${e}-button>
|
|
13833
13833
|
<${e}-multiselect class="row-padding" name="Countries" :options="${e=>e.countries}" search=true>
|
|
13834
13834
|
</${e}-multiselect>
|
|
13835
|
-
<${e}-modal ${(0,
|
|
13835
|
+
<${e}-modal ${(0,b.ref)("modal")} style="--dialog-max-width:557px;">
|
|
13836
13836
|
<h5 slot="top">Modal Title</h5>
|
|
13837
13837
|
<p>
|
|
13838
13838
|
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed
|
|
@@ -13843,7 +13843,7 @@
|
|
|
13843
13843
|
</p>
|
|
13844
13844
|
<${e}-button appearance="${e=>e.buttonAppearanceAccent}" slot="bottom" @click="${e=>e.closeDialog("modal")}">Close</${e}-button>
|
|
13845
13845
|
</${e}-modal>
|
|
13846
|
-
<${e}-dialog ${(0,
|
|
13846
|
+
<${e}-dialog ${(0,b.ref)("dialog")} style="--dialog-max-width:557px;">
|
|
13847
13847
|
<div slot="top">Dialog Title</div>
|
|
13848
13848
|
<p>Some Text in a Dialog</p>
|
|
13849
13849
|
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed
|
|
@@ -13855,7 +13855,7 @@
|
|
|
13855
13855
|
Close this dialog
|
|
13856
13856
|
</${e}-button>
|
|
13857
13857
|
</${e}-dialog>
|
|
13858
|
-
<div ${(0,
|
|
13858
|
+
<div ${(0,b.ref)("errorDialogContainer")}></div>
|
|
13859
13859
|
</div>
|
|
13860
13860
|
</div>
|
|
13861
13861
|
</div>
|
|
@@ -14010,7 +14010,7 @@
|
|
|
14010
14010
|
<div class="row">
|
|
14011
14011
|
<div class="column">
|
|
14012
14012
|
<${e}-horizontal-scroll class="horizontal-scroll">
|
|
14013
|
-
${(0,
|
|
14013
|
+
${(0,b.repeat)((e=>e.cards),b.html`
|
|
14014
14014
|
<${e}-card class="card-padding">
|
|
14015
14015
|
Card number ${e=>e}
|
|
14016
14016
|
<${e}-button>A button</${e}-button>
|
|
@@ -14041,7 +14041,7 @@
|
|
|
14041
14041
|
</${e}-toolbar>
|
|
14042
14042
|
</div>
|
|
14043
14043
|
<div class="column">
|
|
14044
|
-
<${e}-banner ${(0,
|
|
14044
|
+
<${e}-banner ${(0,b.ref)("banner")}>
|
|
14045
14045
|
<div slot="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.
|
|
14046
14046
|
Lorem, ipsum dolor.</div>
|
|
14047
14047
|
<${e}-button slot="action" @click="${e=>e.dismissBanner()}" :appearance="${e=>e.buttonAppearanceText}">
|
|
@@ -14080,7 +14080,7 @@
|
|
|
14080
14080
|
</${e}-design-system-provider>
|
|
14081
14081
|
</template>
|
|
14082
14082
|
`)(e.prefix)}
|
|
14083
|
-
`;let dm=class extends
|
|
14083
|
+
`;let dm=class extends b.FASTElement{constructor(){super(...arguments),this.prefix="zero",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,a)=>a+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=>om.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>om.debug("DELETE!!!",e)},{name:"Edit",callback:e=>om.debug("EDIT!!!",e)},{name:"Wait",callback:e=>om.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(Hh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Hh.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(Qh)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{lm(a,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,Vh.__decorate)([b.observable],dm.prototype,"modal",void 0),(0,Vh.__decorate)([b.attr],dm.prototype,"prefix",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"buttonAppearanceAccent",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"buttonAppearanceNeutral",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"buttonAppearanceOutline",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"buttonAppearanceText",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"badgeAppearanceAccent",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"badgeAppearanceNeutral",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"badgeText",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"cards",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"countries",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"menuActions",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"menuDefinition",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"dropDownMenuItems",void 0),(0,Vh.__decorate)([b.observable],dm.prototype,"provider",void 0),dm=(0,Vh.__decorate)([(0,b.customElement)({name:"preview-components",template:sm,styles:gm})],dm);const cm=b.css`
|
|
14084
14084
|
.export {
|
|
14085
14085
|
display: flex;
|
|
14086
14086
|
justify-content: center;
|
|
@@ -14091,11 +14091,11 @@
|
|
|
14091
14091
|
display: flex;
|
|
14092
14092
|
justify-content: space-between;
|
|
14093
14093
|
}
|
|
14094
|
-
`,pm=
|
|
14094
|
+
`,pm=b.html`
|
|
14095
14095
|
<template>
|
|
14096
14096
|
<div class="export">
|
|
14097
14097
|
<alpha-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</alpha-button>
|
|
14098
|
-
<alpha-modal ${(0,
|
|
14098
|
+
<alpha-modal ${(0,b.ref)("modal")}>
|
|
14099
14099
|
<slot>
|
|
14100
14100
|
<textarea rows="26" cols="34" class="textarea" :value=${e=>e.value}></textarea>
|
|
14101
14101
|
</slot>
|
|
@@ -14103,7 +14103,7 @@
|
|
|
14103
14103
|
<alpha-button appearance="accent" @click="${e=>e.closeModal()}" slot="bottom">
|
|
14104
14104
|
Close
|
|
14105
14105
|
</alpha-button>
|
|
14106
|
-
${(0,
|
|
14106
|
+
${(0,b.when)((e=>e.tokensPath),b.html`
|
|
14107
14107
|
<alpha-button appearance="accent" @click="${e=>e.updateTokens()}" slot="bottom">
|
|
14108
14108
|
Save
|
|
14109
14109
|
</alpha-button>
|
|
@@ -14112,7 +14112,7 @@
|
|
|
14112
14112
|
</alpha-modal>
|
|
14113
14113
|
</div>
|
|
14114
14114
|
</template>
|
|
14115
|
-
`;let um=class extends
|
|
14115
|
+
`;let um=class extends b.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const a={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"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(a,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch(`http://localhost:${location.port}/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=>{om.log("Tokens saved successfully:",e),this.$emit(Hh.APPLY_CUSTOM_DESIGN,e.message)})).catch((e=>{om.error("Error saving tokens:",e)})),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Hh.STYLES_CHANGED,(e=>{const a=e;this.value=this.formatValues(a.detail)}))}};(0,Vh.__decorate)([b.attr],um.prototype,"value",void 0),(0,Vh.__decorate)([b.attr],um.prototype,"tokensPath",void 0),um=(0,Vh.__decorate)([(0,b.customElement)({name:"design-system-export",template:pm,styles:cm})],um);const hm=b.css`
|
|
14116
14116
|
.colors {
|
|
14117
14117
|
display: flex;
|
|
14118
14118
|
flex-wrap: wrap;
|
|
@@ -14125,23 +14125,23 @@
|
|
|
14125
14125
|
flex-grow: 1;
|
|
14126
14126
|
height: 20px;
|
|
14127
14127
|
}
|
|
14128
|
-
`,mm=
|
|
14128
|
+
`,mm=b.html`
|
|
14129
14129
|
<ul class="colors">
|
|
14130
|
-
${(0,
|
|
14130
|
+
${(0,b.repeat)((e=>e.swatches),b.html`
|
|
14131
14131
|
<li class="color" style="background-color: ${e=>e.toColorString()}"></li>
|
|
14132
14132
|
`)}
|
|
14133
14133
|
</ul>
|
|
14134
|
-
`;let bm=class extends
|
|
14134
|
+
`;let bm=class extends b.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){f[this.type+"Palette"].subscribe({handleChange:e=>{const a=e.token.getValueFor(this);this.swatches=[...a.swatches]}},this)}}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{const e=im(a[`${this.type}Color`]);this.swatches=[...e.swatches]}))}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Hh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)}))}};(0,Vh.__decorate)([b.observable],bm.prototype,"swatches",void 0),(0,Vh.__decorate)([b.attr],bm.prototype,"type",void 0),bm=(0,Vh.__decorate)([(0,b.customElement)({name:"color-palette",styles:hm,template:mm})],bm);const vm=b.css`
|
|
14135
14135
|
.preview {
|
|
14136
14136
|
width: 40px;
|
|
14137
14137
|
height: 40px;
|
|
14138
14138
|
}
|
|
14139
|
-
`,fm=
|
|
14139
|
+
`,fm=b.html`
|
|
14140
14140
|
<div
|
|
14141
14141
|
class="preview"
|
|
14142
|
-
style="background-color: ${e=>
|
|
14142
|
+
style="background-color: ${e=>f[e.tokenName].createCSS()}"
|
|
14143
14143
|
></div>
|
|
14144
|
-
`;let wm=class extends
|
|
14144
|
+
`;let wm=class extends b.FASTElement{};(0,Vh.__decorate)([b.attr],wm.prototype,"tokenName",void 0),wm=(0,Vh.__decorate)([(0,b.customElement)({name:"color-token",styles:vm,template:fm})],wm);const ym=b.css`
|
|
14145
14145
|
.container {
|
|
14146
14146
|
display: flex;
|
|
14147
14147
|
width: 100%;
|
|
@@ -14189,31 +14189,31 @@
|
|
|
14189
14189
|
.container > div:not(:last-child) {
|
|
14190
14190
|
border-right: 1px solid #fafafa;
|
|
14191
14191
|
}
|
|
14192
|
-
`,xm=[{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"}]}]}],km=
|
|
14192
|
+
`,xm=[{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"}]}]}],km=b.html`
|
|
14193
14193
|
<div class="row">
|
|
14194
14194
|
<div
|
|
14195
14195
|
class="preview"
|
|
14196
|
-
style="background-color: ${e=>
|
|
14196
|
+
style="background-color: ${e=>f[e.name].createCSS()}"
|
|
14197
14197
|
></div>
|
|
14198
14198
|
<!-- <div class="token-name" title=${e=>e.cssProperty}>${e=>e.cssProperty}</div> -->
|
|
14199
14199
|
<div class="token-name" title=${e=>e.cssProperty}>${e=>e.name}</div>
|
|
14200
14200
|
<div>
|
|
14201
|
-
${(e,a)=>
|
|
14201
|
+
${(e,a)=>f[e.name].getValueFor(a.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
|
|
14202
14202
|
</div>
|
|
14203
14203
|
</div>
|
|
14204
|
-
`,zm=
|
|
14205
|
-
<div class="container" ${(0,
|
|
14206
|
-
${(0,
|
|
14204
|
+
`,zm=b.html`
|
|
14205
|
+
<div class="container" ${(0,b.ref)("provider")}>
|
|
14206
|
+
${(0,b.repeat)((()=>xm),b.html`
|
|
14207
14207
|
<div class="column">
|
|
14208
14208
|
<h3 class="header-title">${e=>e.title}</h3>
|
|
14209
|
-
${(0,
|
|
14209
|
+
${(0,b.repeat)((e=>e.subcategories),b.html`
|
|
14210
14210
|
<h4>${e=>e.title}</h4>
|
|
14211
|
-
${(0,
|
|
14211
|
+
${(0,b.repeat)((e=>e.tokens),km)}
|
|
14212
14212
|
`)}
|
|
14213
14213
|
</div>
|
|
14214
14214
|
`)}
|
|
14215
14215
|
</div>
|
|
14216
|
-
`;let Sm=class extends
|
|
14216
|
+
`;let Sm=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Hh.STYLES_CHANGED,(e=>{const a=e.detail;lm(a,this.provider)}))}};(0,Vh.__decorate)([b.observable],Sm.prototype,"provider",void 0),Sm=(0,Vh.__decorate)([(0,b.customElement)({name:"color-tokens",template:zm,styles:ym})],Sm);const Cm=b.css`
|
|
14217
14217
|
table {
|
|
14218
14218
|
background: var(--neutral-fill-rest);
|
|
14219
14219
|
color: var(--neutral-foreground-rest);
|
|
@@ -14222,8 +14222,8 @@
|
|
|
14222
14222
|
th {
|
|
14223
14223
|
text-align: left;
|
|
14224
14224
|
}
|
|
14225
|
-
`,$m=
|
|
14226
|
-
<table ${(0,
|
|
14225
|
+
`,$m=b.html`
|
|
14226
|
+
<table ${(0,b.ref)("provider")} style="font-family: ${()=>f.bodyFont.createCSS()}">
|
|
14227
14227
|
<colgroup>
|
|
14228
14228
|
<col style="width: 15%;" />
|
|
14229
14229
|
<col style="width: 30%;" />
|
|
@@ -14249,17 +14249,17 @@
|
|
|
14249
14249
|
typeRampMinus2LineHeight
|
|
14250
14250
|
</td>
|
|
14251
14251
|
<td>
|
|
14252
|
-
${()=>
|
|
14252
|
+
${()=>f.typeRampMinus2FontSize.cssCustomProperty}
|
|
14253
14253
|
<br />
|
|
14254
|
-
${()=>
|
|
14254
|
+
${()=>f.typeRampMinus2LineHeight.cssCustomProperty}
|
|
14255
14255
|
</td>
|
|
14256
14256
|
<td>
|
|
14257
|
-
${e=>
|
|
14257
|
+
${e=>f.typeRampMinus2FontSize.getValueFor(e.provider)}
|
|
14258
14258
|
<br />
|
|
14259
|
-
${e=>
|
|
14259
|
+
${e=>f.typeRampMinus2LineHeight.getValueFor(e.provider)}
|
|
14260
14260
|
</td>
|
|
14261
14261
|
<td
|
|
14262
|
-
style="font-size: ${()=>
|
|
14262
|
+
style="font-size: ${()=>f.typeRampMinus2FontSize.createCSS()}; line-height: ${()=>f.typeRampMinus2LineHeight.createCSS()};"
|
|
14263
14263
|
>
|
|
14264
14264
|
The quick brown fox jumps over a lazy dog
|
|
14265
14265
|
</td>
|
|
@@ -14272,17 +14272,17 @@
|
|
|
14272
14272
|
typeRampMinus1LineHeight
|
|
14273
14273
|
</td>
|
|
14274
14274
|
<td>
|
|
14275
|
-
${()=>
|
|
14275
|
+
${()=>f.typeRampMinus1FontSize.cssCustomProperty}
|
|
14276
14276
|
<br />
|
|
14277
|
-
${()=>
|
|
14277
|
+
${()=>f.typeRampMinus1LineHeight.cssCustomProperty}
|
|
14278
14278
|
</td>
|
|
14279
14279
|
<td>
|
|
14280
|
-
${e=>
|
|
14280
|
+
${e=>f.typeRampMinus1FontSize.getValueFor(e.provider)}
|
|
14281
14281
|
<br />
|
|
14282
|
-
${e=>
|
|
14282
|
+
${e=>f.typeRampMinus1LineHeight.getValueFor(e.provider)}
|
|
14283
14283
|
</td>
|
|
14284
14284
|
<td
|
|
14285
|
-
style="font-size: ${()=>
|
|
14285
|
+
style="font-size: ${()=>f.typeRampMinus1FontSize.createCSS()}; line-height: ${()=>f.typeRampMinus1LineHeight.createCSS()};"
|
|
14286
14286
|
>
|
|
14287
14287
|
The quick brown fox jumps over a lazy dog
|
|
14288
14288
|
</td>
|
|
@@ -14295,17 +14295,17 @@
|
|
|
14295
14295
|
typeRampBaseLineHeight
|
|
14296
14296
|
</td>
|
|
14297
14297
|
<td>
|
|
14298
|
-
${()=>
|
|
14298
|
+
${()=>f.typeRampBaseFontSize.cssCustomProperty}
|
|
14299
14299
|
<br />
|
|
14300
|
-
${()=>
|
|
14300
|
+
${()=>f.typeRampBaseLineHeight.cssCustomProperty}
|
|
14301
14301
|
</td>
|
|
14302
14302
|
<td>
|
|
14303
|
-
${e=>
|
|
14303
|
+
${e=>f.typeRampBaseFontSize.getValueFor(e.provider)}
|
|
14304
14304
|
<br />
|
|
14305
|
-
${e=>
|
|
14305
|
+
${e=>f.typeRampBaseLineHeight.getValueFor(e.provider)}
|
|
14306
14306
|
</td>
|
|
14307
14307
|
<td
|
|
14308
|
-
style="font-size: ${()=>
|
|
14308
|
+
style="font-size: ${()=>f.typeRampBaseFontSize.createCSS()}; line-height: ${()=>f.typeRampBaseLineHeight.createCSS()};"
|
|
14309
14309
|
>
|
|
14310
14310
|
The quick brown fox jumps over a lazy dog
|
|
14311
14311
|
</td>
|
|
@@ -14318,17 +14318,17 @@
|
|
|
14318
14318
|
typeRampPlus1LineHeight
|
|
14319
14319
|
</td>
|
|
14320
14320
|
<td>
|
|
14321
|
-
${()=>
|
|
14321
|
+
${()=>f.typeRampPlus1FontSize.cssCustomProperty}
|
|
14322
14322
|
<br />
|
|
14323
|
-
${()=>
|
|
14323
|
+
${()=>f.typeRampPlus1LineHeight.cssCustomProperty}
|
|
14324
14324
|
</td>
|
|
14325
14325
|
<td>
|
|
14326
|
-
${e=>
|
|
14326
|
+
${e=>f.typeRampPlus1FontSize.getValueFor(e.provider)}
|
|
14327
14327
|
<br />
|
|
14328
|
-
${e=>
|
|
14328
|
+
${e=>f.typeRampPlus1LineHeight.getValueFor(e.provider)}
|
|
14329
14329
|
</td>
|
|
14330
14330
|
<td
|
|
14331
|
-
style="font-size: ${()=>
|
|
14331
|
+
style="font-size: ${()=>f.typeRampPlus1FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus1LineHeight.createCSS()};"
|
|
14332
14332
|
>
|
|
14333
14333
|
The quick brown fox jumps over a lazy dog
|
|
14334
14334
|
</td>
|
|
@@ -14341,17 +14341,17 @@
|
|
|
14341
14341
|
typeRampPlus2LineHeight
|
|
14342
14342
|
</td>
|
|
14343
14343
|
<td>
|
|
14344
|
-
${()=>
|
|
14344
|
+
${()=>f.typeRampPlus2FontSize.cssCustomProperty}
|
|
14345
14345
|
<br />
|
|
14346
|
-
${()=>
|
|
14346
|
+
${()=>f.typeRampPlus2LineHeight.cssCustomProperty}
|
|
14347
14347
|
</td>
|
|
14348
14348
|
<td>
|
|
14349
|
-
${e=>
|
|
14349
|
+
${e=>f.typeRampPlus2FontSize.getValueFor(e.provider)}
|
|
14350
14350
|
<br />
|
|
14351
|
-
${e=>
|
|
14351
|
+
${e=>f.typeRampPlus2LineHeight.getValueFor(e.provider)}
|
|
14352
14352
|
</td>
|
|
14353
14353
|
<td
|
|
14354
|
-
style="font-size: ${()=>
|
|
14354
|
+
style="font-size: ${()=>f.typeRampPlus2FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus2LineHeight.createCSS()};"
|
|
14355
14355
|
>
|
|
14356
14356
|
The quick brown fox jumps over a lazy dog
|
|
14357
14357
|
</td>
|
|
@@ -14364,17 +14364,17 @@
|
|
|
14364
14364
|
typeRampPlus3LineHeight
|
|
14365
14365
|
</td>
|
|
14366
14366
|
<td>
|
|
14367
|
-
${()=>
|
|
14367
|
+
${()=>f.typeRampPlus3FontSize.cssCustomProperty}
|
|
14368
14368
|
<br />
|
|
14369
|
-
${()=>
|
|
14369
|
+
${()=>f.typeRampPlus3LineHeight.cssCustomProperty}
|
|
14370
14370
|
</td>
|
|
14371
14371
|
<td>
|
|
14372
|
-
${e=>
|
|
14372
|
+
${e=>f.typeRampPlus3FontSize.getValueFor(e.provider)}
|
|
14373
14373
|
<br />
|
|
14374
|
-
${e=>
|
|
14374
|
+
${e=>f.typeRampPlus3LineHeight.getValueFor(e.provider)}
|
|
14375
14375
|
</td>
|
|
14376
14376
|
<td
|
|
14377
|
-
style="font-size: ${()=>
|
|
14377
|
+
style="font-size: ${()=>f.typeRampPlus3FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus3LineHeight.createCSS()};"
|
|
14378
14378
|
>
|
|
14379
14379
|
The quick brown fox jumps over a lazy dog
|
|
14380
14380
|
</td>
|
|
@@ -14387,17 +14387,17 @@
|
|
|
14387
14387
|
typeRampPlus4LineHeight
|
|
14388
14388
|
</td>
|
|
14389
14389
|
<td>
|
|
14390
|
-
${()=>
|
|
14390
|
+
${()=>f.typeRampPlus4FontSize.cssCustomProperty}
|
|
14391
14391
|
<br />
|
|
14392
|
-
${()=>
|
|
14392
|
+
${()=>f.typeRampPlus4LineHeight.cssCustomProperty}
|
|
14393
14393
|
</td>
|
|
14394
14394
|
<td>
|
|
14395
|
-
${e=>
|
|
14395
|
+
${e=>f.typeRampPlus4FontSize.getValueFor(e.provider)}
|
|
14396
14396
|
<br />
|
|
14397
|
-
${e=>
|
|
14397
|
+
${e=>f.typeRampPlus4LineHeight.getValueFor(e.provider)}
|
|
14398
14398
|
</td>
|
|
14399
14399
|
<td
|
|
14400
|
-
style="font-size: ${()=>
|
|
14400
|
+
style="font-size: ${()=>f.typeRampPlus4FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus4LineHeight.createCSS()};"
|
|
14401
14401
|
>
|
|
14402
14402
|
The quick brown fox jumps over a lazy dog
|
|
14403
14403
|
</td>
|
|
@@ -14410,17 +14410,17 @@
|
|
|
14410
14410
|
typeRampPlus5LineHeight
|
|
14411
14411
|
</td>
|
|
14412
14412
|
<td>
|
|
14413
|
-
${()=>
|
|
14413
|
+
${()=>f.typeRampPlus5FontSize.cssCustomProperty}
|
|
14414
14414
|
<br />
|
|
14415
|
-
${()=>
|
|
14415
|
+
${()=>f.typeRampPlus5LineHeight.cssCustomProperty}
|
|
14416
14416
|
</td>
|
|
14417
14417
|
<td>
|
|
14418
|
-
${e=>
|
|
14418
|
+
${e=>f.typeRampPlus5FontSize.getValueFor(e.provider)}
|
|
14419
14419
|
<br />
|
|
14420
|
-
${e=>
|
|
14420
|
+
${e=>f.typeRampPlus5LineHeight.getValueFor(e.provider)}
|
|
14421
14421
|
</td>
|
|
14422
14422
|
<td
|
|
14423
|
-
style="font-size: ${()=>
|
|
14423
|
+
style="font-size: ${()=>f.typeRampPlus5FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus5LineHeight.createCSS()};"
|
|
14424
14424
|
>
|
|
14425
14425
|
The quick brown fox jumps over a lazy dog
|
|
14426
14426
|
</td>
|
|
@@ -14433,24 +14433,24 @@
|
|
|
14433
14433
|
typeRampPlus6LineHeight
|
|
14434
14434
|
</td>
|
|
14435
14435
|
<td>
|
|
14436
|
-
${()=>
|
|
14436
|
+
${()=>f.typeRampPlus6FontSize.cssCustomProperty}
|
|
14437
14437
|
<br />
|
|
14438
|
-
${()=>
|
|
14438
|
+
${()=>f.typeRampPlus6LineHeight.cssCustomProperty}
|
|
14439
14439
|
</td>
|
|
14440
14440
|
<td>
|
|
14441
|
-
${e=>
|
|
14441
|
+
${e=>f.typeRampPlus6FontSize.getValueFor(e.provider)}
|
|
14442
14442
|
<br />
|
|
14443
|
-
${e=>
|
|
14443
|
+
${e=>f.typeRampPlus6LineHeight.getValueFor(e.provider)}
|
|
14444
14444
|
</td>
|
|
14445
14445
|
<td
|
|
14446
|
-
style="font-size: ${()=>
|
|
14446
|
+
style="font-size: ${()=>f.typeRampPlus6FontSize.createCSS()}; line-height: ${()=>f.typeRampPlus6LineHeight.createCSS()};"
|
|
14447
14447
|
>
|
|
14448
14448
|
The quick brown fox jumps over a lazy dog
|
|
14449
14449
|
</td>
|
|
14450
14450
|
</tr>
|
|
14451
14451
|
</tbody>
|
|
14452
14452
|
</table>
|
|
14453
|
-
`;let Am=class extends
|
|
14453
|
+
`;let Am=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Hh.STYLES_CHANGED,(e=>{const a=e.detail;lm(a,this.provider)}))}};(0,Vh.__decorate)([b.observable],Am.prototype,"provider",void 0),Am=(0,Vh.__decorate)([(0,b.customElement)({name:"typography-tokens",template:$m,styles:Cm})],Am);const Fm=b.css`
|
|
14454
14454
|
:host {
|
|
14455
14455
|
background: var(--fill-color);
|
|
14456
14456
|
color: var(--neutral-foreground-rest);
|
|
@@ -14466,7 +14466,7 @@
|
|
|
14466
14466
|
margin-top: 24px;
|
|
14467
14467
|
padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
14468
14468
|
}
|
|
14469
|
-
`,Om=
|
|
14469
|
+
`,Om=b.html`
|
|
14470
14470
|
<template>
|
|
14471
14471
|
<alpha-tabs>
|
|
14472
14472
|
<alpha-tab slot="tab">Components</alpha-tab>
|
|
@@ -14495,7 +14495,7 @@
|
|
|
14495
14495
|
</alpha-tab-panel>
|
|
14496
14496
|
</alpha-tabs>
|
|
14497
14497
|
</template>
|
|
14498
|
-
`;let Tm=class extends
|
|
14498
|
+
`;let Tm=class extends b.FASTElement{};Tm=(0,Vh.__decorate)([(0,b.customElement)({name:"design-system-preview",template:Om,styles:Fm})],Tm);const Dm={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"}]}]}}]},Rm={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"]}}},Nm={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"}]}}}]},Lm={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"]}}}},Mm=b.css`
|
|
14499
14499
|
:host {
|
|
14500
14500
|
background: var(--fill-color);
|
|
14501
14501
|
color: var(--neutral-foreground-rest);
|
|
@@ -14526,10 +14526,10 @@
|
|
|
14526
14526
|
zero-design-system-provider {
|
|
14527
14527
|
display: inline;
|
|
14528
14528
|
}
|
|
14529
|
-
`,Im=
|
|
14530
|
-
${e=>(e=>
|
|
14529
|
+
`,Im=b.html`
|
|
14530
|
+
${e=>(e=>b.html`
|
|
14531
14531
|
<template>
|
|
14532
|
-
<${e}-design-system-provider ${(0,
|
|
14532
|
+
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
14533
14533
|
<div class="wrapper">
|
|
14534
14534
|
<div class="form-container">
|
|
14535
14535
|
<h2>Sample Form </h2>
|
|
@@ -14550,7 +14550,7 @@
|
|
|
14550
14550
|
</${e}-design-system-provider>
|
|
14551
14551
|
</template>
|
|
14552
14552
|
`)(e.prefix)}
|
|
14553
|
-
`;let jm=class extends
|
|
14553
|
+
`;let jm=class extends b.FASTElement{constructor(){super(...arguments),this.jsonSchema=Rm,this.uischema=Dm,this.jsonSchemaArray=Lm,this.uiSchemaArray=Nm,this.prefix="zero",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(Hh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Hh.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(Qh)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{lm(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,Vh.__decorate)([b.observable],jm.prototype,"jsonSchema",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"uischema",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"jsonSchemaArray",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"uiSchemaArray",void 0),(0,Vh.__decorate)([b.attr],jm.prototype,"prefix",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"provider",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"editedEntity",void 0),(0,Vh.__decorate)([b.observable],jm.prototype,"editedEntityArray",void 0),jm=(0,Vh.__decorate)([(0,b.customElement)({name:"preview-form",template:Im,styles:Mm})],jm);const Em=b.css`
|
|
14554
14554
|
:host {
|
|
14555
14555
|
background: var(--fill-color);
|
|
14556
14556
|
color: var(--neutral-foreground-rest);
|
|
@@ -14565,15 +14565,15 @@
|
|
|
14565
14565
|
.grid-height {
|
|
14566
14566
|
height: 450px;
|
|
14567
14567
|
}
|
|
14568
|
-
`,Pm=
|
|
14569
|
-
${e=>(e=>
|
|
14568
|
+
`,Pm=b.html`
|
|
14569
|
+
${e=>(e=>b.html`
|
|
14570
14570
|
<template>
|
|
14571
|
-
<${e}-design-system-provider ${(0,
|
|
14571
|
+
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
14572
14572
|
<div class="grid-height">
|
|
14573
|
-
<${e}-grid-pro ${(0,
|
|
14573
|
+
<${e}-grid-pro ${(0,b.ref)("grid")}></${e}-grid-pro>
|
|
14574
14574
|
</div>
|
|
14575
14575
|
</${e}-design-system-provider>
|
|
14576
14576
|
</template>
|
|
14577
14577
|
`)(e.prefix)}
|
|
14578
|
-
`;let Bm=class extends
|
|
14579
|
-
//# sourceMappingURL=577.
|
|
14578
|
+
`;let Bm=class extends b.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.rowData=[{make:"Toyota",model:"Celica",price:35e3,creationDate:1617624494293,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494295,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1619637452397,isCool:!1},{make:"Audi",model:"A6",price:8e4,creationDate:1617624494293,isCool:!0},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494295,isCool:!0},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1619637452397,isCool:!1},{make:"BMW",model:"Z8",price:9e4,creationDate:1617624494293,isCool:!1},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494295,isCool:!1},{make:"Toyota",model:"Celica",price:35e3,creationDate:1619637452397,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494293,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1617624494295,isCool:!0},{make:"Audi",model:"A6",price:8e4,creationDate:1619637452397,isCool:!1},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494293,isCool:!1},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1617624494295,isCool:!0},{make:"BMW",model:"Z8",price:9e4,creationDate:1619637452397,isCool:!0},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494293,isCool:!0}],this.columnDefs=[{field:"make"},{field:"model"},{field:"price"},{field:"creationDate"},{field:"isCool"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Hh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Hh.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{this.setGridOptions(),f.bodyFont.withDefault(Qh)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{lm(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,b.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,Vh.__decorate)([b.observable],Bm.prototype,"grid",void 0),(0,Vh.__decorate)([b.attr],Bm.prototype,"prefix",void 0),(0,Vh.__decorate)([b.observable],Bm.prototype,"provider",void 0),(0,Vh.__decorate)([b.observable],Bm.prototype,"rowData",void 0),(0,Vh.__decorate)([b.observable],Bm.prototype,"columnDefs",void 0),(0,Vh.__decorate)([b.observable],Bm.prototype,"gridOptions",void 0),Bm=(0,Vh.__decorate)([(0,b.customElement)({name:"preview-grid",template:Pm,styles:Em})],Bm),((e,a="zero")=>{e&&(0,H.provideTokens)(t,o,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(Di,Lg),(0,l.provideDesignSystem)().register(l.baseComponents,Mg),((e,a="rapid")=>{e&&(0,H.provideTokens)(i,n,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(gh,Uh)}}]);
|
|
14579
|
+
//# sourceMappingURL=577.7ff61aec3e24024e5dd4ec19e0b60734.js.map
|