@genesislcap/design-system-configurator 14.162.6 → 14.163.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{200.200.c884b543e4aac3f63fcb.js → 200.200.4a594af71f3ff82c0940.js} +1 -1
- package/dist/{300.300.2f9d826ff57771b21c7c.js → 300.300.5440434980343d54ee3c.js} +1 -1
- package/dist/{746.746.df3e5d5b73fde9118c2a.js → 746.746.1277f84c5eddb3edf219.js} +1 -1
- package/dist/{755.755.c883b08b0a1828a866b9.js → 755.755.8d22fd17e97f3efcd235.js} +1 -1
- package/dist/{8.8.0ed639c1b5c67e154571.js → 8.8.48c7d436f8636898b577.js} +1 -1
- package/dist/849.01093a4d4929390379937686cde1f7af.js.map +1 -0
- package/dist/{577.577.3b857f8daabeacc4ef1f.js → 849.849.f2d5073dc4ecf32bd91a.js} +524 -502
- package/dist/{designSystemConfigurator.7aebb7e87e2948e404e9e27cf9eb4c99.js.map → designSystemConfigurator.ee629800ef463096f39bd0afdb920226.js.map} +1 -1
- package/dist/index.html +1 -1
- package/dist/{main.5337135e0b9796b78c5ca54105e300af.js.map → main.2b4121ebbfcb665ac415316ca3ce8365.js.map} +1 -1
- package/dist/{main.9d5fc7763313d0abadc0.js → main.6c8b3ccb31e1c98bec11.js} +2 -2
- package/dist/remoteEntry.js +2 -2
- package/package.json +12 -12
- package/dist/577.c32fcfd8ba42cbef6b9b72a02d626015.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
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(89700),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`
|
|
1
|
+
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[849],{6303:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>fm,ColorToken:()=>xm,ColorTokens:()=>$m,DesignSystemEditor:()=>im,DesignSystemExport:()=>mm,DesignSystemPreview:()=>Rm,EventName:()=>Yh,PreviewComponents:()=>pm,PreviewForm:()=>Pm,PreviewGrid:()=>_m,TypographyTokens:()=>Om,defaultBodyFont:()=>qh,fontFamilies:()=>Wh});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:()=>Oe,defaultSuccessColor:()=>Re,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Te,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:()=>Ne,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:()=>Le,baseLayerLuminanceValue:()=>Ie,bodyFontValue:()=>Qe,controlCornerRadiusValue:()=>Be,densityValue:()=>Ge,designTokens:()=>Je,designUnitValue:()=>_e,directionValue:()=>Ee,neutralPaletteValue:()=>Me,strokeWidthValue:()=>Pe,typeRampBaseFontSizeValue:()=>We,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:()=>Zg,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>Jg,defaultErrorColor:()=>Gg,defaultSellColor:()=>Xg,defaultSuccessColor:()=>Hg,defaultWarningColor:()=>Qg,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>_g,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:()=>es,strokeWidth:()=>f.strokeWidth,successColor:()=>Vg,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:()=>Wg});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>ns,accentFillFocusDeltaValue:()=>ls,accentFillHoverDeltaValue:()=>is,accentFillRestDeltaValue:()=>os,accentForegroundActiveDeltaValue:()=>ds,accentForegroundFocusDeltaValue:()=>cs,accentForegroundHoverDeltaValue:()=>ss,accentForegroundRestDeltaValue:()=>gs,accentPaletteValue:()=>as,baseHeightMultiplierValue:()=>Ps,baseLayerLuminanceValue:()=>ts,bodyFontValue:()=>Us,controlCornerRadiusValue:()=>Bs,densityValue:()=>Gs,designTokens:()=>gd,designUnitValue:()=>_s,directionValue:()=>Ms,disabledOpacityValue:()=>Is,focusStrokeWidthValue:()=>Es,neutralFillActiveDeltaValue:()=>hs,neutralFillFocusDeltaValue:()=>ms,neutralFillHoverDeltaValue:()=>us,neutralFillInputActiveDeltaValue:()=>fs,neutralFillInputFocusDeltaValue:()=>ws,neutralFillInputHoverDeltaValue:()=>vs,neutralFillInputRestDeltaValue:()=>bs,neutralFillLayerRestDeltaValue:()=>Fs,neutralFillRestDeltaValue:()=>ps,neutralFillStealthActiveDeltaValue:()=>ks,neutralFillStealthFocusDeltaValue:()=>zs,neutralFillStealthHoverDeltaValue:()=>xs,neutralFillStealthRestDeltaValue:()=>ys,neutralFillStrongActiveDeltaValue:()=>$s,neutralFillStrongFocusDeltaValue:()=>As,neutralFillStrongHoverDeltaValue:()=>Cs,neutralFillStrongRestDeltaValue:()=>Ss,neutralPaletteValue:()=>rs,neutralStrokeActiveDeltaValue:()=>Ds,neutralStrokeDividerRestDeltaValue:()=>Ns,neutralStrokeFocusDeltaValue:()=>Rs,neutralStrokeHoverDeltaValue:()=>Ts,neutralStrokeRestDeltaValue:()=>Os,prefix:()=>Ls,strokeWidthValue:()=>js,typeRampBaseFontSizeValue:()=>Hs,typeRampBaseLineHeightValue:()=>Vs,typeRampMinus1FontSizeValue:()=>Ys,typeRampMinus1LineHeightValue:()=>Qs,typeRampMinus2FontSizeValue:()=>Ws,typeRampMinus2LineHeightValue:()=>qs,typeRampPlus1FontSizeValue:()=>Js,typeRampPlus1LineHeightValue:()=>Zs,typeRampPlus2FontSizeValue:()=>Ks,typeRampPlus2LineHeightValue:()=>Xs,typeRampPlus3FontSizeValue:()=>ed,typeRampPlus3LineHeightValue:()=>ad,typeRampPlus4FontSizeValue:()=>rd,typeRampPlus4LineHeightValue:()=>td,typeRampPlus5FontSizeValue:()=>od,typeRampPlus5LineHeightValue:()=>id,typeRampPlus6FontSizeValue:()=>nd,typeRampPlus6LineHeightValue:()=>ld});var l=r(26711),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
3
|
border: calc(${f.strokeWidth} * 1px) solid transparent;
|
|
4
4
|
margin: 0;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
background: ${w.H.Canvas};
|
|
51
51
|
border-color: ${w.H.CanvasText};
|
|
52
52
|
}
|
|
53
|
-
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(
|
|
53
|
+
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(20250);const z=(0,k.createLogger)("foundation-form"),S=b.html`
|
|
54
54
|
<template>
|
|
55
55
|
${(0,b.when)((e=>!1),b.html`
|
|
56
56
|
<zero-button class="clipboard-button" @click=${e=>e.copyUISchemaToClipboard()}>
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
</control-wrapper>
|
|
289
289
|
</template>
|
|
290
290
|
`)(e.prefix)}
|
|
291
|
-
`,tester:(0,m.yMz)(3,_),mapper:m.xq9};var H=r(
|
|
291
|
+
`,tester:(0,m.yMz)(3,_),mapper:m.xq9};var H=r(83161);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
292
|
${e=>((e="zero")=>b.html`
|
|
293
293
|
<template>
|
|
294
294
|
<control-wrapper
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
style="display: none"
|
|
398
398
|
></pre>
|
|
399
399
|
</template>
|
|
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)(
|
|
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=>a=>(0,m.ndu)(a,"array")&&a.hasOwnProperty("items")&&a.items.type===e,re=e=>(0,m.wcO)((a=>a.hasOwnProperty("oneOf")&&a.oneOf.some(ae(e))||ae(e)(a))),te={renderer:b.html`
|
|
401
401
|
<template>
|
|
402
402
|
<control-wrapper
|
|
403
403
|
:control=${e=>e.control}
|
|
@@ -407,7 +407,7 @@
|
|
|
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,m.yMz)(2,re),mapper:m.OmS,dispatchMapper:m.mpi},oe={renderer:b.html`
|
|
410
|
+
`,tester:(0,m.yMz)(2,re("object")),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>
|
|
@@ -520,7 +520,29 @@
|
|
|
520
520
|
</control-wrapper>
|
|
521
521
|
</template>
|
|
522
522
|
`)(e.prefix)}
|
|
523
|
-
`,tester:(0,m.yMz)(3,ce),mapper:m.xq9};
|
|
523
|
+
`,tester:(0,m.yMz)(3,ce),mapper:m.xq9};function ue(e,a){const r=a.event.target.value;e.control.handleChange(e.control.path,""===r?null:r.split(",").map((e=>e.trimStart())))}const he={renderer:b.html`
|
|
524
|
+
${e=>((e="zero")=>b.html`
|
|
525
|
+
<template>
|
|
526
|
+
<control-wrapper
|
|
527
|
+
:control=${e=>e.control}
|
|
528
|
+
:touched=${e=>e.touched}
|
|
529
|
+
?submitted=${e=>e.submitted}
|
|
530
|
+
>
|
|
531
|
+
<${e}-text-field
|
|
532
|
+
:value=${e=>{var a;return(null===(a=e.control.data)||void 0===a?void 0:a.toString())||""}}
|
|
533
|
+
@change=${ue}
|
|
534
|
+
placeholder=${e=>e.control.uischema.placeholder||e.control.label}
|
|
535
|
+
id=${e=>e.control.path}
|
|
536
|
+
data-test-id=${e=>e.control.path}
|
|
537
|
+
?required=${e=>e.control.required}
|
|
538
|
+
?disabled=${e=>!e.control.enabled}
|
|
539
|
+
style="width: 100%"
|
|
540
|
+
@blur=${e=>e.onBlur()}
|
|
541
|
+
></${e}-text-area>
|
|
542
|
+
</control-wrapper>
|
|
543
|
+
</template>
|
|
544
|
+
`)(e.prefix)}
|
|
545
|
+
`,tester:(0,m.yMz)(3,re("string")),mapper:m.xq9};var me=r(55509);function be(e,a){const r=a.event.target.value;e.control.handleChange(e.control.path,""===r?null:r)}const ve=b.html`
|
|
524
546
|
${e=>((e="zero")=>b.html`
|
|
525
547
|
<template>
|
|
526
548
|
<control-wrapper
|
|
@@ -528,11 +550,11 @@
|
|
|
528
550
|
:touched=${e=>e.touched}
|
|
529
551
|
?submitted=${e=>e.submitted}
|
|
530
552
|
>
|
|
531
|
-
${(0,
|
|
553
|
+
${(0,me.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
554
|
<${e}-text-field
|
|
533
555
|
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
556
|
:value=${e=>e.control.data||""}
|
|
535
|
-
@change=${
|
|
557
|
+
@change=${be}
|
|
536
558
|
placeholder=${e=>e.control.uischema.placeholder||e.control.label}
|
|
537
559
|
id=${e=>e.control.path}
|
|
538
560
|
data-test-id=${e=>e.control.path}
|
|
@@ -543,7 +565,7 @@
|
|
|
543
565
|
></${e}-text-field>`,b.html`
|
|
544
566
|
<${e}-text-area
|
|
545
567
|
:value=${e=>e.control.data||""}
|
|
546
|
-
@change=${
|
|
568
|
+
@change=${be}
|
|
547
569
|
placeholder=${e=>e.control.uischema.placeholder||e.control.label}
|
|
548
570
|
id=${e=>e.control.path}
|
|
549
571
|
data-test-id=${e=>e.control.path}
|
|
@@ -556,11 +578,11 @@
|
|
|
556
578
|
</control-wrapper>
|
|
557
579
|
</template>
|
|
558
580
|
`)(e.prefix)}
|
|
559
|
-
`,
|
|
581
|
+
`,fe={renderer:ve,tester:(0,m.yMz)(2,m.Wdb),mapper:m.xq9},we=[{renderer:ve,tester:(0,m.yMz)(1,m.DRl),mapper:m.xq9},fe,U,he,te,oe,ie,ne,se,le,ge,pe,Q,X,W,Z,ee];let ye=class extends(c(v.FoundationElement)){constructor(){super(...arguments),this.prefix="zero",this.renderers=we,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"})],ye.prototype,"prefix",void 0),(0,g.__decorate)([b.attr],ye.prototype,"resourceName",void 0),(0,g.__decorate)([b.observable],ye.prototype,"uischema",void 0),(0,g.__decorate)([b.observable],ye.prototype,"renderers",void 0),(0,g.__decorate)([b.observable],ye.prototype,"jsonSchema",void 0),(0,g.__decorate)([s.lj],ye.prototype,"connect",void 0),(0,g.__decorate)([b.observable],ye.prototype,"data",void 0),(0,g.__decorate)([b.observable],ye.prototype,"submitting",void 0),(0,g.__decorate)([b.observable],ye.prototype,"submitted",void 0),(0,g.__decorate)([(0,b.attr)({mode:"boolean"})],ye.prototype,"readonly",void 0),(0,g.__decorate)([(0,b.attr)({attribute:"hide-submit-button",mode:"boolean"})],ye.prototype,"hideSubmit",void 0),(0,g.__decorate)([b.volatile],ye.prototype,"isSubmitHidden",null),ye=(0,g.__decorate)([(0,b.customElement)({name:"foundation-form",template:G,styles:y})],ye);var xe,ke,ze,Se,Ce,$e=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"}(xe||(xe={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(ke||(ke={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(ze||(ze={})),function(e){e.grey="#7c909b"}(Se||(Se={})),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"}(Ce||(Ce={}));const{create:Ae}=v.DesignToken,Fe=(0,$e.parseColorHexRGB)(xe.error),Oe=f.SwatchRGB.create(Fe.r,Fe.g,Fe.b),Te=Ae("error-color").withDefault(Oe),De=(0,$e.parseColorHexRGB)(xe.success),Re=f.SwatchRGB.create(De.r,De.g,De.b),Ne=Ae("success-color").withDefault(Re),Le=(0,H.paletteFromHex)(ke.blue),Me=(0,H.paletteFromHex)(Se.grey),Ie=f.StandardLuminance.DarkMode;var je=r(5598);const Ee=je.N.ltr,Pe=f.strokeWidth.getValueFor(f.strokeWidth.appliedTo[0]),Be=4,Ge=f.density.getValueFor(f.density.appliedTo[0]),_e=4;var Ue=r(47823);const He=()=>{(0,Ue.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")},Ve='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',Ye=(e=Ue.Hd.Normal,a=Ue.U9.Regular)=>(0,Ue.py)(Ve,e,a),Qe=Ve,We=f.typeRampBaseFontSize.getValueFor(f.typeRampBaseFontSize.appliedTo[0]),qe=f.typeRampBaseLineHeight.getValueFor(f.typeRampBaseLineHeight.appliedTo[0]),Je={design_tokens:{color:{accent:{$value:Le.source.toColorString(),$type:"color"},neutral:{$value:Me.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Qe,$type:"fontFamily"}},typography:{baseFontSize:{$value:We,$type:"dimension"},baseLineHeight:{$value:qe,$type:"dimension"}},mode:{luminance:{$value:Ie,$type:"number"}},style:{density:{$value:Ge,$type:"number"},borderRadius:{$value:Be,$type:"number"},strokeWidth:{$value:Pe,$type:"number"}},space:{designUnit:{$value:_e,$type:"number"}}}};class Ze extends H.Accordion{}const Ke=Ze.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,H.foundationAccordionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
560
582
|
${(0,H.foundationAccordionStyles)(e,a)}
|
|
561
|
-
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class
|
|
583
|
+
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class Xe extends H.AccordionItem{}const ea=Xe.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,H.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
562
584
|
${(0,H.foundationAccordionItemStyles)(e,a)};
|
|
563
|
-
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class
|
|
585
|
+
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class aa extends H.ActionsMenu{}const ra=aa.compose({baseName:"actions-menu",styles:(e,a)=>b.css`
|
|
564
586
|
:host {
|
|
565
587
|
--actions-opener-heigght-multiplier: 0.6px;
|
|
566
588
|
--menu-item-height-multiplier: 0.5px;
|
|
@@ -585,37 +607,37 @@
|
|
|
585
607
|
}
|
|
586
608
|
|
|
587
609
|
${(0,H.actionsMenuBaseStyles)(e,a)}
|
|
588
|
-
`,template:H.foundationActionsMenuTemplate}),
|
|
610
|
+
`,template:H.foundationActionsMenuTemplate}),ta=(e,a=1)=>new $e.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA(),oa=(0,$e.parseColorHexRGB)(xe.white),ia=(e=1)=>ta(oa,e),na=((0,$e.parseColorHexRGB)(xe.black),(0,$e.parseColorHexRGB)("#585858")),la=(f.SwatchRGB.create(na.r,na.g,na.b),(0,$e.parseColorHexRGB)("#202126")),ga=f.SwatchRGB.create(la.r,la.g,la.b),sa=(f.PaletteRGB.from(ga),(0,$e.parseColorHexRGB)(ke.blue)),da=(e=1)=>ta(sa,e),ca=f.SwatchRGB.create(sa.r,sa.g,sa.b),pa=(f.PaletteRGB.from(ca),(0,$e.parseColorHexRGB)(ke.purple)),ua=(e=1)=>ta(pa,e),ha=(0,$e.parseColorHexRGB)(ze.orange),ma=(e=1)=>ta(ha,e),ba=(0,$e.parseColorHexRGB)(ze.teal),va=(e=1)=>ta(ba,e),fa=((0,$e.parseColorHexRGB)(Ce.longGreen),(0,$e.parseColorHexRGB)(Ce.chartPink),(0,$e.parseColorHexRGB)(Ce.warningYellow)),wa=(0,$e.parseColorHexRGB)(Ce.chartPink),ya=(e=1)=>ta(wa,e);function xa(e,a){return new v.PropertyStyleSheetBehavior("appearance",e,a)}const ka=.3,za=.1,Sa=.5,Ca=b.css`
|
|
589
611
|
:host([appearance='primary-blue']) {
|
|
590
|
-
background: ${
|
|
591
|
-
border: 1px solid ${
|
|
612
|
+
background: ${da(ka)};
|
|
613
|
+
border: 1px solid ${ke.blue};
|
|
592
614
|
}
|
|
593
615
|
|
|
594
616
|
:host([appearance='primary-blue']:hover) {
|
|
595
|
-
background: ${
|
|
617
|
+
background: ${ke.blue};
|
|
596
618
|
}
|
|
597
619
|
|
|
598
620
|
:host([appearance='primary-blue']:active) {
|
|
599
|
-
background: ${
|
|
600
|
-
border: 1px solid ${
|
|
601
|
-
color: ${
|
|
621
|
+
background: ${da(za)};
|
|
622
|
+
border: 1px solid ${da(ka)};
|
|
623
|
+
color: ${ia(Sa)};
|
|
602
624
|
}
|
|
603
|
-
|
|
625
|
+
`,$a=b.css`
|
|
604
626
|
:host([appearance='primary-purple']) {
|
|
605
|
-
background: ${
|
|
606
|
-
border: 1px solid ${
|
|
627
|
+
background: ${ua(ka)};
|
|
628
|
+
border: 1px solid ${ke.purple};
|
|
607
629
|
}
|
|
608
630
|
|
|
609
631
|
:host([appearance='primary-purple']:hover) {
|
|
610
|
-
background: ${
|
|
632
|
+
background: ${ke.purple};
|
|
611
633
|
}
|
|
612
634
|
|
|
613
635
|
:host([appearance='primary-purple']:active) {
|
|
614
|
-
background: ${
|
|
615
|
-
border: 1px solid ${
|
|
616
|
-
color: ${
|
|
636
|
+
background: ${ua(za)};
|
|
637
|
+
border: 1px solid ${ua(ka)};
|
|
638
|
+
color: ${ia(Sa)};
|
|
617
639
|
}
|
|
618
|
-
`,
|
|
640
|
+
`,Aa=b.css`
|
|
619
641
|
:host {
|
|
620
642
|
--primary-gradient-angle: -113.5deg;
|
|
621
643
|
}
|
|
@@ -623,8 +645,8 @@
|
|
|
623
645
|
:host([appearance='primary-gradient']) {
|
|
624
646
|
background-image: linear-gradient(
|
|
625
647
|
var(--primary-gradient-angle),
|
|
626
|
-
${
|
|
627
|
-
${
|
|
648
|
+
${ke.blue},
|
|
649
|
+
${ke.purple}
|
|
628
650
|
);
|
|
629
651
|
background-origin: border-box;
|
|
630
652
|
border: solid 1px transparent;
|
|
@@ -634,8 +656,8 @@
|
|
|
634
656
|
:host([appearance='primary-gradient']:hover) {
|
|
635
657
|
background-image: linear-gradient(
|
|
636
658
|
var(--primary-gradient-angle),
|
|
637
|
-
${
|
|
638
|
-
${
|
|
659
|
+
${ke.blue},
|
|
660
|
+
${ke.purple}
|
|
639
661
|
);
|
|
640
662
|
background-origin: border-box;
|
|
641
663
|
border: solid 1px transparent;
|
|
@@ -645,45 +667,45 @@
|
|
|
645
667
|
:host([appearance='primary-gradient']:active) {
|
|
646
668
|
background-image: linear-gradient(
|
|
647
669
|
var(--primary-gradient-angle),
|
|
648
|
-
${
|
|
649
|
-
${
|
|
670
|
+
${da(ka)},
|
|
671
|
+
${ua(ka)}
|
|
650
672
|
);
|
|
651
673
|
background-origin: border-box;
|
|
652
674
|
border: solid 1px transparent;
|
|
653
675
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 30%) inset;
|
|
654
|
-
color: ${
|
|
676
|
+
color: ${ia(Sa)};
|
|
655
677
|
}
|
|
656
|
-
|
|
678
|
+
`,Fa=b.css`
|
|
657
679
|
:host([appearance='secondary-orange']) {
|
|
658
|
-
background: ${
|
|
659
|
-
border: 1px solid ${
|
|
680
|
+
background: ${ma(ka)};
|
|
681
|
+
border: 1px solid ${ze.orange};
|
|
660
682
|
}
|
|
661
683
|
|
|
662
684
|
:host([appearance='secondary-orange']:hover) {
|
|
663
|
-
background: ${
|
|
685
|
+
background: ${ze.orange};
|
|
664
686
|
}
|
|
665
687
|
|
|
666
688
|
:host([appearance='secondary-orange']:active) {
|
|
667
|
-
background: ${
|
|
668
|
-
border: 1px solid ${
|
|
669
|
-
color: ${
|
|
689
|
+
background: ${ma(za)};
|
|
690
|
+
border: 1px solid ${ma(ka)};
|
|
691
|
+
color: ${ia(Sa)};
|
|
670
692
|
}
|
|
671
|
-
`,
|
|
693
|
+
`,Oa=b.css`
|
|
672
694
|
:host([appearance='secondary-teal']) {
|
|
673
|
-
background: ${
|
|
674
|
-
border: 1px solid ${
|
|
695
|
+
background: ${va(ka)};
|
|
696
|
+
border: 1px solid ${ze.teal};
|
|
675
697
|
}
|
|
676
698
|
|
|
677
699
|
:host([appearance='secondary-teal']:hover) {
|
|
678
|
-
background: ${
|
|
700
|
+
background: ${ze.teal};
|
|
679
701
|
}
|
|
680
702
|
|
|
681
703
|
:host([appearance='secondary-teal']:active) {
|
|
682
|
-
background: ${
|
|
683
|
-
border: 1px solid ${
|
|
684
|
-
color: ${
|
|
704
|
+
background: ${va(za)};
|
|
705
|
+
border: 1px solid ${va(ka)};
|
|
706
|
+
color: ${ia(Sa)};
|
|
685
707
|
}
|
|
686
|
-
`,
|
|
708
|
+
`,Ta=b.css`
|
|
687
709
|
:host([appearance='neutral-grey']) {
|
|
688
710
|
background: ${f.neutralFillRest};
|
|
689
711
|
border: 1px solid ${f.neutralStrokeRest};
|
|
@@ -698,7 +720,7 @@
|
|
|
698
720
|
border: 1px solid ${f.neutralStrokeActive};
|
|
699
721
|
color: ${f.neutralForegroundRest};
|
|
700
722
|
}
|
|
701
|
-
`,
|
|
723
|
+
`,Da=b.css`
|
|
702
724
|
:host {
|
|
703
725
|
--primary-gradient-angle: -113.5deg;
|
|
704
726
|
}
|
|
@@ -707,21 +729,21 @@
|
|
|
707
729
|
background:
|
|
708
730
|
linear-gradient(
|
|
709
731
|
var(--primary-gradient-angle),
|
|
710
|
-
${
|
|
711
|
-
${
|
|
732
|
+
${ke.blue} 0%,
|
|
733
|
+
${ke.purple} 100%
|
|
712
734
|
)
|
|
713
735
|
top/100% 1px,
|
|
714
736
|
linear-gradient(
|
|
715
737
|
var(--primary-gradient-angle),
|
|
716
|
-
${
|
|
717
|
-
${
|
|
738
|
+
${ke.blue} 0%,
|
|
739
|
+
${ke.purple} 100%
|
|
718
740
|
)
|
|
719
741
|
bottom/100% 1px;
|
|
720
742
|
background-origin: border-box;
|
|
721
743
|
background-repeat: no-repeat;
|
|
722
744
|
border: 1px solid transparent;
|
|
723
|
-
border-right-color: ${
|
|
724
|
-
border-left-color: ${
|
|
745
|
+
border-right-color: ${ke.blue};
|
|
746
|
+
border-left-color: ${ke.purple};
|
|
725
747
|
}
|
|
726
748
|
|
|
727
749
|
:host([appearance='outline-primary-gradient']:hover) {
|
|
@@ -729,8 +751,8 @@
|
|
|
729
751
|
background-repeat: unset;
|
|
730
752
|
background-image: linear-gradient(
|
|
731
753
|
var(--primary-gradient-angle),
|
|
732
|
-
${
|
|
733
|
-
${
|
|
754
|
+
${ke.blue},
|
|
755
|
+
${ke.purple}
|
|
734
756
|
);
|
|
735
757
|
background-origin: border-box;
|
|
736
758
|
box-shadow: 1px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
@@ -741,73 +763,73 @@
|
|
|
741
763
|
background:
|
|
742
764
|
linear-gradient(
|
|
743
765
|
var(--primary-gradient-angle),
|
|
744
|
-
${
|
|
745
|
-
${
|
|
766
|
+
${da(ka)} 0%,
|
|
767
|
+
${ua(ka)} 100%
|
|
746
768
|
)
|
|
747
769
|
top/100% 1px,
|
|
748
770
|
linear-gradient(
|
|
749
771
|
var(--primary-gradient-angle),
|
|
750
|
-
${
|
|
751
|
-
${
|
|
772
|
+
${da(ka)} 0%,
|
|
773
|
+
${ua(ka)} 100%
|
|
752
774
|
)
|
|
753
775
|
bottom/100% 1px;
|
|
754
776
|
background-origin: border-box;
|
|
755
777
|
background-repeat: no-repeat;
|
|
756
778
|
border: 1px solid transparent;
|
|
757
|
-
border-right-color: ${
|
|
758
|
-
border-left-color: ${
|
|
759
|
-
color: ${
|
|
779
|
+
border-right-color: ${da(ka)};
|
|
780
|
+
border-left-color: ${ua(ka)};
|
|
781
|
+
color: ${ia(Sa)};
|
|
760
782
|
}
|
|
761
|
-
`,
|
|
783
|
+
`,Ra=b.css`
|
|
762
784
|
:host([appearance='outline-secondary-orange']) {
|
|
763
785
|
background: transparent;
|
|
764
|
-
border: 1px solid ${
|
|
786
|
+
border: 1px solid ${ze.orange};
|
|
765
787
|
}
|
|
766
788
|
|
|
767
789
|
:host([appearance='outline-secondary-orange']:hover) {
|
|
768
|
-
background: ${
|
|
790
|
+
background: ${ma(ka)};
|
|
769
791
|
}
|
|
770
792
|
|
|
771
793
|
:host([appearance='outline-secondary-orange']:active) {
|
|
772
794
|
background: transparent;
|
|
773
|
-
border: 1px solid ${
|
|
774
|
-
color: ${
|
|
795
|
+
border: 1px solid ${ma(ka)};
|
|
796
|
+
color: ${ia(Sa)};
|
|
775
797
|
}
|
|
776
|
-
`,
|
|
798
|
+
`,Na=b.css`
|
|
777
799
|
:host([appearance='outline-secondary-teal']) {
|
|
778
800
|
background: transparent;
|
|
779
|
-
border: 1px solid ${
|
|
801
|
+
border: 1px solid ${ze.teal};
|
|
780
802
|
}
|
|
781
803
|
|
|
782
804
|
:host([appearance='outline-secondary-teal']:hover) {
|
|
783
|
-
background: ${
|
|
805
|
+
background: ${va(ka)};
|
|
784
806
|
}
|
|
785
807
|
|
|
786
808
|
:host([appearance='outline-secondary-teal']:active) {
|
|
787
809
|
background: transparent;
|
|
788
|
-
border: 1px solid ${
|
|
789
|
-
color: ${
|
|
810
|
+
border: 1px solid ${va(ka)};
|
|
811
|
+
color: ${ia(Sa)};
|
|
790
812
|
}
|
|
791
|
-
`,
|
|
813
|
+
`,La=(e,a)=>b.css`
|
|
792
814
|
${(0,H.foundationButtonStyles)(e,a)}
|
|
793
815
|
${b.css`
|
|
794
816
|
:host {
|
|
795
817
|
margin: 5px;
|
|
796
818
|
}
|
|
797
819
|
`}
|
|
798
|
-
`.withBehaviors(
|
|
820
|
+
`.withBehaviors(xa("primary-blue",Ca),xa("primary-purple",$a),xa("primary-gradient",Aa),xa("secondary-orange",Fa),xa("secondary-teal",Oa),xa("neutral-grey",Ta),xa("outline-primary-gradient",Da),xa("outline-secondary-orange",Ra),xa("outline-secondary-teal",Na));class Ma extends H.Anchor{}const Ia=Ma.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,H.foundationAnchorTemplate)(e,a),styles:(e,a)=>b.css`
|
|
799
821
|
${(0,H.foundationAnchorStyles)(e,a)}
|
|
800
|
-
${
|
|
801
|
-
`.withBehaviors(...
|
|
822
|
+
${La(e,a)}
|
|
823
|
+
`.withBehaviors(...La(e,a).behaviors),shadowOptions:H.foundationAnchorShadowOptions},H.defaultAnchorConfig));class ja extends H.AnchoredRegion{}const Ea=ja.compose(Object.assign({baseName:"anchored-region",template:(e,a)=>(0,H.foundationAnchoredRegionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
802
824
|
${(0,H.foundationAnchoredRegionStyles)(e,a)}
|
|
803
|
-
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class
|
|
825
|
+
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class Pa extends H.Avatar{}const Ba=Pa.compose(Object.assign({baseName:"avatar",template:(e,a)=>(0,H.foundationAvatarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
804
826
|
${(0,H.foundationAvatarStyles)(e,a)}
|
|
805
|
-
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class
|
|
827
|
+
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class Ga extends H.Badge{}const _a=Ga.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,H.foundationBadgeTemplate)(e,a),styles:(e,a)=>b.css`
|
|
806
828
|
${(0,H.foundationBadgeStyles)(e,a)}
|
|
807
829
|
:host {
|
|
808
|
-
--badge-fill-primary: ${
|
|
809
|
-
--badge-fill-secondary: ${
|
|
810
|
-
--badge-fill-pink: ${
|
|
830
|
+
--badge-fill-primary: ${da()};
|
|
831
|
+
--badge-fill-secondary: ${va()};
|
|
832
|
+
--badge-fill-pink: ${ya()};
|
|
811
833
|
--badge-fill-transparent: transparent;
|
|
812
834
|
--badge-color-black: #000;
|
|
813
835
|
--badge-color-white: #fff;
|
|
@@ -816,14 +838,14 @@
|
|
|
816
838
|
:host .control {
|
|
817
839
|
padding: calc(${f.designUnit} * 1px) calc(${f.designUnit} * 2px);
|
|
818
840
|
}
|
|
819
|
-
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),
|
|
841
|
+
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),Ua=b.css`
|
|
820
842
|
${H.foundationBannerStyles}
|
|
821
843
|
.banner {
|
|
822
844
|
background-color: ${f.neutralLayer1};
|
|
823
845
|
}
|
|
824
|
-
`,
|
|
846
|
+
`,Ha=H.foundationBannerShadowOptions;class Va extends H.Banner{}const Ya=Va.compose({baseName:"banner",shadowOptions:Ha,styles:Ua,template:H.foundationBannerTemplate});class Qa extends H.Breadcrumb{}const Wa=Qa.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,H.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>b.css`
|
|
825
847
|
${(0,H.foundationBreadcrumbStyles)(e,a)}
|
|
826
|
-
`,shadowOptions:undefined},{}));class
|
|
848
|
+
`,shadowOptions:undefined},{}));class qa extends H.BreadcrumbItem{}const Ja=qa.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,H.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
827
849
|
${(0,H.foundationBreadcrumbItemStyles)(e,a)}
|
|
828
850
|
:host {
|
|
829
851
|
--neutral-foreground-rest: #18b2e3;
|
|
@@ -834,15 +856,15 @@
|
|
|
834
856
|
.separator {
|
|
835
857
|
color: var(--neutral-stroke-rest);
|
|
836
858
|
}
|
|
837
|
-
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class
|
|
859
|
+
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class Za extends H.Button{}const Ka=Za.compose(Object.assign({baseName:"button",template:(e,a)=>(0,H.foundationButtonTemplate)(e,a),styles:La,shadowOptions:H.foundationButtonShadowOptions},H.defaultButtonConfig));class Xa extends H.Calendar{}const er=Xa.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,H.foundationCalendarTemplate)(e,a),styles:()=>b.css`
|
|
838
860
|
${(0,H.foundationCalendarStyles)()}
|
|
839
|
-
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class
|
|
861
|
+
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class ar extends H.Card{}const rr=ar.compose(Object.assign({baseName:"card",template:(e,a)=>(0,H.foundationCardTemplate)(e,a),styles:(e,a)=>b.css`
|
|
840
862
|
${(0,H.foundationCardStyles)(e,a)}
|
|
841
863
|
:host {
|
|
842
864
|
background-color: var(--zero-card-fill-color, var(--neutral-layer-2));
|
|
843
865
|
color: ${f.neutralForegroundRest};
|
|
844
866
|
}
|
|
845
|
-
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),
|
|
867
|
+
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),tr=b.css`
|
|
846
868
|
${H.categorizedMultiselectStyles}
|
|
847
869
|
|
|
848
870
|
.label {
|
|
@@ -856,104 +878,104 @@
|
|
|
856
878
|
rapid-checkbox:hover:not([disabled]) {
|
|
857
879
|
background: var(--neutral-layer-4);
|
|
858
880
|
}
|
|
859
|
-
`,
|
|
881
|
+
`,or=b.html`
|
|
860
882
|
${(0,H.getPrefixedCategorizedMultiselect)("zero")}
|
|
861
|
-
`;class
|
|
883
|
+
`;class ir extends H.CategorizedMultiselect{}const nr=H.defaultCategorizedMultiselectConfig,lr=H.foundationCategorizedMultiselectShadowOptions,gr=ir.compose(Object.assign({baseName:"categorized-multiselect",template:or,styles:tr,shadowOptions:lr},nr));class sr extends H.Checkbox{}const dr=sr.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,H.foundationCheckboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
862
884
|
${(0,H.foundationCheckboxStyles)(e,a)}
|
|
863
885
|
:host {
|
|
864
886
|
--primary-gradient-angle: -113.5deg;
|
|
865
|
-
--foreground-on-accent-rest: ${
|
|
866
|
-
--foreground-on-accent-hover: ${
|
|
867
|
-
--neutral-stroke-hover: ${
|
|
868
|
-
--foreground-on-accent-active: ${
|
|
887
|
+
--foreground-on-accent-rest: ${xe.white};
|
|
888
|
+
--foreground-on-accent-hover: ${xe.white};
|
|
889
|
+
--neutral-stroke-hover: ${xe.white};
|
|
890
|
+
--foreground-on-accent-active: ${xe.white};
|
|
869
891
|
}
|
|
870
892
|
|
|
871
893
|
.checked-indicator {
|
|
872
894
|
background-image: linear-gradient(
|
|
873
895
|
var(--primary-gradient-angle),
|
|
874
|
-
${
|
|
875
|
-
${
|
|
896
|
+
${ke.blue},
|
|
897
|
+
${ke.purple}
|
|
876
898
|
);
|
|
877
899
|
background-origin: border-box;
|
|
878
900
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
|
|
879
901
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
880
902
|
}
|
|
881
|
-
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig)),
|
|
903
|
+
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig)),cr=(0,$e.parseColorHexRGB)("#F1F1F1"),pr=ta(cr,1),ur=(0,$e.parseColorHexRGB)("#879BA6"),hr=ta(ur,.06),mr=(0,$e.parseColorHexRGB)("#879BA6"),br=ta(mr,1),vr=(0,$e.parseColorHexRGB)("#121212"),fr=ta(vr,1),wr=(0,$e.parseColorHexRGB)("#2e3339"),yr=ta(wr,1);var xr;!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"}(xr||(xr={}));Object.values(xr);class kr extends H.Combobox{}const zr=kr.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,H.foundationComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
882
904
|
${(0,H.foundationComboboxStyles)(e,a)}
|
|
883
905
|
:host {
|
|
884
906
|
--primary-gradient-angle: -113.5deg;
|
|
885
907
|
|
|
886
908
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
887
|
-
border-color: ${
|
|
888
|
-
background: ${
|
|
909
|
+
border-color: ${yr};
|
|
910
|
+
background: ${hr};
|
|
889
911
|
}
|
|
890
912
|
|
|
891
913
|
:host(:focus-within:not([disabled])) {
|
|
892
914
|
background:
|
|
893
915
|
linear-gradient(
|
|
894
916
|
var(--primary-gradient-angle),
|
|
895
|
-
${
|
|
896
|
-
${
|
|
917
|
+
${ke.blue} 0%,
|
|
918
|
+
${ke.purple} 100%
|
|
897
919
|
)
|
|
898
920
|
top/100% 1px,
|
|
899
921
|
linear-gradient(
|
|
900
922
|
var(--primary-gradient-angle),
|
|
901
|
-
${
|
|
902
|
-
${
|
|
923
|
+
${ke.blue} 0%,
|
|
924
|
+
${ke.purple} 100%
|
|
903
925
|
)
|
|
904
926
|
bottom/100% 1px;
|
|
905
927
|
background-origin: border-box;
|
|
906
928
|
background-repeat: no-repeat;
|
|
907
929
|
border: 1px solid transparent;
|
|
908
|
-
border-right-color: ${
|
|
909
|
-
border-left-color: ${
|
|
930
|
+
border-right-color: ${ke.blue};
|
|
931
|
+
border-left-color: ${ke.purple};
|
|
910
932
|
}
|
|
911
933
|
|
|
912
934
|
:host(:hover:not([disabled]):not([open])) {
|
|
913
|
-
border-color: ${
|
|
914
|
-
background: ${
|
|
935
|
+
border-color: ${pr};
|
|
936
|
+
background: ${hr};
|
|
915
937
|
}
|
|
916
938
|
|
|
917
939
|
:host([open][position='below']) .listbox {
|
|
918
940
|
padding: 0;
|
|
919
941
|
margin-top: calc(${f.designUnit} * 1px);
|
|
920
942
|
border-radius: 4px;
|
|
921
|
-
border: 1px solid ${
|
|
943
|
+
border: 1px solid ${xe.lightGrey};
|
|
922
944
|
}
|
|
923
945
|
|
|
924
946
|
:host([open]) .control {
|
|
925
|
-
background: ${
|
|
947
|
+
background: ${fr};
|
|
926
948
|
}
|
|
927
949
|
|
|
928
950
|
:host(:not([disabled])) .control:active {
|
|
929
951
|
background: none;
|
|
930
952
|
}
|
|
931
|
-
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class
|
|
953
|
+
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class Sr extends H.ConnectionIndicator{}const Cr=Sr.compose({baseName:"connection-indicator",template:H.foundationConnectionIndicatorTemplate,styles:H.foundationConnectionIndicatorStyles});class $r extends H.DataGridCell{}$r.compose(Object.assign({baseName:"data-grid-cell",template:v.dataGridCellTemplate,styles:(e,a)=>b.css`
|
|
932
954
|
${(0,H.foundationDataGridCellStyles)(e,a)}
|
|
933
|
-
`,shadowOptions:H.foundationDataGridCellShadowOptions},H.defaultDataGridCellConfig));class
|
|
955
|
+
`,shadowOptions:H.foundationDataGridCellShadowOptions},H.defaultDataGridCellConfig));class Ar extends H.DataGridRow{}Ar.compose(Object.assign({baseName:"data-grid-row",template:v.dataGridRowTemplate,styles:(e,a)=>b.css`
|
|
934
956
|
${(0,H.foundationDataGridRowStyles)(e,a)}
|
|
935
|
-
`,shadowOptions:H.foundationDataGridRowShadowOptions},H.defaultDataGridRowConfig));class
|
|
957
|
+
`,shadowOptions:H.foundationDataGridRowShadowOptions},H.defaultDataGridRowConfig));class Fr extends H.DataGrid{}const Or=Fr.compose(Object.assign({baseName:"data-grid",template:(e,a)=>(0,H.foundationDataGridTemplate)(e,a),styles:(e,a)=>b.css`
|
|
936
958
|
${(0,H.foundationDataGridStyles)(e,a)}
|
|
937
959
|
::slotted(.sticky-header),
|
|
938
960
|
::slotted(.header) {
|
|
939
961
|
border-bottom-color: var(--neutral-color);
|
|
940
962
|
|
|
941
|
-
--neutral-foreground-rest: ${
|
|
963
|
+
--neutral-foreground-rest: ${br};
|
|
942
964
|
}
|
|
943
965
|
|
|
944
966
|
::slotted([role='row']) {
|
|
945
967
|
background-color: #1f2126;
|
|
946
968
|
}
|
|
947
|
-
`,shadowOptions:H.foundationDataGridShadowOptions},H.defaultDataGridConfig)),
|
|
969
|
+
`,shadowOptions:H.foundationDataGridShadowOptions},H.defaultDataGridConfig)),Tr=b.html`
|
|
948
970
|
${(0,H.getPrefixedDatePicker)("zero")}
|
|
949
|
-
`;class
|
|
971
|
+
`;class Dr extends H.DatePicker{}const Rr=Dr.compose(Object.assign({baseName:"date-picker",template:Tr,styles:()=>b.css`
|
|
950
972
|
${H.foundationDatePickerStyles}
|
|
951
973
|
:host {
|
|
952
974
|
--primary-gradient-angle: -113.5deg;
|
|
953
975
|
}
|
|
954
976
|
|
|
955
977
|
.calendar-dropdown {
|
|
956
|
-
background: ${
|
|
978
|
+
background: ${xe.mediumGrey};
|
|
957
979
|
}
|
|
958
980
|
|
|
959
981
|
.week-days,
|
|
@@ -967,7 +989,7 @@
|
|
|
967
989
|
}
|
|
968
990
|
|
|
969
991
|
.month-day.current {
|
|
970
|
-
color: ${
|
|
992
|
+
color: ${xe.almostWhite};
|
|
971
993
|
}
|
|
972
994
|
|
|
973
995
|
.input-icon-container {
|
|
@@ -980,18 +1002,18 @@
|
|
|
980
1002
|
}
|
|
981
1003
|
|
|
982
1004
|
.input-icon-container:hover {
|
|
983
|
-
background-color: ${
|
|
1005
|
+
background-color: ${xe.mediumGrey};
|
|
984
1006
|
}
|
|
985
1007
|
|
|
986
1008
|
.date-toggle::part(end) {
|
|
987
1009
|
margin-inline-end: 4px;
|
|
988
1010
|
}
|
|
989
|
-
`,shadowOptions:undefined},{}));var
|
|
1011
|
+
`,shadowOptions:undefined},{}));var Nr=r(37068);He();const Lr=b.css`
|
|
990
1012
|
${(0,v.display)("flex")}
|
|
991
1013
|
:host {
|
|
992
1014
|
flex: 1;
|
|
993
1015
|
}
|
|
994
|
-
`,
|
|
1016
|
+
`,Mr=b.css`
|
|
995
1017
|
:host {
|
|
996
1018
|
background-color: ${f.neutralFillStealthActive};
|
|
997
1019
|
}
|
|
@@ -1001,31 +1023,31 @@
|
|
|
1001
1023
|
box-shadow: 0 0 0 1px ${w.H.CanvasText};
|
|
1002
1024
|
color: ${w.H.ButtonText};
|
|
1003
1025
|
}
|
|
1004
|
-
`)),
|
|
1026
|
+
`)),Ir=(e,a,r)=>b.css`
|
|
1005
1027
|
${e.name} ${"h"+a} {
|
|
1006
1028
|
font-size: var(--type-ramp-plus-${r}-font-size);
|
|
1007
1029
|
line-height: var(--type-ramp-plus-${r}-line-height);
|
|
1008
1030
|
margin: 0;
|
|
1009
|
-
${
|
|
1031
|
+
${Ye(Ue.Hd.Normal,Ue.U9.Bold)}
|
|
1010
1032
|
}
|
|
1011
|
-
`;class
|
|
1033
|
+
`;class jr extends f.DesignSystemProvider{constructor(){super(),(0,H.provideTokens)(t,o,this)}}(0,Nr.__decorate)([(0,b.attr)({attribute:"card-fill-color",converter:H.swatchConverter}),(0,H.designToken)(f.neutralFillStealthRest)],jr.prototype,"cardFillColor",void 0),(0,Nr.__decorate)([(0,b.attr)({attribute:"card-foreground-color",converter:H.swatchConverter}),(0,H.designToken)(f.neutralForegroundRest)],jr.prototype,"cardForegroundColor",void 0);const Er=jr.compose({baseName:"design-system-provider",template:b.html`
|
|
1012
1034
|
<slot></slot>
|
|
1013
1035
|
`,styles:e=>{const a=(e=>b.css`
|
|
1014
|
-
${
|
|
1015
|
-
${
|
|
1016
|
-
${
|
|
1017
|
-
${
|
|
1018
|
-
${
|
|
1019
|
-
${
|
|
1036
|
+
${Ir(e,"1","6")}
|
|
1037
|
+
${Ir(e,"2","5")}
|
|
1038
|
+
${Ir(e,"3","4")}
|
|
1039
|
+
${Ir(e,"4","3")}
|
|
1040
|
+
${Ir(e,"5","2")}
|
|
1041
|
+
${Ir(e,"6","1")}
|
|
1020
1042
|
`)(e);return a.addStylesTo(document),b.css`
|
|
1021
|
-
${
|
|
1022
|
-
${
|
|
1043
|
+
${Lr}
|
|
1044
|
+
${Mr}
|
|
1023
1045
|
${a}
|
|
1024
1046
|
:host * {
|
|
1025
1047
|
color: ${f.neutralForegroundRest};
|
|
1026
|
-
${
|
|
1048
|
+
${Ye()}
|
|
1027
1049
|
}
|
|
1028
|
-
`}}),
|
|
1050
|
+
`}}),Pr=(0,$e.parseColorHexRGB)("#121212"),Br=ta(Pr,1),Gr=b.css`
|
|
1029
1051
|
${H.foundationDialogStyles}
|
|
1030
1052
|
:host {
|
|
1031
1053
|
--dialog-background: ${f.neutralLayer2};
|
|
@@ -1037,7 +1059,7 @@
|
|
|
1037
1059
|
bottom: 0;
|
|
1038
1060
|
color: rgb(255 255 255 / 30%);
|
|
1039
1061
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1040
|
-
border: 1px solid ${
|
|
1062
|
+
border: 1px solid ${xe.lightGrey};
|
|
1041
1063
|
text-align: left;
|
|
1042
1064
|
line-height: normal;
|
|
1043
1065
|
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
|
|
@@ -1047,7 +1069,7 @@
|
|
|
1047
1069
|
display: flex;
|
|
1048
1070
|
align-items: center;
|
|
1049
1071
|
justify-content: space-between;
|
|
1050
|
-
color: ${
|
|
1072
|
+
color: ${xe.almostWhite};
|
|
1051
1073
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
1052
1074
|
}
|
|
1053
1075
|
|
|
@@ -1055,7 +1077,7 @@
|
|
|
1055
1077
|
display: flex;
|
|
1056
1078
|
flex-wrap: wrap;
|
|
1057
1079
|
justify-content: flex-end;
|
|
1058
|
-
color: ${
|
|
1080
|
+
color: ${xe.almostWhite};
|
|
1059
1081
|
}
|
|
1060
1082
|
|
|
1061
1083
|
:host slot:first-of-type {
|
|
@@ -1080,29 +1102,29 @@
|
|
|
1080
1102
|
}
|
|
1081
1103
|
|
|
1082
1104
|
.close-icon:hover svg {
|
|
1083
|
-
background-color: ${
|
|
1105
|
+
background-color: ${ia(.05)};
|
|
1084
1106
|
}
|
|
1085
1107
|
|
|
1086
1108
|
.close-icon:hover svg g path {
|
|
1087
|
-
fill: ${
|
|
1109
|
+
fill: ${ia(1)};
|
|
1088
1110
|
}
|
|
1089
1111
|
|
|
1090
1112
|
.close-icon:active svg {
|
|
1091
|
-
background-color: ${
|
|
1113
|
+
background-color: ${Br};
|
|
1092
1114
|
}
|
|
1093
1115
|
|
|
1094
1116
|
.close-icon:active svg g path {
|
|
1095
|
-
fill: ${
|
|
1117
|
+
fill: ${ia(.33)};
|
|
1096
1118
|
}
|
|
1097
|
-
`,
|
|
1119
|
+
`,_r=H.defaultDialogConfig,Ur=H.foundationDialogTemplate,Hr=H.foundationDialogShadowOptions;class Vr extends H.Dialog{}const Yr=Vr.compose(Object.assign({baseName:"dialog",shadowOptions:Hr,styles:Gr,template:Ur},_r));class Qr extends H.Disclosure{}const Wr=Qr.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,H.foundationDisclosureTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1098
1120
|
${(0,H.foundationDisclosureStyles)(e,a)}
|
|
1099
|
-
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class
|
|
1121
|
+
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class qr extends H.Divider{}const Jr=qr.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,H.foundationDividerTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1100
1122
|
${(0,H.foundationDividerStyles)(e,a)}
|
|
1101
|
-
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class
|
|
1123
|
+
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class Zr extends H.DropdownMenu{}const Kr=Zr.compose({baseName:"dropdown-menu",styles:(e,a)=>b.css`
|
|
1102
1124
|
${(0,H.dropdownMenuBaseStyles)("zero",e,a)}
|
|
1103
|
-
`,template:H.foundationDropdownMenuTemplate}),
|
|
1125
|
+
`,template:H.foundationDropdownMenuTemplate}),Xr=b.html`
|
|
1104
1126
|
${(0,H.getPrefixedErrorBanner)("zero")}
|
|
1105
|
-
`,
|
|
1127
|
+
`,et=H.foundationErrorBannerShadowOptions;class at extends H.ErrorBanner{}const rt=at.compose({baseName:"error-banner",template:Xr,shadowOptions:et});class tt extends H.ErrorBoundary{}const ot=tt.compose({baseName:"error-boundary",template:H.foundationErrorBoundaryTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class it extends H.ErrorDialog{}const nt=it.compose({baseName:"error-dialog",styles:H.foundationErrorDialogStyles,template:H.errorDialogTemplate,shadowOptions:H.foundationErrorDialogShadowOptions}),lt=b.css`
|
|
1106
1128
|
${H.foundationFileUploadStyles}
|
|
1107
1129
|
::-webkit-scrollbar {
|
|
1108
1130
|
width: 12px;
|
|
@@ -1119,13 +1141,13 @@
|
|
|
1119
1141
|
background-color: var(--neutral-color);
|
|
1120
1142
|
border: 3px solid rgb(31 33 38);
|
|
1121
1143
|
}
|
|
1122
|
-
`,
|
|
1144
|
+
`,gt=b.html`
|
|
1123
1145
|
${(0,H.getPrefixedFileUpload)("zero")}
|
|
1124
|
-
`,
|
|
1146
|
+
`,st=H.defaultFileUploadConfig,dt=H.foundationFileUploadShadowOptions;class ct extends H.FileUpload{}const pt=ct.compose(Object.assign({baseName:"file-upload",shadowOptions:dt,styles:lt,template:gt},st)),ut=b.html`
|
|
1125
1147
|
${(0,H.getPrefixedFilterTemplate)("zero")}
|
|
1126
|
-
`;class
|
|
1148
|
+
`;class ht extends H.Filter{}const mt=ht.compose({baseName:"filter",template:ut,styles:H.foundationFilterStyles}),bt=b.html`
|
|
1127
1149
|
${(0,H.filterBarTemplate)("zero")}
|
|
1128
|
-
`;class
|
|
1150
|
+
`;class vt extends H.FilterBar{}const ft=vt.compose({baseName:"filter-bar",template:bt,styles:(e,a)=>b.css`
|
|
1129
1151
|
${(0,H.foundationFilterBarStyles)(e,a)}
|
|
1130
1152
|
.toggle,
|
|
1131
1153
|
.toggle-collapsed {
|
|
@@ -1137,31 +1159,31 @@
|
|
|
1137
1159
|
.toggle-collapsed:hover {
|
|
1138
1160
|
color: var(--ag-alpine-active-color, #2196f3);
|
|
1139
1161
|
}
|
|
1140
|
-
`});class
|
|
1162
|
+
`});class wt extends H.FlexLayout{}const yt=wt.compose(Object.assign({baseName:"flex-layout",shadowOptions:H.foundationFlexLayoutShadowOptions,styles:H.foundationFlexLayoutStyles,template:H.foundationFlexLayoutTemplate},H.defaultFlexLayoutConfig));class xt extends H.Flipper{}const kt=xt.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,H.foundationFlipperTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1141
1163
|
${(0,H.foundationFlipperStyles)(e,a)}
|
|
1142
1164
|
:host {
|
|
1143
|
-
--foreground-on-accent-rest: ${
|
|
1144
|
-
--foreground-on-accent-hover: ${
|
|
1145
|
-
--foreground-on-accent-active: ${
|
|
1165
|
+
--foreground-on-accent-rest: ${xe.white};
|
|
1166
|
+
--foreground-on-accent-hover: ${xe.white};
|
|
1167
|
+
--foreground-on-accent-active: ${xe.white};
|
|
1146
1168
|
--primary-gradient-angle: -113.5deg;
|
|
1147
1169
|
}
|
|
1148
1170
|
|
|
1149
1171
|
:host::before {
|
|
1150
1172
|
background: linear-gradient(
|
|
1151
1173
|
var(--primary-gradient-angle),
|
|
1152
|
-
${
|
|
1153
|
-
${
|
|
1174
|
+
${da(.7)},
|
|
1175
|
+
${ua(.7)}
|
|
1154
1176
|
);
|
|
1155
1177
|
}
|
|
1156
1178
|
|
|
1157
1179
|
:host(:hover)::before {
|
|
1158
1180
|
background: linear-gradient(
|
|
1159
1181
|
var(--primary-gradient-angle),
|
|
1160
|
-
${
|
|
1161
|
-
${
|
|
1182
|
+
${ke.blue},
|
|
1183
|
+
${ke.purple}
|
|
1162
1184
|
);
|
|
1163
1185
|
}
|
|
1164
|
-
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),
|
|
1186
|
+
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),zt=b.css`
|
|
1165
1187
|
${H.foundationFlyoutStyles}
|
|
1166
1188
|
div.flyout {
|
|
1167
1189
|
background-color: ${f.neutralLayer2};
|
|
@@ -1188,9 +1210,9 @@
|
|
|
1188
1210
|
background-color: ${f.neutralFillHover};
|
|
1189
1211
|
border-radius: 3px;
|
|
1190
1212
|
}
|
|
1191
|
-
`,
|
|
1213
|
+
`,St=b.html`
|
|
1192
1214
|
${(0,H.getPrefixedFlyout)("zero")}
|
|
1193
|
-
`,
|
|
1215
|
+
`,Ct=H.defaultFlyoutConfig,$t=H.foundationFlyoutShadowOptions;class At extends H.Flyout{}const Ft=At.compose(Object.assign({baseName:"flyout",shadowOptions:$t,styles:zt,template:St},Ct));class Ot extends H.GridLayout{}const Tt=Ot.compose(Object.assign({baseName:"grid-layout",shadowOptions:H.foundationGridLayoutShadowOptions,styles:H.foundationGridLayoutStyles,template:H.foundationGridLayoutTemplate},H.defaultGridLayoutConfig));class Dt extends H.GridLayoutItem{}const Rt=Dt.compose(Object.assign({baseName:"grid-layout-item",shadowOptions:H.foundationGridLayoutItemShadowOptions,template:H.foundationGridLayoutItemTemplate},H.defaultGridLayoutItemConfig));class Nt extends H.HorizontalScroll{}const Lt={nextFlipper:b.html`
|
|
1194
1216
|
<zero-flipper
|
|
1195
1217
|
@click="${e=>e.scrollToNext()}"
|
|
1196
1218
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
@@ -1201,49 +1223,49 @@
|
|
|
1201
1223
|
direction="previous"
|
|
1202
1224
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
1203
1225
|
></zero-flipper>
|
|
1204
|
-
`},Nt
|
|
1226
|
+
`},Mt=Nt.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,H.foundationHorizontalScrollTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1205
1227
|
${(0,H.foundationHorizontalScrollStyles)(e,a)}
|
|
1206
|
-
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},
|
|
1228
|
+
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},Lt));class It extends H.Icon{}const jt=H.defaultIconConfig,Et=H.foundationIconShadowOptions,Pt=It.compose(Object.assign({baseName:"icon",template:H.foundationIconTemplate,styles:(e,a)=>b.css`
|
|
1207
1229
|
${(0,H.foundationIconStyles)(e,a)}
|
|
1208
|
-
`,shadowOptions:
|
|
1230
|
+
`,shadowOptions:Et},jt));class Bt extends H.Listbox{}const Gt=Bt.compose(Object.assign({baseName:"listbox",template:(e,a)=>(0,H.foundationListboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1209
1231
|
${(0,H.foundationListboxStyles)(e,a)}
|
|
1210
1232
|
|
|
1211
1233
|
:host {
|
|
1212
1234
|
background: #1f2126;
|
|
1213
1235
|
}
|
|
1214
|
-
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class
|
|
1236
|
+
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class _t extends H.ListboxOption{}const Ut=_t.compose(Object.assign({baseName:"option",template:(e,a)=>(0,H.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1215
1237
|
${(0,H.foundationListboxOptionStyles)(e,a)}
|
|
1216
1238
|
:host {
|
|
1217
|
-
background-color: ${
|
|
1239
|
+
background-color: ${xe.darkGrey};
|
|
1218
1240
|
margin: 0;
|
|
1219
1241
|
border-radius: 0;
|
|
1220
|
-
border: 1px solid ${
|
|
1242
|
+
border: 1px solid ${xe.lightGrey};
|
|
1221
1243
|
}
|
|
1222
1244
|
|
|
1223
1245
|
:host(:hover:not([disabled])) {
|
|
1224
|
-
background-color: ${
|
|
1246
|
+
background-color: ${xe.mediumGrey};
|
|
1225
1247
|
}
|
|
1226
1248
|
|
|
1227
1249
|
:host(.selected) {
|
|
1228
|
-
background-color: ${
|
|
1229
|
-
color: ${
|
|
1250
|
+
background-color: ${xe.darkerGrey};
|
|
1251
|
+
color: ${ke.blue};
|
|
1230
1252
|
}
|
|
1231
|
-
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig)),
|
|
1253
|
+
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig)),Ht=H.foundationMenuShadowOptions;class Vt extends H.Menu{}const Yt=Vt.compose({baseName:"menu",template:H.foundationMenuTemplate,styles:(e,a)=>b.css`
|
|
1232
1254
|
${(0,H.foundationMenuStyles)(e,a)}
|
|
1233
1255
|
|
|
1234
1256
|
:host {
|
|
1235
1257
|
padding: 0;
|
|
1236
1258
|
}
|
|
1237
|
-
`,shadowOptions:
|
|
1259
|
+
`,shadowOptions:Ht}),Qt=H.foundationMenuItemShadowOptions;class Wt extends H.MenuItem{}const qt=Wt.compose(Object.assign({baseName:"menu-item",template:H.foundationMenuItemTemplate,styles:(e,a)=>b.css`
|
|
1238
1260
|
${(0,H.foundationMenuItemStyles)(e,a)}
|
|
1239
1261
|
|
|
1240
1262
|
:host {
|
|
1241
1263
|
background: none;
|
|
1242
1264
|
margin: 0;
|
|
1243
1265
|
}
|
|
1244
|
-
`,shadowOptions:
|
|
1245
|
-
${
|
|
1246
|
-
`,
|
|
1266
|
+
`,shadowOptions:Qt},H.defaultMenuItemConfig)),Jt=b.css`
|
|
1267
|
+
${Gr}
|
|
1268
|
+
`,Zt=H.defaultModalConfig,Kt=H.foundationModalTemplate,Xt=H.foundationModalShadowOptions;class eo extends H.Modal{}const ao=eo.compose(Object.assign({baseName:"modal",shadowOptions:Xt,styles:Jt,template:Kt},Zt)),ro=b.css`
|
|
1247
1269
|
${H.multiselectStyles}
|
|
1248
1270
|
|
|
1249
1271
|
:host {
|
|
@@ -1251,7 +1273,7 @@
|
|
|
1251
1273
|
}
|
|
1252
1274
|
|
|
1253
1275
|
#display-field {
|
|
1254
|
-
background: ${
|
|
1276
|
+
background: ${hr};
|
|
1255
1277
|
}
|
|
1256
1278
|
|
|
1257
1279
|
#display-field:focus {
|
|
@@ -1259,21 +1281,21 @@
|
|
|
1259
1281
|
background:
|
|
1260
1282
|
linear-gradient(
|
|
1261
1283
|
var(--primary-gradient-angle),
|
|
1262
|
-
${
|
|
1263
|
-
${
|
|
1284
|
+
${ke.blue} 0%,
|
|
1285
|
+
${ke.purple} 100%
|
|
1264
1286
|
)
|
|
1265
1287
|
top/100% 1px,
|
|
1266
1288
|
linear-gradient(
|
|
1267
1289
|
var(--primary-gradient-angle),
|
|
1268
|
-
${
|
|
1269
|
-
${
|
|
1290
|
+
${ke.blue} 0%,
|
|
1291
|
+
${ke.purple} 100%
|
|
1270
1292
|
)
|
|
1271
1293
|
bottom/100% 1px;
|
|
1272
1294
|
background-origin: border-box;
|
|
1273
1295
|
background-repeat: no-repeat;
|
|
1274
1296
|
border: 1px solid transparent;
|
|
1275
|
-
border-right-color: ${
|
|
1276
|
-
border-left-color: ${
|
|
1297
|
+
border-right-color: ${ke.blue};
|
|
1298
|
+
border-left-color: ${ke.purple};
|
|
1277
1299
|
}
|
|
1278
1300
|
|
|
1279
1301
|
::slotted(zero-checkbox),
|
|
@@ -1297,11 +1319,11 @@
|
|
|
1297
1319
|
}
|
|
1298
1320
|
|
|
1299
1321
|
.label {
|
|
1300
|
-
color: ${
|
|
1322
|
+
color: ${br};
|
|
1301
1323
|
}
|
|
1302
|
-
`,
|
|
1324
|
+
`,to=b.html`
|
|
1303
1325
|
${(0,H.getPrefixedMultiselect)("zero")}
|
|
1304
|
-
`;class
|
|
1326
|
+
`;class oo extends H.Multiselect{}const io=H.defaultMultiselectConfig,no=H.foundationMultiselectShadowOptions,lo=oo.compose(Object.assign({baseName:"multiselect",template:to,styles:ro,shadowOptions:no},io));class go extends H.NotificationListener{}const so=go.compose({baseName:"notification-listener",template:H.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}}),co=(e,a)=>b.css`
|
|
1305
1327
|
${(0,H.foundationTextFieldStyles)(e,a)}
|
|
1306
1328
|
:host {
|
|
1307
1329
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1313,12 +1335,12 @@
|
|
|
1313
1335
|
}
|
|
1314
1336
|
|
|
1315
1337
|
:host .root {
|
|
1316
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1317
|
-
background-color: ${
|
|
1338
|
+
border: calc(var(--stroke-width) * 1px) solid ${yr};
|
|
1339
|
+
background-color: ${hr};
|
|
1318
1340
|
}
|
|
1319
1341
|
|
|
1320
1342
|
:host(:hover:not([disabled])) .root {
|
|
1321
|
-
border-color: ${
|
|
1343
|
+
border-color: ${pr};
|
|
1322
1344
|
background: none;
|
|
1323
1345
|
}
|
|
1324
1346
|
|
|
@@ -1326,44 +1348,44 @@
|
|
|
1326
1348
|
background:
|
|
1327
1349
|
linear-gradient(
|
|
1328
1350
|
var(--primary-gradient-angle),
|
|
1329
|
-
${
|
|
1330
|
-
${
|
|
1351
|
+
${ke.blue} 0%,
|
|
1352
|
+
${ke.purple} 100%
|
|
1331
1353
|
)
|
|
1332
1354
|
top/100% 1px,
|
|
1333
1355
|
linear-gradient(
|
|
1334
1356
|
var(--primary-gradient-angle),
|
|
1335
|
-
${
|
|
1336
|
-
${
|
|
1357
|
+
${ke.blue} 0%,
|
|
1358
|
+
${ke.purple} 100%
|
|
1337
1359
|
)
|
|
1338
1360
|
bottom/100% 1px;
|
|
1339
|
-
background-color: ${
|
|
1361
|
+
background-color: ${fr};
|
|
1340
1362
|
background-origin: border-box;
|
|
1341
1363
|
background-repeat: no-repeat;
|
|
1342
1364
|
border: 1px solid transparent;
|
|
1343
|
-
border-right-color: ${
|
|
1344
|
-
border-left-color: ${
|
|
1365
|
+
border-right-color: ${ke.blue};
|
|
1366
|
+
border-left-color: ${ke.purple};
|
|
1345
1367
|
box-shadow: none;
|
|
1346
1368
|
}
|
|
1347
1369
|
|
|
1348
1370
|
.label {
|
|
1349
|
-
color: ${
|
|
1371
|
+
color: ${br};
|
|
1350
1372
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1351
1373
|
}
|
|
1352
|
-
`;class
|
|
1374
|
+
`;class po extends H.NumberField{}const uo=H.defaultNumberFieldConfig,ho=H.foundationNumberFieldTemplate,mo=H.foundationNumberFieldShadowOptions,bo=po.compose(Object.assign({baseName:"number-field",template:ho,styles:(e,a)=>b.css`
|
|
1353
1375
|
:host .root {
|
|
1354
1376
|
--focus-stroke-outer: transparent;
|
|
1355
1377
|
}
|
|
1356
|
-
${
|
|
1357
|
-
`,shadowOptions:
|
|
1378
|
+
${co(e,a)}
|
|
1379
|
+
`,shadowOptions:mo},uo));class vo extends H.Progress{}const fo=vo.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,H.foundationProgressTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1358
1380
|
${(0,H.foundationProgressStyles)(e,a)}
|
|
1359
1381
|
:host([appearance="secondary-teal"]) {
|
|
1360
|
-
--accent-foreground-rest: ${
|
|
1382
|
+
--accent-foreground-rest: ${ze.teal};
|
|
1361
1383
|
}
|
|
1362
1384
|
|
|
1363
1385
|
:host([appearance='secondary-orange']) {
|
|
1364
|
-
--accent-foreground-rest: ${
|
|
1386
|
+
--accent-foreground-rest: ${ze.orange};
|
|
1365
1387
|
}
|
|
1366
|
-
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class
|
|
1388
|
+
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class wo extends H.ProgressRing{}const yo={indeterminateIndicator:`\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <defs>\n <linearGradient id="linear">\n <stop offset="0%" stop-color="${ke.purple}"/>\n <stop offset="100%" stop-color="${ke.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 `},xo=wo.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>b.html`
|
|
1367
1389
|
<template
|
|
1368
1390
|
role="progressbar"
|
|
1369
1391
|
aria-valuenow="${e=>e.value}"
|
|
@@ -1375,8 +1397,8 @@
|
|
|
1375
1397
|
<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate">
|
|
1376
1398
|
<defs>
|
|
1377
1399
|
<linearGradient id="linear">
|
|
1378
|
-
<stop offset="0%" stop-color="${
|
|
1379
|
-
<stop offset="60%" stop-color="${
|
|
1400
|
+
<stop offset="0%" stop-color="${ke.purple}" />
|
|
1401
|
+
<stop offset="60%" stop-color="${ke.blue}" />
|
|
1380
1402
|
</linearGradient>
|
|
1381
1403
|
</defs>
|
|
1382
1404
|
<circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>
|
|
@@ -1401,7 +1423,7 @@
|
|
|
1401
1423
|
.indeterminate-indicator-1, .determinate {
|
|
1402
1424
|
stroke: ${"url(#linear)"};
|
|
1403
1425
|
}
|
|
1404
|
-
`,shadowOptions:H.foundationProgressRingShadowOptions},
|
|
1426
|
+
`,shadowOptions:H.foundationProgressRingShadowOptions},yo));class ko extends H.Radio{}const zo=ko.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,H.foundationRadioTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1405
1427
|
${(0,H.foundationRadioStyles)(e,a)}
|
|
1406
1428
|
:host {
|
|
1407
1429
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1429,62 +1451,62 @@
|
|
|
1429
1451
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
1430
1452
|
background: linear-gradient(
|
|
1431
1453
|
var(--primary-gradient-angle),
|
|
1432
|
-
${
|
|
1433
|
-
${
|
|
1454
|
+
${ke.blue},
|
|
1455
|
+
${ke.purple}
|
|
1434
1456
|
);
|
|
1435
1457
|
}
|
|
1436
|
-
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class
|
|
1458
|
+
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class So extends H.RadioGroup{}const Co=So.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,H.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1437
1459
|
${(0,H.foundationRadioGroupStyles)(e,a)}
|
|
1438
1460
|
:host([appearance="accent"]) {
|
|
1439
1461
|
background: green;
|
|
1440
1462
|
}
|
|
1441
|
-
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig))
|
|
1463
|
+
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),$o=b.css`
|
|
1442
1464
|
${H.foundationSearchBarStyles}
|
|
1443
|
-
`,
|
|
1465
|
+
`,Ao=b.html`
|
|
1444
1466
|
${(0,H.getPrefixedSearchBar)("zero")}
|
|
1445
|
-
`;class
|
|
1467
|
+
`;class Fo extends H.SearchBar{constructor(){super(...arguments),this.appearance="neutral-grey"}}const Oo=Fo.compose(Object.assign({baseName:"search-bar",template:Ao,styles:$o,shadowOptions:H.foundationSearchBarShadowOptions},H.defaultSearchBarConfig));class To extends H.SearchBarCombobox{}const Do=To.compose(Object.assign({baseName:"search-bar-combobox",template:(e,a)=>(0,H.foundationSearchBarComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1446
1468
|
${(0,H.foundationSearchBarComboboxStyles)(e,a)}
|
|
1447
1469
|
|
|
1448
1470
|
:host {
|
|
1449
1471
|
--primary-gradient-angle: -113.5deg;
|
|
1450
1472
|
|
|
1451
1473
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1452
|
-
border-color: ${
|
|
1453
|
-
background: ${
|
|
1474
|
+
border-color: ${yr};
|
|
1475
|
+
background: ${hr};
|
|
1454
1476
|
}
|
|
1455
1477
|
|
|
1456
1478
|
:host(:focus-within:not([disabled])) {
|
|
1457
1479
|
background:
|
|
1458
1480
|
linear-gradient(
|
|
1459
1481
|
var(--primary-gradient-angle),
|
|
1460
|
-
${
|
|
1461
|
-
${
|
|
1482
|
+
${ke.blue} 0%,
|
|
1483
|
+
${ke.purple} 100%
|
|
1462
1484
|
)
|
|
1463
1485
|
top/100% 1px,
|
|
1464
1486
|
linear-gradient(
|
|
1465
1487
|
var(--primary-gradient-angle),
|
|
1466
|
-
${
|
|
1467
|
-
${
|
|
1488
|
+
${ke.blue} 0%,
|
|
1489
|
+
${ke.purple} 100%
|
|
1468
1490
|
)
|
|
1469
1491
|
bottom/100% 1px;
|
|
1470
1492
|
background-origin: border-box;
|
|
1471
1493
|
background-repeat: no-repeat;
|
|
1472
1494
|
border: 1px solid transparent;
|
|
1473
|
-
border-right-color: ${
|
|
1474
|
-
border-left-color: ${
|
|
1495
|
+
border-right-color: ${ke.blue};
|
|
1496
|
+
border-left-color: ${ke.purple};
|
|
1475
1497
|
}
|
|
1476
1498
|
|
|
1477
1499
|
:host(:hover:not([disabled]):not([open])) {
|
|
1478
|
-
border-color: ${
|
|
1479
|
-
background: ${
|
|
1500
|
+
border-color: ${pr};
|
|
1501
|
+
background: ${hr};
|
|
1480
1502
|
}
|
|
1481
1503
|
|
|
1482
1504
|
:host([open][position='below']) .listbox {
|
|
1483
1505
|
padding: 0;
|
|
1484
1506
|
border-radius: 4px;
|
|
1485
|
-
border: 1px solid ${
|
|
1507
|
+
border: 1px solid ${xe.lightGrey};
|
|
1486
1508
|
}
|
|
1487
|
-
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class
|
|
1509
|
+
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class Ro extends H.SegmentedControl{}const No=Ro.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,H.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1488
1510
|
${(0,H.foundationSegmentedControlStyles)(e,a)}
|
|
1489
1511
|
:host {
|
|
1490
1512
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1516,14 +1538,14 @@
|
|
|
1516
1538
|
:host([appearance='primary']) ::slotted(*[aria-checked='true']) {
|
|
1517
1539
|
background: linear-gradient(
|
|
1518
1540
|
var(--primary-gradient-angle),
|
|
1519
|
-
${
|
|
1520
|
-
${
|
|
1541
|
+
${ke.blue},
|
|
1542
|
+
${ke.purple}
|
|
1521
1543
|
);
|
|
1522
1544
|
background-origin: border-box;
|
|
1523
1545
|
border-color: transparent;
|
|
1524
1546
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
1525
1547
|
}
|
|
1526
|
-
`,shadowOptions:undefined},{}));class
|
|
1548
|
+
`,shadowOptions:undefined},{}));class Lo extends H.Radio{}const Mo=Lo.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,H.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1527
1549
|
${(0,H.foundationSegmentedItemStyles)(e,a)}
|
|
1528
1550
|
:host {
|
|
1529
1551
|
color: var(--neutral-stroke-rest);
|
|
@@ -1531,61 +1553,61 @@
|
|
|
1531
1553
|
}
|
|
1532
1554
|
|
|
1533
1555
|
:host([aria-checked='true']) {
|
|
1534
|
-
color: ${
|
|
1556
|
+
color: ${xe.white};
|
|
1535
1557
|
}
|
|
1536
|
-
`,shadowOptions:undefined},{}));class
|
|
1558
|
+
`,shadowOptions:undefined},{}));class Io extends H.Select{}const jo=Io.compose(Object.assign({baseName:"select",template:(e,a)=>(0,H.foundationSelectTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1537
1559
|
${(0,H.foundationSelectStyles)(e,a)}
|
|
1538
1560
|
:host {
|
|
1539
1561
|
--primary-gradient-angle: -113.5deg;
|
|
1540
1562
|
|
|
1541
1563
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1542
|
-
border-color: ${
|
|
1543
|
-
background: ${
|
|
1564
|
+
border-color: ${yr};
|
|
1565
|
+
background: ${hr};
|
|
1544
1566
|
}
|
|
1545
1567
|
|
|
1546
1568
|
:host(:focus-within:not([disabled])) {
|
|
1547
1569
|
background:
|
|
1548
1570
|
linear-gradient(
|
|
1549
1571
|
var(--primary-gradient-angle),
|
|
1550
|
-
${
|
|
1551
|
-
${
|
|
1572
|
+
${ke.blue} 0%,
|
|
1573
|
+
${ke.purple} 100%
|
|
1552
1574
|
)
|
|
1553
1575
|
top/100% 1px,
|
|
1554
1576
|
linear-gradient(
|
|
1555
1577
|
var(--primary-gradient-angle),
|
|
1556
|
-
${
|
|
1557
|
-
${
|
|
1578
|
+
${ke.blue} 0%,
|
|
1579
|
+
${ke.purple} 100%
|
|
1558
1580
|
)
|
|
1559
1581
|
bottom/100% 1px;
|
|
1560
1582
|
background-origin: border-box;
|
|
1561
1583
|
background-repeat: no-repeat;
|
|
1562
1584
|
border: 1px solid transparent;
|
|
1563
|
-
border-right-color: ${
|
|
1564
|
-
border-left-color: ${
|
|
1585
|
+
border-right-color: ${ke.blue};
|
|
1586
|
+
border-left-color: ${ke.purple};
|
|
1565
1587
|
}
|
|
1566
1588
|
|
|
1567
1589
|
:host(:hover:not([disabled]):not(.open)) {
|
|
1568
|
-
border-color: ${
|
|
1569
|
-
background: ${
|
|
1590
|
+
border-color: ${pr};
|
|
1591
|
+
background: ${hr};
|
|
1570
1592
|
}
|
|
1571
1593
|
|
|
1572
1594
|
:host([open][position='below']) .listbox {
|
|
1573
1595
|
padding: 0;
|
|
1574
1596
|
margin-top: calc(${f.designUnit} * 1px);
|
|
1575
1597
|
border-radius: 4px;
|
|
1576
|
-
border: 1px solid ${
|
|
1598
|
+
border: 1px solid ${xe.lightGrey};
|
|
1577
1599
|
}
|
|
1578
1600
|
|
|
1579
1601
|
:host([open]) .control {
|
|
1580
|
-
background: ${
|
|
1602
|
+
background: ${fr};
|
|
1581
1603
|
}
|
|
1582
1604
|
|
|
1583
1605
|
:host(:not([disabled])) .control:active {
|
|
1584
1606
|
background: none;
|
|
1585
1607
|
}
|
|
1586
|
-
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class
|
|
1608
|
+
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class Eo extends H.Skeleton{}const Po=Eo.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,H.foundationSkeletonTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1587
1609
|
${(0,H.foundationSkeletonStyles)(e,a)}
|
|
1588
|
-
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class
|
|
1610
|
+
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class Bo extends H.Slider{}const Go=Bo.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,H.foundationSliderTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1589
1611
|
${(0,H.foundationSliderStyles)(e,a)}
|
|
1590
1612
|
:host {
|
|
1591
1613
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1594,8 +1616,8 @@
|
|
|
1594
1616
|
.thumb-cursor {
|
|
1595
1617
|
background: linear-gradient(
|
|
1596
1618
|
var(--primary-gradient-angle),
|
|
1597
|
-
${
|
|
1598
|
-
${
|
|
1619
|
+
${ke.blue},
|
|
1620
|
+
${ke.purple}
|
|
1599
1621
|
);
|
|
1600
1622
|
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
1601
1623
|
}
|
|
@@ -1604,8 +1626,8 @@
|
|
|
1604
1626
|
.thumb-cursor:active {
|
|
1605
1627
|
background: linear-gradient(
|
|
1606
1628
|
var(--primary-gradient-angle),
|
|
1607
|
-
${
|
|
1608
|
-
${
|
|
1629
|
+
${ke.blue},
|
|
1630
|
+
${ke.purple}
|
|
1609
1631
|
);
|
|
1610
1632
|
border-radius: transparent;
|
|
1611
1633
|
}
|
|
@@ -1628,21 +1650,21 @@
|
|
|
1628
1650
|
}
|
|
1629
1651
|
|
|
1630
1652
|
.thumb-cursor:hover::after {
|
|
1631
|
-
background-color: ${
|
|
1653
|
+
background-color: ${da(.1)};
|
|
1632
1654
|
}
|
|
1633
1655
|
|
|
1634
1656
|
.thumb-cursor:active::after {
|
|
1635
|
-
background-color: ${
|
|
1657
|
+
background-color: ${da(.2)};
|
|
1636
1658
|
}
|
|
1637
1659
|
|
|
1638
1660
|
.track {
|
|
1639
|
-
background-color: ${
|
|
1661
|
+
background-color: ${xe.mediumGrey};
|
|
1640
1662
|
}
|
|
1641
1663
|
|
|
1642
1664
|
.track-progress {
|
|
1643
1665
|
background-color: var(--neutral-stroke-rest);
|
|
1644
1666
|
}
|
|
1645
|
-
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class
|
|
1667
|
+
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class _o extends H.SliderLabel{}const Uo=_o.compose(Object.assign({baseName:"slider-label",template:(e,a)=>(0,H.foundationSliderLabelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1646
1668
|
${(0,H.foundationSliderLabelStyles)(e,a)}
|
|
1647
1669
|
.label {
|
|
1648
1670
|
padding: 6px 8px;
|
|
@@ -1653,7 +1675,7 @@
|
|
|
1653
1675
|
text-align: center;
|
|
1654
1676
|
font-size: var(--type-ramp-minus-1-font-size, 12px);
|
|
1655
1677
|
}
|
|
1656
|
-
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),
|
|
1678
|
+
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),Ho=b.css`
|
|
1657
1679
|
${H.foundationSnackbarStyles}
|
|
1658
1680
|
.snackbar {
|
|
1659
1681
|
border: calc(var(--stroke-width) * 1px) solid ${f.neutralLayer2};
|
|
@@ -1661,23 +1683,23 @@
|
|
|
1661
1683
|
}
|
|
1662
1684
|
|
|
1663
1685
|
:host([type='error']) .snackbar::after {
|
|
1664
|
-
background-color: ${
|
|
1686
|
+
background-color: ${ya(1)};
|
|
1665
1687
|
}
|
|
1666
|
-
`,
|
|
1688
|
+
`,Vo=b.html`
|
|
1667
1689
|
${(0,H.getPrefixedSnackbar)("zero")}
|
|
1668
|
-
`,
|
|
1690
|
+
`,Yo=H.foundationSnackbarShadowOptions;class Qo extends H.Snackbar{}const Wo=Qo.compose({baseName:"snackbar",shadowOptions:Yo,styles:Ho,template:Vo});class qo extends H.StackingIcons{}const Jo=qo.compose({baseName:"stacking-icons",template:H.foundationStackingIconsTemplate,styles:(e,a)=>b.css`
|
|
1669
1691
|
${(0,H.foundationStackingIconsStyles)(e,a)}
|
|
1670
|
-
`}),
|
|
1692
|
+
`}),Zo=b.css`
|
|
1671
1693
|
${H.foundationStepperStyles}
|
|
1672
1694
|
|
|
1673
1695
|
.stepper-tab {
|
|
1674
1696
|
background-color: var(--neutral-layer-3);
|
|
1675
1697
|
}
|
|
1676
|
-
`,
|
|
1698
|
+
`,Ko=b.html`
|
|
1677
1699
|
${(0,H.getPrefixedStepper)("zero")}
|
|
1678
|
-
`;class
|
|
1700
|
+
`;class Xo extends H.Stepper{}const ei=Xo.compose(Object.assign({baseName:"stepper",template:Ko,styles:Zo,shadowOptions:H.foundationStepperShadowOptions},H.defaultStepperConfig)),ai=b.html`
|
|
1679
1701
|
${(0,H.getPrefixedStepperTab)("zero")}
|
|
1680
|
-
`;class
|
|
1702
|
+
`;class ri extends H.StepperTab{}const ti=ri.compose(Object.assign({baseName:"stepper-tab",template:ai,styles:(e,a)=>b.css`
|
|
1681
1703
|
${(0,H.foundationStepperTabStyles)(e,a)}
|
|
1682
1704
|
|
|
1683
1705
|
zero-tree-item {
|
|
@@ -1689,7 +1711,7 @@
|
|
|
1689
1711
|
|
|
1690
1712
|
border-bottom: 1px solid var(--fill-color);
|
|
1691
1713
|
}
|
|
1692
|
-
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class
|
|
1714
|
+
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class oi extends H.StepperTabPanel{}const ii=oi.compose(Object.assign({baseName:"stepper-tab-panel",template:(e,a)=>(0,H.foundationStepperTabPanelTemplate)(e,a),shadowOptions:H.foundationStepperTabPanelShadowOptions},H.defaultStepperTabPanelConfig));class ni extends H.Switch{}const li=ni.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,H.foundationSwitchTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1693
1715
|
${(0,H.foundationSwitchStyles)(e,a)}
|
|
1694
1716
|
:host {
|
|
1695
1717
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1705,7 +1727,7 @@
|
|
|
1705
1727
|
}
|
|
1706
1728
|
|
|
1707
1729
|
.switch:hover {
|
|
1708
|
-
border-color: ${
|
|
1730
|
+
border-color: ${xe.white};
|
|
1709
1731
|
background: none;
|
|
1710
1732
|
}
|
|
1711
1733
|
|
|
@@ -1716,8 +1738,8 @@
|
|
|
1716
1738
|
:host([aria-checked='true']) .checked-indicator {
|
|
1717
1739
|
background: linear-gradient(
|
|
1718
1740
|
var(--primary-gradient-angle),
|
|
1719
|
-
${
|
|
1720
|
-
${
|
|
1741
|
+
${ke.blue},
|
|
1742
|
+
${ke.purple}
|
|
1721
1743
|
);
|
|
1722
1744
|
}
|
|
1723
1745
|
|
|
@@ -1730,17 +1752,17 @@
|
|
|
1730
1752
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
1731
1753
|
background: linear-gradient(
|
|
1732
1754
|
var(--primary-gradient-angle),
|
|
1733
|
-
${
|
|
1734
|
-
${
|
|
1755
|
+
${ke.blue},
|
|
1756
|
+
${ke.purple}
|
|
1735
1757
|
);
|
|
1736
1758
|
}
|
|
1737
|
-
`,shadowOptions:H.foundationSwitchShadowOptions},H.defaultSwitchConfig));class
|
|
1759
|
+
`,shadowOptions:H.foundationSwitchShadowOptions},H.defaultSwitchConfig));class gi extends H.Tab{}const si=gi.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,H.foundationTabTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1738
1760
|
${(0,H.foundationTabStyles)(e,a)}
|
|
1739
1761
|
:host {
|
|
1740
1762
|
background-color: ${f.neutralLayer2};
|
|
1741
1763
|
border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px)
|
|
1742
1764
|
0 0;
|
|
1743
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1765
|
+
border: calc(var(--stroke-width) * 1px) solid ${xe.lightGrey};
|
|
1744
1766
|
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
|
|
1745
1767
|
margin-right: 5px;
|
|
1746
1768
|
}
|
|
@@ -1758,9 +1780,9 @@
|
|
|
1758
1780
|
margin-right: 0;
|
|
1759
1781
|
background-color: var(--zero-card-fill-color);
|
|
1760
1782
|
}
|
|
1761
|
-
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class
|
|
1783
|
+
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class di extends H.TabPanel{}const ci=di.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,H.foundationTabPanelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1762
1784
|
${(0,H.foundationTabPanelStyles)(e,a)}
|
|
1763
|
-
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class
|
|
1785
|
+
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class pi extends H.Tabs{}const ui=pi.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,H.foundationTabsTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1764
1786
|
${(0,H.foundationTabsStyles)(e,a)}
|
|
1765
1787
|
:host .tablist {
|
|
1766
1788
|
padding: 0;
|
|
@@ -1768,7 +1790,7 @@
|
|
|
1768
1790
|
background-color: ${f.neutralLayer3};
|
|
1769
1791
|
width: 100%;
|
|
1770
1792
|
height: 42px;
|
|
1771
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1793
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${xe.lightGrey};
|
|
1772
1794
|
}
|
|
1773
1795
|
|
|
1774
1796
|
:host .tabpanel {
|
|
@@ -1781,7 +1803,7 @@
|
|
|
1781
1803
|
height: calc(100% - 1px);
|
|
1782
1804
|
display: flex;
|
|
1783
1805
|
align-items: center;
|
|
1784
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1806
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${xe.lightGrey};
|
|
1785
1807
|
background-color: var(--neutral-layer-3);
|
|
1786
1808
|
}
|
|
1787
1809
|
|
|
@@ -1789,8 +1811,8 @@
|
|
|
1789
1811
|
display: grid;
|
|
1790
1812
|
grid-template-columns: repeat(18, max-content);
|
|
1791
1813
|
background-color: var(--zero-card-fill-color);
|
|
1792
|
-
border-left: calc(var(--stroke-width) * 1px) solid ${
|
|
1793
|
-
border-right: calc(var(--stroke-width) * 1px) solid ${
|
|
1814
|
+
border-left: calc(var(--stroke-width) * 1px) solid ${xe.lightGrey};
|
|
1815
|
+
border-right: calc(var(--stroke-width) * 1px) solid ${xe.lightGrey};
|
|
1794
1816
|
}
|
|
1795
1817
|
|
|
1796
1818
|
/* We don't want to show the active indicator on the tabs */
|
|
@@ -1806,7 +1828,7 @@
|
|
|
1806
1828
|
height: 2px;
|
|
1807
1829
|
margin-top: 0;
|
|
1808
1830
|
}
|
|
1809
|
-
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class
|
|
1831
|
+
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class hi extends H.TextArea{}const mi=hi.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,H.foundationTextAreaTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1810
1832
|
${(0,H.foundationTextAreaStyles)(e,a)}
|
|
1811
1833
|
:host {
|
|
1812
1834
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1814,44 +1836,44 @@
|
|
|
1814
1836
|
|
|
1815
1837
|
:host .control {
|
|
1816
1838
|
height: 100%;
|
|
1817
|
-
background-color: ${
|
|
1818
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1839
|
+
background-color: ${hr};
|
|
1840
|
+
border: calc(var(--stroke-width) * 1px) solid ${yr};
|
|
1819
1841
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1820
1842
|
}
|
|
1821
1843
|
|
|
1822
1844
|
:host(:hover:not([disabled])) .control {
|
|
1823
|
-
border-color: ${
|
|
1824
|
-
background: ${
|
|
1845
|
+
border-color: ${pr};
|
|
1846
|
+
background: ${hr};
|
|
1825
1847
|
}
|
|
1826
1848
|
|
|
1827
1849
|
:host(:focus-within:not([disabled])) .control {
|
|
1828
1850
|
background:
|
|
1829
1851
|
linear-gradient(
|
|
1830
1852
|
var(--primary-gradient-angle),
|
|
1831
|
-
${
|
|
1832
|
-
${
|
|
1853
|
+
${ke.blue} 0%,
|
|
1854
|
+
${ke.purple} 100%
|
|
1833
1855
|
)
|
|
1834
1856
|
top/100% 1px,
|
|
1835
1857
|
linear-gradient(
|
|
1836
1858
|
var(--primary-gradient-angle),
|
|
1837
|
-
${
|
|
1838
|
-
${
|
|
1859
|
+
${ke.blue} 0%,
|
|
1860
|
+
${ke.purple} 100%
|
|
1839
1861
|
)
|
|
1840
1862
|
bottom/100% 1px;
|
|
1841
1863
|
background-origin: border-box;
|
|
1842
1864
|
background-repeat: no-repeat;
|
|
1843
1865
|
border: 1px solid transparent;
|
|
1844
|
-
border-right-color: ${
|
|
1845
|
-
border-left-color: ${
|
|
1846
|
-
background-color: ${
|
|
1866
|
+
border-right-color: ${ke.blue};
|
|
1867
|
+
border-left-color: ${ke.purple};
|
|
1868
|
+
background-color: ${fr};
|
|
1847
1869
|
box-shadow: none;
|
|
1848
1870
|
}
|
|
1849
1871
|
|
|
1850
1872
|
.label {
|
|
1851
|
-
color: ${
|
|
1873
|
+
color: ${br};
|
|
1852
1874
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1853
1875
|
}
|
|
1854
|
-
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class
|
|
1876
|
+
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class bi extends H.TextField{}const vi=bi.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,H.foundationTextFieldTemplate)(e,a),styles:co,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),fi=b.css`
|
|
1855
1877
|
${H.foundationToastStyles}
|
|
1856
1878
|
.toast {
|
|
1857
1879
|
border: calc(var(--stroke-width) * 1px) solid ${f.neutralLayer3};
|
|
@@ -1859,29 +1881,29 @@
|
|
|
1859
1881
|
}
|
|
1860
1882
|
|
|
1861
1883
|
.toast::after {
|
|
1862
|
-
background-color: ${
|
|
1884
|
+
background-color: ${da(1)};
|
|
1863
1885
|
}
|
|
1864
1886
|
|
|
1865
1887
|
:host([notify='warning']) .toast::after {
|
|
1866
|
-
background-color: ${
|
|
1888
|
+
background-color: ${ya(1)};
|
|
1867
1889
|
}
|
|
1868
1890
|
|
|
1869
1891
|
:host([notify='success']) .toast::after {
|
|
1870
|
-
background-color: ${
|
|
1892
|
+
background-color: ${va(1)};
|
|
1871
1893
|
}
|
|
1872
1894
|
|
|
1873
1895
|
:host([notify='critical']) .toast::after {
|
|
1874
|
-
background-color: ${((e=1)=>
|
|
1896
|
+
background-color: ${((e=1)=>ta(fa,e))(1)};
|
|
1875
1897
|
}
|
|
1876
1898
|
|
|
1877
1899
|
:host([notify='serious']) .toast::after {
|
|
1878
|
-
background-color: ${
|
|
1900
|
+
background-color: ${ma(1)};
|
|
1879
1901
|
}
|
|
1880
|
-
`,
|
|
1902
|
+
`,wi=H.defaultToastConfig,yi=H.foundationToastShadowOptions;class xi extends H.Toast{}const ki=xi.compose(Object.assign({baseName:"toast",shadowOptions:yi,styles:fi,template:H.foundationToastTemplate},wi));class zi extends H.Toolbar{}const Si=zi.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,H.foundationToolbarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1881
1903
|
${(0,H.foundationToolbarStyles)(e,a)}
|
|
1882
|
-
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class
|
|
1904
|
+
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class Ci extends H.Tooltip{}const $i=Ci.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,H.foundationTooltipTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1883
1905
|
${(0,H.foundationTooltipStyles)(e,a)}
|
|
1884
|
-
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class
|
|
1906
|
+
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class Ai extends H.TreeItem{}const Fi=Ai.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,H.foundationTreeItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1885
1907
|
${(0,H.foundationTreeItemStyles)(e,a)}
|
|
1886
1908
|
:host {
|
|
1887
1909
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -1895,51 +1917,51 @@
|
|
|
1895
1917
|
background:
|
|
1896
1918
|
linear-gradient(
|
|
1897
1919
|
var(--primary-gradient-angle),
|
|
1898
|
-
${
|
|
1899
|
-
${
|
|
1920
|
+
${ke.blue} 10%,
|
|
1921
|
+
${ke.purple} 100%
|
|
1900
1922
|
)
|
|
1901
1923
|
top/100% 1px,
|
|
1902
1924
|
linear-gradient(
|
|
1903
1925
|
var(--primary-gradient-angle),
|
|
1904
|
-
${
|
|
1905
|
-
${
|
|
1926
|
+
${ke.blue} 10%,
|
|
1927
|
+
${ke.purple} 100%
|
|
1906
1928
|
)
|
|
1907
1929
|
bottom/100% 1px;
|
|
1908
1930
|
background-origin: border-box;
|
|
1909
1931
|
background-size: cover;
|
|
1910
1932
|
background-repeat: no-repeat;
|
|
1911
1933
|
}
|
|
1912
|
-
`,shadowOptions:H.foundationTreeItemShadowOptions},H.defaultTreeItemConfig));class
|
|
1934
|
+
`,shadowOptions:H.foundationTreeItemShadowOptions},H.defaultTreeItemConfig));class Oi extends H.TreeView{}const Ti=Oi.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,H.foundationTreeViewTemplate)(e,a),styles:(e,a)=>b.css`
|
|
1913
1935
|
${(0,H.foundationTreeViewStyles)(e,a)}
|
|
1914
|
-
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),
|
|
1936
|
+
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),Di=b.html`
|
|
1915
1937
|
${(0,H.getPrefixedUrlInput)("zero")}
|
|
1916
|
-
`;class
|
|
1938
|
+
`;class Ri extends H.UrlInput{}const Ni={zeroAccordion:Ke,zeroAccordionItem:ea,zeroActionsMenu:ra,zeroAnchor:Ia,zeroAnchoredRegion:Ea,zeroAvatar:Ba,zeroBadge:_a,zeroBanner:Ya,zeroBreadcrumbItem:Ja,zeroBreadcrumb:Wa,zeroButton:Ka,zeroCalendar:er,zeroCard:rr,zeroCategorizedMultiselect:gr,zeroCheckbox:dr,zeroCombobox:zr,zeroConnectionIndicator:Cr,zeroDataGrid:Or,zeroDesignSystemProvider:Er,zeroDialog:Yr,zeroDatePicker:Rr,zeroDisclosure:Wr,zeroDivider:Jr,zeroDropdownMenu:Kr,zeroErrorBoundary:ot,zeroNotificationListener:so,zeroErrorBanner:rt,zeroErrorDialog:nt,zeroFileUpload:pt,zeroFilter:mt,zeroFilterBar:ft,zeroFlexLayout:yt,zeroFlipper:kt,zeroFlyout:Ft,zeroGridLayout:Tt,zeroGridLayoutItem:Rt,zeroHorizontalScroll:Mt,zeroIcon:Pt,zeroListbox:Gt,zeroListboxOption:Ut,zeroMenu:Yt,zeroMenuItem:qt,zeroModal:ao,zeroMultiselect:lo,zeroNumberField:bo,zeroProgress:fo,zeroProgressRing:xo,zeroRadio:zo,zeroRadioGroup:Co,zeroSearchBar:Oo,zeroSearchBarCombobox:Do,zeroSegmentedControl:No,zeroSegmentedItem:Mo,zeroSelect:jo,zeroSkeleton:Po,zeroSlider:Go,zeroSliderLabel:Uo,zeroSnackbar:Wo,zeroStackingIcons:Jo,zeroStepper:ei,zeroStepperTab:ti,zeroStepperTabPanel:ii,zeroSwitch:li,zeroTab:si,zeroTabPanel:ci,zeroTabs:ui,zeroTextArea:mi,zeroTextField:vi,zeroToast:ki,zeroToolbar:Si,zeroTooltip:$i,zeroTreeItem:Fi,zeroTreeView:Ti,zeroUrlInput:Ri.compose(Object.assign({baseName:"url-input",template:Di,styles:(e,a)=>b.css`
|
|
1917
1939
|
${(0,H.foundationUrlInputStyles)(e,a)}
|
|
1918
1940
|
a {
|
|
1919
|
-
color: ${
|
|
1941
|
+
color: ${ke.blue};
|
|
1920
1942
|
opacity: 65%;
|
|
1921
1943
|
}
|
|
1922
1944
|
|
|
1923
1945
|
a:hover {
|
|
1924
1946
|
opacity: 100%;
|
|
1925
1947
|
}
|
|
1926
|
-
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var
|
|
1927
|
-
.${
|
|
1948
|
+
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Li,Mi,Ii=r(80249),ji=r(87530),Ei=r.n(ji),Pi=r(79014),Bi=r.n(Pi);!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"}(Li||(Li={})),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"}(Mi||(Mi={}));const Gi=e=>`${e}-token-map`,_i=(e,a)=>b.css`
|
|
1949
|
+
.${Gi(e)} {
|
|
1928
1950
|
${new H.CSSVarsTokenMapper(a)}
|
|
1929
1951
|
}
|
|
1930
|
-
`;var
|
|
1952
|
+
`;var Ui;!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"}(Ui||(Ui={}));const Hi="__editedColumn",Vi="__errorColumn",Yi={},Qi=v.DI.createInterface((e=>e.instance(Yi)));var Wi;!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"}(Wi||(Wi={})),Ei().extend(Bi());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[Hi]}}(0,Ii.__decorate)([b.observable],qi.prototype,"value",void 0),(0,Ii.__decorate)([b.observable],qi.prototype,"actualWidth",void 0);const Ji=b.css`
|
|
1931
1953
|
:host {
|
|
1932
1954
|
display: flex;
|
|
1933
1955
|
}
|
|
1934
|
-
`,
|
|
1956
|
+
`,Zi=(e="foundation")=>b.html`
|
|
1935
1957
|
<${e}-text-field
|
|
1936
1958
|
${(0,b.ref)("input")}
|
|
1937
|
-
:value=${e=>void 0===e.value||null===e.value?"":
|
|
1959
|
+
:value=${e=>void 0===e.value||null===e.value?"":Ei().utc(e.value).format(e.dateFormat)}
|
|
1938
1960
|
type=${e=>e.inputType}
|
|
1939
1961
|
@input=${(e,a)=>e.changeHandler(a.event)}
|
|
1940
1962
|
style="width: ${e=>e.actualWidth}px"
|
|
1941
1963
|
></${e}-text-field>
|
|
1942
|
-
`,
|
|
1964
|
+
`,Ki=qi.compose({baseName:"date-editor",styles:Ji,template:Zi()});class Xi extends qi{}const en=Xi.compose({baseName:"date-editor",styles:Ji,template:Zi("zero")});class an 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[Hi]}}(0,Ii.__decorate)([b.observable],an.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],an.prototype,"selectedOptions",void 0);const rn=b.css``,tn=(e="foundation")=>b.html`
|
|
1943
1965
|
<${e}-multiselect
|
|
1944
1966
|
style="width: 100%"
|
|
1945
1967
|
?async=${e=>e.params.async}
|
|
@@ -1953,7 +1975,7 @@
|
|
|
1953
1975
|
:datasourceConfig=${e=>e.params.datasourceOptions}
|
|
1954
1976
|
></multiselect-datasource>
|
|
1955
1977
|
</${e}-multiselect>
|
|
1956
|
-
`,
|
|
1978
|
+
`,on=an.compose({baseName:"multiselect-editor",styles:rn,template:tn()});class nn extends an{}const ln=nn.compose({baseName:"multiselect-editor",styles:rn,template:tn("zero")});class gn 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[Hi]}}(0,Ii.__decorate)([b.observable],gn.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],gn.prototype,"value",void 0),(0,Ii.__decorate)([b.observable],gn.prototype,"actualWidth",void 0);const sn=b.css``,dn=(e="foundation")=>b.html`
|
|
1957
1979
|
<${e}-combobox
|
|
1958
1980
|
style="width: ${e=>e.actualWidth}px"
|
|
1959
1981
|
${(0,b.ref)("combobox")}
|
|
@@ -1970,11 +1992,11 @@
|
|
|
1970
1992
|
:initialSelectedValue=${e=>e.params.value}
|
|
1971
1993
|
></options-datasource>
|
|
1972
1994
|
</${e}-combobox>
|
|
1973
|
-
`,
|
|
1995
|
+
`,cn=gn.compose({baseName:"select-editor",styles:sn,template:dn()});class pn extends gn{}const un=pn.compose({baseName:"select-editor",styles:sn,template:dn("zero")});class hn 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[Hi]}}(0,Ii.__decorate)([b.observable],hn.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],hn.prototype,"value",void 0),(0,Ii.__decorate)([b.observable],hn.prototype,"actualWidth",void 0);const mn=b.css`
|
|
1974
1996
|
:host {
|
|
1975
1997
|
display: flex;
|
|
1976
1998
|
}
|
|
1977
|
-
`,
|
|
1999
|
+
`,bn=(e="foundation")=>b.html`
|
|
1978
2000
|
<${e}-number-field
|
|
1979
2001
|
${(0,b.ref)("input")}
|
|
1980
2002
|
withFormatting=${e=>e.params.withFormatting}
|
|
@@ -1986,11 +2008,11 @@
|
|
|
1986
2008
|
hideStep
|
|
1987
2009
|
style="width: ${e=>e.actualWidth}px"
|
|
1988
2010
|
></${e}-number-field>
|
|
1989
|
-
`,
|
|
2011
|
+
`,vn=hn.compose({baseName:"number-editor",styles:mn,template:bn()});class fn extends hn{}const wn=fn.compose({baseName:"number-editor",styles:mn,template:bn("zero")});class yn 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[Hi]}}(0,Ii.__decorate)([b.observable],yn.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],yn.prototype,"value",void 0),(0,Ii.__decorate)([b.observable],yn.prototype,"actualWidth",void 0);const xn=b.css`
|
|
1990
2012
|
:host {
|
|
1991
2013
|
display: flex;
|
|
1992
2014
|
}
|
|
1993
|
-
`,
|
|
2015
|
+
`,kn=(e="foundation")=>b.html`
|
|
1994
2016
|
<${e}-text-field
|
|
1995
2017
|
${(0,b.ref)("input")}
|
|
1996
2018
|
:value=${e=>void 0===e.value?"":e.value}
|
|
@@ -1999,16 +2021,16 @@
|
|
|
1999
2021
|
style="width: ${e=>e.actualWidth}px"
|
|
2000
2022
|
>
|
|
2001
2023
|
</${e}-text-field>
|
|
2002
|
-
`,
|
|
2024
|
+
`,zn=yn.compose({baseName:"string-editor",styles:xn,template:kn()});class Sn extends yn{}const Cn=Sn.compose({baseName:"string-editor",styles:xn,template:kn("zero")});class $n 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,Ii.__decorate)([b.observable],$n.prototype,"valueFormatted",void 0);const An=b.css`
|
|
2003
2025
|
:host {
|
|
2004
2026
|
display: flex;
|
|
2005
2027
|
justify-content: space-between;
|
|
2006
2028
|
align-items: center;
|
|
2007
2029
|
}
|
|
2008
|
-
|
|
2030
|
+
`,Fn=(e="foundation")=>b.html`
|
|
2009
2031
|
<span>${e=>e.valueFormatted}</span>
|
|
2010
2032
|
<${e}-progress-ring style="margin: 0; width: 20px; height: 20px"></${e}-progress-ring>
|
|
2011
|
-
`,
|
|
2033
|
+
`,On=$n.compose({baseName:"editable-renderer",styles:An,template:Fn()});class Tn extends $n{}const Dn=Tn.compose({baseName:"editable-renderer",styles:An,template:Fn("zero")});var Rn=r(59783);const Nn=(0,k.createLogger)("grid-pro");class Ln extends v.FoundationElement{init(e){e&&(this.params=e,e.eGridCell.addEventListener("keydown",(e=>{e.key===Rn.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){Nn.error("Error executing grid action cell renderer isDisabled callback:",e)}return!1}clickHandler(){return(0,Ii.__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,Ii.__decorate)([b.observable],Ln.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],Ln.prototype,"pendingAction",void 0);const{create:Mn}=v.DesignToken,In=(Mn("action-height-multiplier").withDefault("0.6px"),b.css`
|
|
2012
2034
|
.action-container {
|
|
2013
2035
|
align-items: center;
|
|
2014
2036
|
display: flex;
|
|
@@ -2023,8 +2045,8 @@
|
|
|
2023
2045
|
var(--action-height-multiplier)
|
|
2024
2046
|
);
|
|
2025
2047
|
}
|
|
2026
|
-
`),
|
|
2027
|
-
${
|
|
2048
|
+
`),jn=Ln.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
2049
|
+
${In}
|
|
2028
2050
|
`,template:b.html`
|
|
2029
2051
|
<div class="action-container" part="action-container">
|
|
2030
2052
|
<foundation-button
|
|
@@ -2034,8 +2056,8 @@
|
|
|
2034
2056
|
?disabled=${e=>{var a;return e.pendingAction||e.isDisabled(null===(a=e.params)||void 0===a?void 0:a.data)}}
|
|
2035
2057
|
appearance="${e=>e.params.appearance}"
|
|
2036
2058
|
@click=${e=>e.clickHandler()}">${e=>e.params.actionName}</foundation-button>
|
|
2037
|
-
</div>`});class
|
|
2038
|
-
${
|
|
2059
|
+
</div>`});class En extends Ln{}const Pn=En.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
2060
|
+
${In}
|
|
2039
2061
|
`,template:b.html`
|
|
2040
2062
|
<div class="action-container" part="action-container">
|
|
2041
2063
|
<zero-button
|
|
@@ -2052,29 +2074,29 @@
|
|
|
2052
2074
|
`:e.params.actionName}
|
|
2053
2075
|
</zero-button>
|
|
2054
2076
|
</div>
|
|
2055
|
-
`});class
|
|
2077
|
+
`});class Bn extends v.FoundationElement{init(e){e&&(this.params=e)}getGui(){return this}refresh(e){return!1}}(0,Ii.__decorate)([b.observable],Bn.prototype,"params",void 0);const Gn=Bn.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
2056
2078
|
<foundation-actions-menu
|
|
2057
2079
|
name="${e=>e.params.headerName}"
|
|
2058
2080
|
:definition=${e=>e.params}
|
|
2059
2081
|
></foundation-actions-menu>
|
|
2060
|
-
`});class
|
|
2082
|
+
`});class _n extends Bn{}const Un=_n.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
2061
2083
|
<zero-actions-menu
|
|
2062
2084
|
name="${e=>e.params.headerName}"
|
|
2063
2085
|
:definition=${e=>e.params}
|
|
2064
2086
|
></zero-actions-menu>
|
|
2065
|
-
`});class
|
|
2087
|
+
`});class Hn 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:Rn.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:Rn.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[Hi]}}(0,Ii.__decorate)([b.observable],Hn.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],Hn.prototype,"selected",void 0);const Vn=b.css`
|
|
2066
2088
|
:host {
|
|
2067
2089
|
align-center: center;
|
|
2068
2090
|
display: flex;
|
|
2069
2091
|
height: 100%;
|
|
2070
2092
|
}
|
|
2071
|
-
`,
|
|
2093
|
+
`,Yn=(e="foundation")=>{const a=`${e}-checkbox`;return b.html`
|
|
2072
2094
|
<${a}
|
|
2073
2095
|
@change=${(e,a)=>e.changeHandler(a.event)}
|
|
2074
2096
|
:checked=${e=>e.selected}
|
|
2075
2097
|
?disabled=${e=>!e.params.colDef.editable}
|
|
2076
2098
|
></${a}>
|
|
2077
|
-
`},
|
|
2099
|
+
`},Qn=Hn.compose({baseName:"boolean-renderer",styles:Vn,template:Yn()});class Wn extends Hn{}const qn=Wn.compose({baseName:"boolean-renderer",styles:Vn,template:Yn("zero")});var Jn=r(18471);const Zn=(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 Kn 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?Zn(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,Ii.__decorate)([b.observable],Kn.prototype,"textValue",void 0),(0,Ii.__decorate)([b.observable],Kn.prototype,"params",void 0);const Xn=b.css`
|
|
2078
2100
|
:host {
|
|
2079
2101
|
display: flex;
|
|
2080
2102
|
width: 100%;
|
|
@@ -2084,15 +2106,15 @@
|
|
|
2084
2106
|
.text-renderer {
|
|
2085
2107
|
width: 100%;
|
|
2086
2108
|
}
|
|
2087
|
-
`,
|
|
2109
|
+
`,el=(e="foundation")=>{const a=`${e}-text-field`;return b.html`
|
|
2088
2110
|
<${a}
|
|
2089
2111
|
${(0,b.ref)("textField")}
|
|
2090
2112
|
type="text"
|
|
2091
2113
|
class="text-renderer"
|
|
2092
|
-
:value="${(0,
|
|
2114
|
+
:value="${(0,Jn.Z)((e=>e.textValue))}"
|
|
2093
2115
|
@change="${(e,a)=>e.textChanged(a.event)}"
|
|
2094
2116
|
></${a}>
|
|
2095
|
-
`},
|
|
2117
|
+
`},al=Kn.compose({baseName:"grid-pro-text-renderer",styles:Xn,template:el()});class rl extends Kn{}const tl=Xn,ol=el,il=rl.compose({baseName:"grid-text-renderer",styles:tl,template:ol()});const nl=class extends rl{}.compose({baseName:"grid-text-renderer",styles:tl,template:ol("zero")});class ll 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=Zn(null===(a=e.node)||void 0===a?void 0:a.data,e.accessor)||void 0)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Ii.__decorate)([b.observable],ll.prototype,"params",void 0),(0,Ii.__decorate)([b.observable],ll.prototype,"value",void 0);const gl=b.css`
|
|
2096
2118
|
:host,
|
|
2097
2119
|
.select-renderer,
|
|
2098
2120
|
zero-option,
|
|
@@ -2101,7 +2123,7 @@
|
|
|
2101
2123
|
max-width: var(--select-renderer-max-width);
|
|
2102
2124
|
min-width: 100%;
|
|
2103
2125
|
}
|
|
2104
|
-
`,
|
|
2126
|
+
`,sl=(e="foundation")=>{const a=`${e}-select`,r=`${e}-option`;return b.html`
|
|
2105
2127
|
<${a}
|
|
2106
2128
|
class="select-renderer"
|
|
2107
2129
|
@change=${(e,a)=>e.selectionChanged(a.event)}
|
|
@@ -2117,15 +2139,15 @@
|
|
|
2117
2139
|
<${r} value=${e=>e.name}>${e=>e.displayName}</${r}>
|
|
2118
2140
|
`)}
|
|
2119
2141
|
</${a}>
|
|
2120
|
-
`},
|
|
2142
|
+
`},dl=ll.compose({baseName:"select-renderer",styles:gl,template:sl()});const cl=class extends ll{}.compose({baseName:"select-renderer",styles:gl,template:sl("zero")});var pl=r(89861),ul=r(86534);var hl=r(75951),ml=r(9770),bl=r(97025),vl=r(40001),fl=r.n(vl);const wl=b.html`
|
|
2121
2143
|
<template>
|
|
2122
2144
|
<slot ${(0,b.slotted)("slottedRenderer")} @slotchange="${e=>e.slottedAgRendererChanged()}"></slot>
|
|
2123
2145
|
</template>
|
|
2124
|
-
`;let
|
|
2146
|
+
`;let yl=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,Ii.__decorate)([b.observable],yl.prototype,"renderer",void 0),(0,Ii.__decorate)([b.observable],yl.prototype,"rendererParams",void 0),(0,Ii.__decorate)([b.observable],yl.prototype,"slottedRenderer",void 0),yl=(0,Ii.__decorate)([(0,b.customElement)({name:"grid-pro-cell",template:wl})],yl);const xl=b.html`
|
|
2125
2147
|
<template>
|
|
2126
2148
|
<slot ${(0,b.slotted)("slottedAgCell")} @slotchange="${e=>e.slottedAgCellChanged()}"></slot>
|
|
2127
2149
|
</template>
|
|
2128
|
-
`;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.keepColDefsOnClearRowData=!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(e,a){return(0,Li.__awaiter)(this,void 0,void 0,(function*(){if(this.agGrid&&this.datasource.validResourceName(this.resourceName)&&this.connect.isConnected){const r=yield this.connect.getMetadata(this.resourceName);if(!r){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=r.TYPE===xl._g.REQUEST_SERVER;const t=Object.assign(Object.assign({getRowId:e=>e.data[this.rowId]},e&&{columnDefs:e}),this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},t),this.agGrid.addEventListener("onGridReady",(()=>(0,Li.__awaiter)(this,void 0,void 0,(function*(){a&&this.agGrid.columnApi.applyColumnState({state:a}),yield this.loadResourceData()}))),{once:!0});const o=600;this.updateSub=this.update.pipe((0,Ol.T)(1),(0,Tl.b)(o),(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(){let e,a;this.keepColDefsOnClearRowData&&(e=this.agGrid.gridApi.getColumnDefs(),a=this.agGrid.columnApi.getColumnState()),this.deinit(),this.init(e,a)}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&&!this.keepColDefsOnClearRowData&&(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),(0,Li.__decorate)([(0,b.attr)({mode:"boolean",attribute:"keep-col-defs-on-clear-row-data"})],Vl.prototype,"keepColDefsOnClearRowData",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`
|
|
2150
|
+
`;let kl=class extends v.FoundationElement{constructor(){super(...arguments),this.definition={}}slottedAgCellChanged(){}};(0,Ii.__decorate)([b.observable],kl.prototype,"slottedAgCell",void 0),(0,Ii.__decorate)([b.observable],kl.prototype,"definition",void 0),kl=(0,Ii.__decorate)([(0,b.customElement)({name:"grid-pro-column",template:xl})],kl);var zl=r(82940),Sl=r(32449),Cl=r(9162),$l=r(5127),Al=r(35991),Fl=r(6852),Ol=r(26714),Tl=r(2480),Dl=r(71452),Rl=r(99449),Nl=r(30526),Ll=r(61080),Ml=r(83123),Il=r(22296),jl=r(21607);function El(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 Pl(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"numericColumn"}}function Bl({value:e}){return(0,jl.D_)(e)}function Gl({value:e}){return(0,jl.Lx)(e)}class _l extends v.FoundationElement{constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=zl.WJ.MAX_ROWS_250,this.maxView=zl.WJ.MAX_VIEW_1000,this.movingView=!1,this.reverse=!1,this.isRequestServer=!1}get rowId(){return this.rowIdAttr?this.rowIdAttr:this.isRequestServer?zl.WJ.REQUEST_SERVER_ROW_ID:zl.WJ.DATASERVER_ROW_ID}get hasDefaultRowId(){return!this.rowIdAttr||this.rowIdAttr===zl.WJ.REQUEST_SERVER_ROW_ID||this.rowIdAttr===zl.WJ.DATASERVER_ROW_ID}get defaultRowIdByResourceType(){return this.isRequestServer?zl.WJ.REQUEST_SERVER_ROW_ID:zl.WJ.DATASERVER_ROW_ID}get agGrid(){return this.parentElement}}var Ul;(0,Ii.__decorate)([s.lj],_l.prototype,"connect",void 0),(0,Ii.__decorate)([b.observable],_l.prototype,"deferredGridOptions",void 0),(0,Ii.__decorate)([b.observable],_l.prototype,"deferredColumnStates",void 0),(0,Ii.__decorate)([b.observable],_l.prototype,"rowDataMapper",void 0),(0,Ii.__decorate)([b.attr],_l.prototype,"criteria",void 0),(0,Ii.__decorate)([b.attr],_l.prototype,"fields",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"is-snapshot"})],_l.prototype,"isSnapshot",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"max-rows"})],_l.prototype,"maxRows",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"max-view"})],_l.prototype,"maxView",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"moving-view"})],_l.prototype,"movingView",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"order-by"})],_l.prototype,"orderBy",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"resource-name"})],_l.prototype,"resourceName",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean"})],_l.prototype,"reverse",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"row-id"})],_l.prototype,"rowIdAttr",void 0),function(e){e.Add="add",e.Update="update",e.Remove="remove"}(Ul||(Ul={}));class Hl extends _l{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 Ml.r.STRING:t.cellEditor=Ui.stringEditor;break;case Ml.r.NUMBER:t.cellEditor=Ui.numberEditor;break;case Ml.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(t.cellRenderer=Ui.boolean,t.cellEditor=Ui.boolean);break;case Ml.r.DATE:t.valueFormatter=Bl,t.cellEditor=Ui.dateEditor;break;case Ml.r.DATETIME:t.valueFormatter=Gl,t.cellEditor=Ui.dateEditor,t.cellEditorParams={withTime:!0};break;case Ml.r.ENUM:e.enumOptions?(t.cellEditor=Ui.selectEditor,t.cellEditorParams={values:e.enumOptions.map((e=>({value:e,label:e}))),valueField:"value",labelField:"label"}):Il.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:Pl(e.type),filter:El(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},Ul.Add,this.agGrid.asyncAdd),(null===(a=this.agTransaction.remove)||void 0===a?void 0:a.length)>0&&this.applyMappedAgTransaction({remove:this.agTransaction.remove},Ul.Remove,this.agGrid.asyncRemove),(null===(r=this.agTransaction.update)||void 0===r?void 0:r.length)>0&&this.applyMappedAgTransaction({update:this.agTransaction.update},Ul.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(Ul)){if(!this.rowDataMapper)return e;const r={};return a.includes(Ul.Add)&&(r.add=this.rowDataMapper(e.add,this.rowData)),a.includes(Ul.Remove)&&(r.remove=this.rowDataMapper(e.remove,this.rowData)),a.includes(Ul.Update)&&(r.update=this.rowDataMapper(e.update,this.rowData)),r}}class Vl{constructor(){this.rowData=new Map}}function Yl(e){switch(e){case Ml.r.DATE:case Ml.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 Ql=class extends(c(Hl)){constructor(){super(...arguments),this.applyFuncName="applyTransaction",this.applyAsyncFuncName="applyTransactionAsync",this.pollingInterval=zl.WJ.REQ_REP_POLLING_INTERVAL_MS,this.disablePolling=!1,this.restartOnReconnection=!1,this.keepColDefsOnClearRowData=!1,this.requiresFullRowDataAndColDefs=!0,this.criteriaFromFilters=new Map,this.update=new Ol.X(new Map)}criteriaChanged(e,a){const r=e!==(0,Sl.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(e,a){return(0,Ii.__awaiter)(this,void 0,void 0,(function*(){if(this.agGrid&&this.datasource.validResourceName(this.resourceName)&&this.connect.isConnected){const r=yield this.connect.getMetadata(this.resourceName);if(!r){const e=`No metadata found for ${this.resourceName}, datasource will not work. Falling back to local columnDefs/rowData.`;return Nn.warn(e),void this.handleErrors({ERROR:e})}this.isRequestServer=r.TYPE===zl._g.REQUEST_SERVER;const t=Object.assign(Object.assign({getRowId:e=>e.data[this.rowId]},e&&{columnDefs:e}),this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},t),this.agGrid.addEventListener("onGridReady",(()=>(0,Ii.__awaiter)(this,void 0,void 0,(function*(){a&&this.agGrid.columnApi.applyColumnState({state:a}),yield this.loadResourceData()}))),{once:!0});const o=600;this.updateSub=this.update.pipe((0,Dl.T)(1),(0,Rl.b)(o),(0,Nl.b)((e=>Nn.debug("filters (debounced): ",e)))).subscribe((e=>{this.reloadResourceData()}))}else Nn.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 Ol.X(new Map),this.agGrid.removeAttribute("ds-disconnected"),this.datasource.deinit()}restart(){let e,a;this.keepColDefsOnClearRowData&&(e=this.agGrid.gridApi.getColumnDefs(),a=this.agGrid.columnApi.getColumnState()),this.deinit(),this.init(e,a)}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&&!this.keepColDefsOnClearRowData&&(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,Ii.__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,Ii.__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,Ii.__awaiter)(this,void 0,void 0,(function*(){const a=e||!this.datasource.initialized;if(!(yield this.datasource.init(this.datasourceOptions(),a)))return Nn.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 Nn.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.pipe((0,Ll.K)((e=>(this.handleErrors(e.receivedMessage),Tl.E)))).subscribe((e=>{this.handleErrors(e),this.sourceRef=e.SOURCE_REF;const a=e.MESSAGE_TYPE;if(a&&a===Cl.Cs.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const a=(0,$l.$)(e);this.handleStreamResult(a)}else this.handleStreamResult(e)}))}))}handleSnapshot(e){return Array.isArray(e)?e:e.REPLY?e.REPLY:e.ROW?(0,$l.$)(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 Nn.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,Ii.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,Yl);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,Sl.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,Ii.__decorate)([Al.g],Ql.prototype,"auth",void 0),(0,Ii.__decorate)([Fl.Yh],Ql.prototype,"datasource",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"polling-interval"})],Ql.prototype,"pollingInterval",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"disable-polling"})],Ql.prototype,"disablePolling",void 0),(0,Ii.__decorate)([b.observable],Ql.prototype,"request",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"restart-on-reconnection"})],Ql.prototype,"restartOnReconnection",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"keep-col-defs-on-clear-row-data"})],Ql.prototype,"keepColDefsOnClearRowData",void 0),Ql=(0,Ii.__decorate)([(0,b.customElement)({name:"grid-pro-genesis-datasource"})],Ql);let Wl=class extends Ql{};Wl=(0,Ii.__decorate)([(0,b.customElement)({name:"grid-pro-client-side-datasource"})],Wl);var ql=r(66306),Jl=r(52078);function Zl(e){switch(e){case Ml.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 Ml.r.DATE:case Ml.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 Ml.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 Kl extends Vl{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,Ii.__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 Nn.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/"),Nn.debug("Available indexes:",a),Nn.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,Jl.q)(1)).subscribe((a=>{var r;const t=a.MESSAGE_TYPE;if(t&&(t===Cl.Cs.LOGOFF_ACK||t===Cl.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,$l.$)(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,Ii.__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,Ii.__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=>Nn.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,Ii.__decorate)([Al.g],Kl.prototype,"auth",void 0),(0,Ii.__decorate)([s.lj],Kl.prototype,"connect",void 0);let Xl=class extends(c(Hl)){constructor(){super(...arguments),this.applyFuncName="applyServerSideTransaction",this.applyAsyncFuncName="applyServerSideTransactionAsync",this.pagination=!1}criteriaChanged(e,a){const r=e!==(0,Sl.p)(a,";");this.ssrmDatasource&&r&&this.reloadResourceData()}reloadResourceData(){var e,a,r;return(0,Ii.__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,Ii.__awaiter)(this,void 0,void 0,(function*(){const e=yield this.connect.getMetadata(this.resourceName).catch((e=>Nn.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 Kl({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});Nn.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));Nn.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 Nn.debug("Getting configured params:",e),e}get rowModel(){return this.agGrid.gridApi.getModel()}createDataserverStream(e=null){return(0,Ii.__awaiter)(this,void 0,void 0,(function*(){return this.connect.stream(this.resourceName,(e=>(0,Ii.__awaiter)(this,void 0,void 0,(function*(){var a;if(e.MESSAGE_TYPE===Cl.Cs.QUERY_UPDATE&&e.ROW){const r=(0,$l.$)(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=>Nn.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,Ii.__awaiter)(this,void 0,void 0,(function*(){const a=this.generateColumnDefsFromMetadata(e,Zl);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,Ii.__decorate)([(0,b.attr)({mode:"boolean"})],Xl.prototype,"pagination",void 0),Xl=(0,Ii.__decorate)([(0,b.customElement)({name:"grid-pro-server-side-datasource"})],Xl);const eg='\n @font-face {\n font-family: "agGridAlpine";\n src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABGYAAsAAAAAJUAAABFHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIh2BmAAixwKpXCfGwE2AiQDgiwLgRgABCAFhEYHhRYbjiBFIbBxQJhBP8IiqifF7P9DAp1DWLRF/YtGkJpOTafDolO66hq923HLpBjtKhEisuawXiIEoOjQaGO9OOdNmM/k7y5DCZMHau317e0FCManAAiSyCaunoRkkLFl1/9/c+VPMsnNEtBMGFedLLAjUjWiUlf3+d7r9jXZ9QR298S0qL4ULfAzmTVNTp0mtPCuUzXkB9rmv+OwOMJMsBBtenrY+GctjprYgZGc8X+zSHSRfcvw1zpZ98C2kVXG2W5VN1e6FQaG8JwEf+HchRXcb/Z2hfQ8dNS65LeVddel9vIEBkLLAG+YnEKJNWojAGE6V6EkgmyIn4SZ/+fnUtsboqwa/IGs0PNzOvCvzXv/pcBZSpRymlLWAZIFgrumAmgArDY7BSznJvyER6Hm7NyE1oMAmTOP2W4ovkxHhBjDKOYx0rGd6gY9HsC1iTrjjQhAvisbO3rs5NnKm1fs3qoPidYOoKweNm9YtwIO46CaAQG+y6kDZXNP/PIvsNmO0J44x/o4N66Ot+LG+FSETZ0xCmh8diIJRcgUKg1LIC5GV+kMnGkwBUV1HbzQOxJrQ0SKWJvX3t1aFRHoqOtzRWTyveVTZfGGblRq755mi6egbDIkb+zKVJeTkPgMFsIIrr8G88QITUASqOJ5TBJLAyetqNuvUi9cwsEiSVfknTKJKFwXJEifKEg4TRaVoTf9KidqWxWTaM4Qhckx5sC9WV2VzEdYip117wlE4pFNoTH6pLaKlnSP3jkqCOWFb04+eok58yIR6Fpbc7h7VYskIzvBi/sbie0gREpS0BX75I92Tzz1WaffwH8gR5tNGv6Ou1SeWdaN1SV9UZTp7rskIKhKTKO2KKdINUyJyBebzykRFeRxykSE2WFRIO9B1isS0hgQYcL5JAPPxDZCJCtZJhixKBq5KJYoW69I7cDZt0UMtHEbtDRUHyXnQxNdkxUZZL0p82U+RlTWTIM51d59R0MY4VFM5LyTjGEtU2yJkYKpidT3fINprI68kbyhLdEKti+RzoyqEcMcPwhTspwVIrUtc4FTtliCZlwiUFiTJVoyQlQoYZSR2S1kszlNlkBoGxeSQcn+MEUWSA4mj3A5ffvhux4hAUjwEaKLmr52zGp/dflBYicWpiPxr0NTYFYDQcMRaANSkOTWZ4cEuLyoDScvqoX8RyGuh4WcvPfN7x89Mxl08dZHP36EtfDICIqxc2hNBvPNdJl2K7K5M4rCYRGaDXBjQMR3hzpP4o7B4iA8wQMsJ6+gqKSsoqqmrqGppa2jq6dvYGhkbGJqZm5haWVtY2tn7+Do5Gzi4uoGQjZEY3mkpnoONwMpo7YCzpBQU5/p33+QHKUDvWQiqhYC4hVKJgFdEuVWXwHrCaxkw4FVbDCwmo0C1rA+wFo2AVjHegHr2VBgA+sHbGLDgM1sCLCFjQa2sgHANtYf2M7GAjtZb2AXGwTsZn2BPWwMsJeNB/axgcB+NgI4wMYBB4dPBD9AlBIEgmAQhIAgFARhIAgHQQQIIkEQBYJoEMSAIBYEcSCIB0ECCBJBkASCZBCkgCAVBGkgSAdBBggyQZAFgmwQ5IAgFwR5IMgHQQEICkFQBIJiEJSAoBQEZSAoB0EFCCpBUAWCahDUgKAWBHUgqEcdOg2gbRpB0ATAPwtb4hrOkjUW5HTc5QqbZQn410jBxkUchHndThUwJRfzV20FHctyFSXU8yVnqnjVcqKMwuymhqcMPqkwZdzE7MqlETtSgja1jksLx8X8Ff1H+YGVe2V2Y1zRXllFWHa6TjV57rS1Fpe51MTab1Fp5+GvYSoCnSw+q0Knyg3wYwBdueM78aTNaQ6ZMGc2sJhDyi2UWFKajVUkKlSCUnUildsYqNCuRvJ8qsPqsaZHw1imHnAcswGXqBhwQuXfwCWekgGpGpIvQ0HnSkC+ETQedsQnNkKTvfsVG5ec3sJyonvfOjWhwcfj1Lch7WGTfXN4F1q0h6Nj3YR4YOJK97Vg/47/j0SrZ4f1sK3aBzlN9CTRon4b4djoIDxCx/QHGkSji1mm/Yu5skEao3+MPsfKXW/0BJd6VBlN4SGVVxfdQVMDX/tT7+fInmYWHpk0CyvoG7ZHrlzhFy9dO3bsFDtx/vZzcenpTbAH4kOTZ6/mF++APXk1uT5jaCg5iPbGE35x8eC1vNb40aMHxaXr7MSxS5OXr74V3b6+zItXjx4UeHB2fAXswYOTgi66mP8VCOnwFETZftDCRDnjQL11aLLadfIxMo+GgRzPxihvzAwxhtRR3QOXxaWr01SaKb2Ru7KBXUqoDrZoXYgvTVZrvbMX+MVr7MRmbXyJ64MqXixIsvOqSRPvnItPKAXn8tP8gnrylPsXVU/S6PPKxBIKno8rv4BEVfXo53Ll+leqLs7LmWPanhSZkZ4jpKJLCvLjaCnQpAGG9ooBL6T/6/ZIIKKacTYgjA2a7YoCiVrQOHFEYLIwm9bDhsBkI8BmXT4GCti6DdIBN80cQOmfxcpZF9zRBKNjNeXmRe//xRryXqh55q9DCFp7fSMcCpKfB88fGGag9rWQ0c7rxXns3uip2oiDuBsSoBI2bsOgWIKBCrAcm+hxaZxdx/CeM1ZnSVTPjogm4PXn7ZvdSpZJhVJVUTN3YldHhTwR9SeU7cvL4xyv3JuBbTTRIT4y/6lp2JthwV04Z8cc39G/0rR6YE012woDFoJVqt2G4pdhg3JHmmZ+1JoRK9zKQ9eG7hQTLmaPReFrpYFqAq9d6jzTxYM4JjwSWu62xm8O11PjYsbMNSu8NKl7HmbnfS5rT6TnhLdKHuUXfK/knS4uSu4Wt9Ezevzf72KdnTTvf1EQWzfxpcCYDP1SMYyql4r7XJ74UXJcsMavoX8eFlTaigWK4z/eBIaIEcBmnzojLlnKewNGn/KhYPd0KKPnPve5L/ux+2MzqB5eMo367GnTpPGpWXTqw+QTbzhQdB2nt9+5t7RD8XpB5wMzqfzo2IjRPea2GdyhaUAYu1teYrTbIsaDk6lw9Ol3SHBkyVWiGb+8hrNnSHT/d4gK8MlVexbaI+9GvB32KcrC3w4dTI1BeHwBS+xJHYpLEKxc1ODgfI1GqyFJYbOnnyAhOCx/M9ti+UJ8eWhZnUUj4JdiNhRJC8TiAmnRnUiz7QJxkfTOlnQlzzLPMMwi0pxfAXiVsshYkvpEfibb28kOEiTTLQzfiDO+O/1MhC/vTgCP4eKSnX382LJl2Tn11gRBeFO4OLqLofVFL2ysDQyPDy5cOLukhEZLiD/uqzt+7PiGhLVrJz5WeXAhDbgexJOJEPvfZ0OcYZtxGLFU+zKkowDcWiKkGii5/uksQYDu+80DrpJQvjWOOc0FnpIL3DSDq+SBA84+rTwNb0RaXXKyrmRfRiklaFqcFYjPPKwsb2scSN2EhFSGxIRUhIiT/xtpf275z+tue+dfyLnc0ET7K0jjwgvMSU1nnO0rYz7fT3XhHmlDndxGBDvazS/qim+N47htifXfXe6v0Xj0suc9YHu4u7j6sE/9dsQmFndXNT1hOqgd2Qtr3vVdDJHOd1wdjfQOlwWsannObV9Hlt24lcmurkuPOc4dMTFsN59yDwOXLqw9i2HlLjzr3jDE2bnEPfbvSFvGgnIDCB3eTvMs6f2TO3Nc2zmyZmLdSFcFx4H7YZBOoZv/P3HElhPFdMjKrhvbuW+G40R3Z3eRplfdJfrDypbjz3GEJkqiOOnzU/ziuC0ZppRKVWihek5KS7d3Lj9MnKI/9DdVro+tVcOc1JYur1y5LDO7rMh2eNSYGI/EopJ+ccboDN6q+SJBBp+fLhAxbAo74saWQZVEnFKZLeeNc08sliiYCKi7cqRHOnmoTU5OUYlHovrE8nteuS3dc1LWdbkE37vq8MqV/T4nTJsUaaJUuQHizX3OmLub0naBYsNo/IpqP5t7+Qq8F+7fZ1w9GtupN8RbAubdpCROGRWkYrcxX14svj2GBLmFRgy4FJdQiliFcRupIJWJk5+MmX19u0KqMH6qwra96fByc4fY4VUUOvp+6bSsmjxY9b9sFBa/4Xlu5i3PXS4rlEgKmiMNyNYa4m325K3i5xA57csW6ZAW1qR3oSEAeGYJs/4Mev+3ojBsGaZCFy/MEm7JjNW3rMc9Fu+JifuvUeOwDe/o0F5HkKQkBLmec7bi00d3Ldg1sf/LDLiBNCiSLXED4NvcNftuvHCQjdvYiNXfotFXSSVwz+dlT+pIkuC3Ypa8Al3u3oV54VmCzExBVnierJK36MwZT15llhNRsn1NQcwvtevPfRv17cgGLnDnJJSR2tId/uD9weX5Fz7LmEOQC0kCRpFTp9p6ynPGH59tqSkpmrIyHve95OOTue1OenplmRXdPVCee6zGbL57l7o3KWryZvLdnDn5zY4MD4+2UlebFocZ5pbp2K23bq9enYUYp1VNqXx+qg3qbc2G0gtN2XzQ7bvY9UUmeW71LDcgztH22b9hB45jXMDLQ7vYMx8SxFiC+rMplJ+eFmZo/ZOq3iWCmvVS6DrtvJ3YJ93G2Nu9F36ik334x96ZbXQo6FYo9vQYuxHl5n1oGwdMMfbtMzYpe/tg3avVr3rGqm/fTm5gS4U+WBtkMgVpg/XDkSbaZDrXrw8eFgS2Lv21Xi/WCYU6sf5KSbVtnVAvvrJVG948S21OTm7+kxKj/sz/uJRP3WT7pSSteinzXwjpcM9y9jTmrd2o2Ch9hsficG82O9uZwN+CrkLZkHUv7l6W4NyqPT/8S06Wy3x9k5KASjIUGODVOruMmS0xUiocPnwReWDi1NnDcrw4XjZnPid0mX7sWFtl7UD/kLIqUXa53UrAxeQ3KpUf0VyQn5GxfHnczl1g7PuR+Zp5IypXnseIH1/cIz4bBZgxWU01M/x1gr1udqJlaBGlimhjGsr+uF+bwiOA+zU2oE91TLEeIauP1xWe6rUM/pA81yOYpihiSB7JUXB/oI+iZaGt9tQq2n9Q0derrnU/2o8lgXVDNY1oD9p6TyUb0YWZhdYyCKXNkXqpiKbholwui05d6ymOvr4rvfbvnEuD/2Lt6UJO/LtcDLUAjLO7+6TfmdLsqQ1oX9N1GBdZaqb1U6z/q75SrwQ8/Q0nP38sYCya/8Olal7o7hJgPz+nTjjmCEjw0ihgE3KAue6Ez7v6sQAMBCBRVzH0QE+m7QFOUA8oIHQ7QMAd+l1GAzbMBJSuy4FO132so8Klf1DS9T/b9TcUX2zPj/AL+0JO3/nkAvwE23tJm1M5r/MXKLsYquvmateVvUAAkgy6aucqD/aG2VSGIlbPMayL8j5WieIXKG465nS7Whn3qhsVcU2yXhBHu+MlTgB+gvDA9TyJJGbIMf6CADLvWhRUrjWuJH0vSqp0AYxdq7Tmf+5sYN3g2DCqxCIR5uJZqyIJPoZ4J5LY+gKUazY6BSu5tYrnZWTNhtLC560Aq5pu1Hxm2ADhCAgVDfnVHfDFWv3a/K+boiQrqqYbpmU7rucHYRQnaZYXZVU3bdcP4zQv67Yf53U/r/fn6869B4+ePHvx6s27D59rb8W2BFayi6GUQ3HMm/KqUkVQ4IU6kvi4naC+2zjVWTroy40OXNDAQOiCZDjdldAHKfe+ah+pTq7Sk7buUo8h76oOTFIx6EJ1moWamPOmukOhMysBX7vadsckqTmo3oEf6uxl7jbzzNKUb00TU5syF3ZcEjsz9qnYqzHsabj0FTo92y3fUrtgtzEmh26BAjP024Pka2cbcuIidIC90FxL7+MIWiQNZwmbqYJINUTeTgODi30+piO9mVi3PXMMdTTmaKOpIKhsx0WOAXbzc19S6ziGQukT7aE2oe1becDAJ2Ubp0wARhQ7m5VjgrDdv2N5JuuSRQBzomCUKV7nW2tS/6FeMhsYy1oDAA==);\n font-weight: normal;\n font-style: normal;\n }\n',ag='\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',rg={[Mi.alpine]:eg,[Mi.alpineDark]:eg,[Mi.balham]:ag,[Mi.balhamDark]:ag,[Mi.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'},tg=eg,og=b.css`
|
|
2129
2151
|
.ag-icon {
|
|
2130
2152
|
font-family: var(--ag-icon-font-family);
|
|
2131
2153
|
font-size: var(--ag-icon-size);
|
|
@@ -9302,7 +9324,7 @@
|
|
|
9302
9324
|
input[class^='ag-'][type='range']:disabled {
|
|
9303
9325
|
opacity: 0.5;
|
|
9304
9326
|
}
|
|
9305
|
-
`,
|
|
9327
|
+
`,ig=b.css`
|
|
9306
9328
|
.ag-dnd-ghost {
|
|
9307
9329
|
background: var(--ag-header-background-color, var(--ag-background-color, #1f2126));
|
|
9308
9330
|
border: solid 1px;
|
|
@@ -9319,7 +9341,7 @@
|
|
|
9319
9341
|
overflow: hidden;
|
|
9320
9342
|
text-overflow: ellipsis;
|
|
9321
9343
|
}
|
|
9322
|
-
`,
|
|
9344
|
+
`,ng=b.css`
|
|
9323
9345
|
.ag-theme-alpine,
|
|
9324
9346
|
.ag-theme-alpine-dark {
|
|
9325
9347
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -9769,7 +9791,7 @@
|
|
|
9769
9791
|
.ag-theme-alpine-dark {
|
|
9770
9792
|
color-scheme: dark;
|
|
9771
9793
|
}
|
|
9772
|
-
`,
|
|
9794
|
+
`,lg=b.css`
|
|
9773
9795
|
.ag-theme-balham,
|
|
9774
9796
|
.ag-theme-balham-dark {
|
|
9775
9797
|
--ag-balham-active-color: #0091ea;
|
|
@@ -10039,7 +10061,7 @@
|
|
|
10039
10061
|
.ag-theme-balham-dark {
|
|
10040
10062
|
color-scheme: dark;
|
|
10041
10063
|
}
|
|
10042
|
-
`,
|
|
10064
|
+
`,gg=b.css`
|
|
10043
10065
|
.ag-theme-material {
|
|
10044
10066
|
--ag-material-primary-color: #3f51b5;
|
|
10045
10067
|
--ag-material-accent-color: #ff4081;
|
|
@@ -10304,14 +10326,14 @@
|
|
|
10304
10326
|
.ag-theme-material .ag-picker-field-wrapper:focus {
|
|
10305
10327
|
box-shadow: 0 0 0 1px var(--ag-material-primary-color);
|
|
10306
10328
|
}
|
|
10307
|
-
`,
|
|
10308
|
-
${rg}
|
|
10309
|
-
${tg}
|
|
10329
|
+
`,sg=b.css`
|
|
10310
10330
|
${og}
|
|
10311
10331
|
${ig}
|
|
10312
10332
|
${ng}
|
|
10313
|
-
`,gg=b.css`
|
|
10314
10333
|
${lg}
|
|
10334
|
+
${gg}
|
|
10335
|
+
`,dg=b.css`
|
|
10336
|
+
${sg}
|
|
10315
10337
|
:host {
|
|
10316
10338
|
width: 100%;
|
|
10317
10339
|
height: 100%;
|
|
@@ -10338,14 +10360,14 @@
|
|
|
10338
10360
|
.ag-cell-inline-editing {
|
|
10339
10361
|
height: inherit !important;
|
|
10340
10362
|
}
|
|
10341
|
-
`,
|
|
10363
|
+
`,cg=b.html`
|
|
10342
10364
|
<template>
|
|
10343
10365
|
<span part="grid" class="${e=>e.classNames}">
|
|
10344
10366
|
<slot name="grid" ${(0,b.ref)("gridSlot")}></slot>
|
|
10345
10367
|
<slot></slot>
|
|
10346
10368
|
</span>
|
|
10347
10369
|
</template>
|
|
10348
|
-
`;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,this.shouldRunConnect&&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`
|
|
10370
|
+
`;var pg=r(75527);class ug{getColumnState(e){return(0,Ii.__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,Ii.__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,Ii.__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,Ii.__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,Ii.__decorate)([pg.z],ug.prototype,"session",void 0);const hg=v.DI.createInterface((e=>e.singleton(ug)));class mg{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 bg=e=>e.replace(/([a-z])([A-Z])|\s+/g,"$1-$2").toLowerCase();function vg(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}Rn.O3h.registerModules([ul.jM,pl.I]);class fg extends(c(v.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,ml.A)(Gi(a),a),this.insertFontFace(a)}getfilterModel(){return(0,Ii.__awaiter)(this,void 0,void 0,(function*(){if(!this.persistFilterModelKey)return this._filterConfig;return yield this.statePersistence.getFilterModel(this.persistFilterModelKey)}))}setFilterModel(e){return(0,Ii.__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=tg,this.columnComponentName="grid-pro-column",this.theme=Mi.alpine,this.rehydrationAttempted=!1,this.gridEventsQueue=[],this._filterConfig=void 0,this.agAttributes={},this.agPropertiesMap=Rn.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[bg(a)]=a,e)),{})}addEventListener(e,a,r){super.addEventListener(e,a,r),Rn.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,this.shouldRunConnect&&Rn.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(bg(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={[Ui.action]:Ln,[Ui.actionsMenu]:Bn,[Ui.boolean]:Hn,[Ui.editable]:$n,[Ui.selectEditor]:gn,[Ui.numberEditor]:hn,[Ui.multiselectEditor]:an,[Ui.dateEditor]:qi,[Ui.stringEditor]:yn};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,Ii.__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,Ii.__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,Ii.__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,Ii.__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=fl()(this.saveColumnState.bind(this),400),r=fl()(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,Ii.__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),Rn.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 Rn.rjZ(this.gridSlot,this.agGridOptions,r),this.initialised=!0}))}applyTemplateDefinitions(e,a=!1){return Nn.deprecated("applyTemplateDefinitions","Use `mergeAllColumnDefsAndStates` instead."),this.mergeAllColumnDefsAndStates(e,a)}mergeAllColumnDefsAndStates(e,a=!1){var r;return(0,Ii.__awaiter)(this,void 0,void 0,(function*(){const t=e||[];t.forEach((e=>{if(this.headerCaseType&&e.field&&!e.headerName){const a=bl[this.headerCaseType];a?e.headerName=a(e.field):Nn.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[Hi]===e.field)return{component:Ui.editable}}),e.tooltipComponent||e.tooltipValueGetter||(e.tooltipComponent=mg,e.tooltipValueGetter=a=>{const r=a.data[Vi];if(r&&r.column===e.field)return r.message}),e.cellClassRules||(e.cellClassRules={error:e=>{var a;return(null===(a=e.data[Vi])||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 vg(n,e);if((null===(r=this.gridProDatasource.deferredColumnStates)||void 0===r?void 0:r.length)>0)return vg(n,this.gridProDatasource.deferredColumnStates)}return n}))}get observedAttributes(){const e=Rn.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=Rn.plv.ALL_PROPERTIES.map((e=>bg(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},Rn.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=rg[e]||this.gridFontFace;this.destroyFontFace();const r=(0,hl.L)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,Ii.__decorate)([b.observable],fg.prototype,"columnApi",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"gridApi",void 0),(0,Ii.__decorate)([hg],fg.prototype,"statePersistence",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],fg.prototype,"autoCellRendererByType",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"only-template-col-defs",mode:"boolean"})],fg.prototype,"onlyTemplateColDefs",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"grid-autosizing"})],fg.prototype,"gridAutosizingEnabled",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"add-index"})],fg.prototype,"addIndex",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-add"})],fg.prototype,"asyncAdd",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-remove"})],fg.prototype,"asyncRemove",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"async-update"})],fg.prototype,"asyncUpdate",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],fg.prototype,"enableCellFlashing",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enabled-row-flashing"})],fg.prototype,"enabledRowFlashing",void 0),(0,Ii.__decorate)([(0,b.attr)({mode:"boolean",attribute:"enable-row-flashing"})],fg.prototype,"enableRowFlashing",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"persist-column-state-key"})],fg.prototype,"persistColumnStateKey",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"persist-filter-model-key"})],fg.prototype,"persistFilterModelKey",void 0),(0,Ii.__decorate)([(0,b.attr)({attribute:"header-case-type"})],fg.prototype,"headerCaseType",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"gridFontFace",void 0),(0,Ii.__decorate)([b.attr],fg.prototype,"columnComponentName",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"eventsAndCallbacks",void 0),(0,Ii.__decorate)([b.attr],fg.prototype,"headerHeight",void 0),(0,Ii.__decorate)([b.attr],fg.prototype,"rowHeight",void 0),(0,Ii.__decorate)([b.attr],fg.prototype,"theme",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"classNames",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"agGrid",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"gridSlot",void 0),(0,Ii.__decorate)([b.observable],fg.prototype,"gridComponents",void 0),(0,Ii.__decorate)([Qi],fg.prototype,"gridOptionsConfig",void 0);const wg=void 0,yg={shadowOptions:void 0},xg=fg.compose(Object.assign({baseName:"grid-pro",styles:dg,template:cg,shadowOptions:wg},yg)),kg={foregroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#879ba6")),backgroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#1f2126")),borderSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2e3339")),rowHoverSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2b2e34"))},zg={foregroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#000000")),headerForegroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#181d1f")),backgroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#FFFFFF")),borderSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#babfc7")),rowHoverSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2196f3"))},{create:Sg}=v.DesignToken,Cg={backgroundColor:Sg("rapid-ag-background-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?zg.backgroundSwatch:kg.backgroundSwatch)),borderColor:Sg("rapid-ag-border-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?zg.borderSwatch:kg.borderSwatch)),foregroundColor:Sg("rapid-ag-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?zg.foregroundSwatch:kg.foregroundSwatch)),headerForegroundColor:Sg("rapid-ag-header-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?zg.headerForegroundSwatch:kg.headerForegroundSwatch)),rowHoverColor:Sg("rapid-ag-row-hover-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?zg.rowHoverSwatch:kg.rowHoverSwatch))},$g=b.css`
|
|
10349
10371
|
.ag-theme-genesis-rapid,
|
|
10350
10372
|
.ag-theme-genesis-rapid-dark {
|
|
10351
10373
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -10805,56 +10827,56 @@
|
|
|
10805
10827
|
.ag-theme-genesis-rapid-dark {
|
|
10806
10828
|
color-scheme: dark;
|
|
10807
10829
|
}
|
|
10808
|
-
`,
|
|
10809
|
-
${
|
|
10810
|
-
${
|
|
10830
|
+
`,Ag={[Li.backgroundColor]:Cg.backgroundColor,[Li.foregroundColor]:Cg.foregroundColor,[Li.oddRowBackgroundColor]:Cg.backgroundColor,[Li.headerBackgroundColor]:Cg.backgroundColor,[Li.headerForegroundColor]:Cg.headerForegroundColor,[Li.selectedRowBackgroundColor]:Cg.rowHoverColor,[Li.rowHoverColor]:Cg.rowHoverColor,[Li.borderColor]:Cg.borderColor,[Li.rowBorderColor]:Cg.rowHoverColor,[Li.modalOverlayBackgroundColor]:Cg.backgroundColor,[Li.inputFocusBoxShadow]:Cg.headerForegroundColor,[Li.inputFocusBorderColor]:Cg.headerForegroundColor,[Li.headerColumnResizeHandleColor]:Cg.headerForegroundColor},Fg="ag-theme-genesis-rapid",Og=b.css`
|
|
10831
|
+
${$g}
|
|
10832
|
+
${_i(Fg,Ag)}
|
|
10811
10833
|
|
|
10812
|
-
.${
|
|
10813
|
-
${
|
|
10834
|
+
.${Fg} {
|
|
10835
|
+
${Ye()}
|
|
10814
10836
|
}
|
|
10815
10837
|
|
|
10816
|
-
.${
|
|
10838
|
+
.${Fg} .ag-header {
|
|
10817
10839
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
10818
10840
|
font-weight: bold;
|
|
10819
10841
|
}
|
|
10820
10842
|
|
|
10821
|
-
.${
|
|
10843
|
+
.${Fg} .ag-root-wrapper {
|
|
10822
10844
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10823
10845
|
}
|
|
10824
|
-
`,
|
|
10825
|
-
${
|
|
10826
|
-
${
|
|
10846
|
+
`,Tg="ag-theme-genesis-rapid-dark",Dg=b.css`
|
|
10847
|
+
${$g}
|
|
10848
|
+
${_i(Tg,Ag)}
|
|
10827
10849
|
|
|
10828
|
-
.${
|
|
10829
|
-
${
|
|
10850
|
+
.${Tg} {
|
|
10851
|
+
${Ye()}
|
|
10830
10852
|
}
|
|
10831
10853
|
|
|
10832
|
-
.${
|
|
10854
|
+
.${Tg} .ag-header {
|
|
10833
10855
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
10834
10856
|
font-weight: bold;
|
|
10835
10857
|
}
|
|
10836
10858
|
|
|
10837
|
-
.${
|
|
10859
|
+
.${Tg} .ag-cell {
|
|
10838
10860
|
line-height: var(--ag-line-height, 32px);
|
|
10839
10861
|
}
|
|
10840
10862
|
|
|
10841
|
-
.${
|
|
10863
|
+
.${Tg} .ag-root-wrapper {
|
|
10842
10864
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10843
10865
|
}
|
|
10844
|
-
`,
|
|
10866
|
+
`,Rg=b.css`
|
|
10845
10867
|
/* All the AG themes */
|
|
10846
|
-
${
|
|
10868
|
+
${dg}
|
|
10847
10869
|
|
|
10848
10870
|
/* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
|
|
10849
|
-
${Ag}
|
|
10850
10871
|
${Og}
|
|
10872
|
+
${Dg}
|
|
10851
10873
|
|
|
10852
10874
|
.error {
|
|
10853
|
-
border-color: ${
|
|
10875
|
+
border-color: ${Ce.shortPink} !important;
|
|
10854
10876
|
}
|
|
10855
|
-
`,
|
|
10877
|
+
`,Ng=cg,Lg="ag-theme-genesis-rapid-dark";const Mg=yg,Ig={zeroAgEditableRenderer:Dn,zeroAgActionRenderer:Pn,zeroAgActionsMenuRenderer:Un,zeroAgBooleanRenderer:qn,zeroAgTextRenderer:nl,zeroAgSelectRenderer:cl,zeroAgDateEditor:en,zeroAgMultiselectEditor:ln,zeroAgSelectEditor:un,zeroAgNumberEditor:wn,zeroAgStringEditor:Cn,zeroGridPro:class extends fg{constructor(){super(...arguments),this.theme=Lg}themeChanged(e,a){(e||a===Lg)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Ui.action]:En,[Ui.actionsMenu]:_n,[Ui.boolean]:Wn,[Ui.editable]:Tn,[Ui.selectEditor]:pn,[Ui.numberEditor]:fn,[Ui.multiselectEditor]:nn,[Ui.dateEditor]:Xi,[Ui.stringEditor]:Sn};(this.theme===Fg||this.theme===Tg)&&(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:Ng,styles:Rg,shadowOptions:undefined},Mg)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}},jg={foundationGridProActionRenderer:jn,foundationGridProActionsMenuRenderer:Gn,foundationAgBooleanRenderer:Qn,foundationAgTextRenderer:il,foundationAgTextFieldRenderer:al,foundationAgEditableRenderer:On,foundationAgSelectRenderer:dl,foundationGridPro:xg,foundationSelectEditor:cn,foundationNumberEditor:vn,foundationDateEditor:Ki,foundationMultiselectEditor:on,foundationStringEditor:zn,register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Eg;!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"}(Eg||(Eg={}));const{create:Pg}=v.DesignToken,Bg=(0,$e.parseColorHexRGB)(Eg.error),Gg=f.SwatchRGB.create(Bg.r,Bg.g,Bg.b),_g=Pg("error-color").withDefault(Gg),Ug=(0,$e.parseColorHexRGB)(Eg.success),Hg=f.SwatchRGB.create(Ug.r,Ug.g,Ug.b),Vg=Pg("success-color").withDefault(Hg),Yg=(0,$e.parseColorHexRGB)(Eg.warning),Qg=f.SwatchRGB.create(Yg.r,Yg.g,Yg.b),Wg=Pg("warning-color").withDefault(Qg),qg=(0,$e.parseColorHexRGB)(Eg.buy),Jg=f.SwatchRGB.create(qg.r,qg.g,qg.b),Zg=Pg("buy-color").withDefault(Jg),Kg=(0,$e.parseColorHexRGB)(Eg.sell),Xg=f.SwatchRGB.create(Kg.r,Kg.g,Kg.b),es=Pg("sell-color").withDefault(Xg),as=(0,H.paletteFromHex)(Eg.primary),rs=(0,H.paletteFromHex)(Eg.neutral),ts=f.StandardLuminance.DarkMode,os=0,is=4,ns=-5,ls=0,gs=0,ss=6,ds=-4,cs=0,ps=7,us=10,hs=5,ms=0,bs=0,vs=0,fs=0,ws=0,ys=0,xs=5,ks=3,zs=0,Ss=0,Cs=8,$s=-5,As=0,Fs=3,Os=25,Ts=40,Ds=16,Rs=25,Ns=8,Ls="rapid",Ms=je.N.ltr,Is=.3,js=1,Es=2,Ps=10,Bs=4,Gs=0,_s=4,Us='"Segoe UI", Arial, Helvetica, sans-serif',Hs="14px",Vs="20px",Ys="13px",Qs="19px",Ws="12px",qs="18px",Js="15px",Zs="21px",Ks="16px",Xs="22px",ed="17px",ad="23px",rd="18x",td="24px",od="19px",id="25px",nd="20px",ld="26px",gd={design_tokens:{color:{accent:{$value:as.source.toColorString(),$type:"color"},neutral:{$value:rs.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Us,$type:"fontFamily"}},typography:{baseFontSize:{$value:Hs,$type:"dimension"},baseLineHeight:{$value:Vs,$type:"dimension"}},mode:{luminance:{$value:ts,$type:"number"}},style:{density:{$value:Gs,$type:"number"},borderRadius:{$value:Bs,$type:"number"},strokeWidth:{$value:js,$type:"number"}},space:{designUnit:{$value:_s,$type:"number"}}}};class sd extends f.DesignSystemProvider{constructor(){super(),(0,H.provideTokens)(i,n,this)}}const dd=sd.compose({baseName:"design-system-provider",template:b.html`
|
|
10856
10878
|
<slot></slot>
|
|
10857
|
-
`});class
|
|
10879
|
+
`});class cd extends H.Accordion{}const pd=cd.compose(Object.assign({baseName:"accordion",template:(e,a)=>(0,H.foundationAccordionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
10858
10880
|
${(0,H.foundationAccordionStyles)(e,a)}
|
|
10859
10881
|
|
|
10860
10882
|
:host {
|
|
@@ -10865,7 +10887,7 @@
|
|
|
10865
10887
|
.heading {
|
|
10866
10888
|
height: calc(var(--base-height-multiplier) * 4px);
|
|
10867
10889
|
}
|
|
10868
|
-
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class
|
|
10890
|
+
`,shadowOptions:H.foundationAccordionShadowOptions},H.defaultAccordionConfig));class ud extends H.AccordionItem{}const hd=ud.compose(Object.assign({baseName:"accordion-item",template:(e,a)=>(0,H.foundationAccordionItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
10869
10891
|
${(0,H.foundationAccordionItemStyles)(e,a)}
|
|
10870
10892
|
|
|
10871
10893
|
:host {
|
|
@@ -10928,7 +10950,7 @@
|
|
|
10928
10950
|
grid-template-columns: auto 1fr auto;
|
|
10929
10951
|
align-items: center;
|
|
10930
10952
|
}
|
|
10931
|
-
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class
|
|
10953
|
+
`,shadowOptions:H.foundationAccordionItemShadowOptions},H.defaultAccordionItemConfig));class md extends H.ActionsMenu{}const bd=md.compose({baseName:"actions-menu",styles:(e,a)=>b.css`
|
|
10932
10954
|
:host {
|
|
10933
10955
|
--actions-opener-height-multiplier: 0.6px;
|
|
10934
10956
|
--menu-item-height-multiplier: 0.5px;
|
|
@@ -10966,7 +10988,7 @@
|
|
|
10966
10988
|
.actions-vertical .menu-item:focus {
|
|
10967
10989
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-foreground-focus);
|
|
10968
10990
|
}
|
|
10969
|
-
`,template:H.foundationActionsMenuTemplate});function
|
|
10991
|
+
`,template:H.foundationActionsMenuTemplate});function vd(e,a){return new v.PropertyStyleSheetBehavior("appearance",e,a)}const fd=b.css`
|
|
10970
10992
|
:host([appearance='primary']) {
|
|
10971
10993
|
background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);
|
|
10972
10994
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
@@ -10989,7 +11011,7 @@
|
|
|
10989
11011
|
background: color-mix(in srgb, var(--accent-fill-rest), transparent 70%);
|
|
10990
11012
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
10991
11013
|
}
|
|
10992
|
-
`,
|
|
11014
|
+
`,wd=b.css`
|
|
10993
11015
|
:host([appearance='primary-outline']) {
|
|
10994
11016
|
background: none;
|
|
10995
11017
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
@@ -11007,7 +11029,7 @@
|
|
|
11007
11029
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11008
11030
|
opacity: 100%;
|
|
11009
11031
|
}
|
|
11010
|
-
`,
|
|
11032
|
+
`,yd=b.css`
|
|
11011
11033
|
:host([appearance='neutral-outline']) {
|
|
11012
11034
|
background: none;
|
|
11013
11035
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
|
|
@@ -11025,7 +11047,7 @@
|
|
|
11025
11047
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11026
11048
|
opacity: 100%;
|
|
11027
11049
|
}
|
|
11028
|
-
`,
|
|
11050
|
+
`,xd=b.css`
|
|
11029
11051
|
:host([appearance='link']) {
|
|
11030
11052
|
background: none;
|
|
11031
11053
|
border: none;
|
|
@@ -11048,7 +11070,7 @@
|
|
|
11048
11070
|
color: color-mix(in srgb, var(--accent-fill-rest), transparent 35%);
|
|
11049
11071
|
opacity: 100%;
|
|
11050
11072
|
}
|
|
11051
|
-
`,
|
|
11073
|
+
`,kd=(e,a)=>b.css`
|
|
11052
11074
|
${(0,H.foundationButtonStyles)(e,a)}
|
|
11053
11075
|
${b.css`
|
|
11054
11076
|
:host {
|
|
@@ -11102,14 +11124,14 @@
|
|
|
11102
11124
|
opacity: 100%;
|
|
11103
11125
|
}
|
|
11104
11126
|
`}
|
|
11105
|
-
`.withBehaviors(
|
|
11127
|
+
`.withBehaviors(vd("primary",fd),vd("primary-outline",wd),vd("neutral-outline",yd),vd("link",xd));class zd extends H.Anchor{}const Sd=zd.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,H.foundationAnchorTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11106
11128
|
${(0,H.foundationAnchorStyles)(e,a)}
|
|
11107
|
-
${
|
|
11108
|
-
`.withBehaviors(...
|
|
11129
|
+
${kd(e,a)}
|
|
11130
|
+
`.withBehaviors(...kd(e,a).behaviors),shadowOptions:H.foundationAnchorShadowOptions},H.defaultAnchorConfig));class Cd extends H.AnchoredRegion{}const $d=Cd.compose(Object.assign({baseName:"anchored-region",template:(e,a)=>(0,H.foundationAnchoredRegionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11109
11131
|
${(0,H.foundationAnchoredRegionStyles)(e,a)}
|
|
11110
|
-
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class
|
|
11132
|
+
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class Ad extends H.Avatar{}const Fd=Ad.compose(Object.assign({baseName:"avatar",template:(e,a)=>(0,H.foundationAvatarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11111
11133
|
${(0,H.foundationAvatarStyles)(e,a)}
|
|
11112
|
-
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class
|
|
11134
|
+
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class Od extends H.Badge{}const Td=Od.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,H.foundationBadgeTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11113
11135
|
${(0,H.foundationBadgeStyles)(e,a)}
|
|
11114
11136
|
:host {
|
|
11115
11137
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
@@ -11129,7 +11151,7 @@
|
|
|
11129
11151
|
padding: calc(${f.designUnit} * 1px) calc(${f.designUnit} * 2px);
|
|
11130
11152
|
border: none;
|
|
11131
11153
|
}
|
|
11132
|
-
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),
|
|
11154
|
+
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),Dd=b.css`
|
|
11133
11155
|
${H.foundationBannerStyles}
|
|
11134
11156
|
:host {
|
|
11135
11157
|
--banner-height: calc(
|
|
@@ -11149,9 +11171,9 @@
|
|
|
11149
11171
|
font-family: var(--body-font);
|
|
11150
11172
|
line-height: var(--type-ramp-base-line-height);
|
|
11151
11173
|
}
|
|
11152
|
-
`,
|
|
11174
|
+
`,Rd=H.foundationBannerShadowOptions;class Nd extends H.Banner{}const Ld=Nd.compose({baseName:"banner",shadowOptions:Rd,styles:Dd,template:H.foundationBannerTemplate});class Md extends H.Breadcrumb{}const Id=Md.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,H.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11153
11175
|
${(0,H.foundationBreadcrumbStyles)(e,a)}
|
|
11154
|
-
`,shadowOptions:undefined},{}));class
|
|
11176
|
+
`,shadowOptions:undefined},{}));class jd extends H.BreadcrumbItem{}const Ed=jd.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,H.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11155
11177
|
${(0,H.foundationBreadcrumbItemStyles)(e,a)}
|
|
11156
11178
|
.listitem {
|
|
11157
11179
|
color: var(--accent-foreground-rest);
|
|
@@ -11187,9 +11209,9 @@
|
|
|
11187
11209
|
.control:hover .start {
|
|
11188
11210
|
background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
|
|
11189
11211
|
}
|
|
11190
|
-
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class
|
|
11212
|
+
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class Pd extends H.Button{}const Bd=Pd.compose(Object.assign({baseName:"button",template:(e,a)=>(0,H.foundationButtonTemplate)(e,a),styles:kd,shadowOptions:H.foundationButtonShadowOptions},H.defaultButtonConfig));class Gd extends H.Calendar{}const _d=Gd.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,H.foundationCalendarTemplate)(e,a),styles:()=>b.css`
|
|
11191
11213
|
${(0,H.foundationCalendarStyles)()}
|
|
11192
|
-
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class
|
|
11214
|
+
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class Ud extends H.Card{}const Hd=Ud.compose(Object.assign({baseName:"card",template:(e,a)=>(0,H.foundationCardTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11193
11215
|
${(0,H.foundationCardStyles)(e,a)}
|
|
11194
11216
|
:host {
|
|
11195
11217
|
background: var(--neutral-layer-card-container);
|
|
@@ -11203,7 +11225,7 @@
|
|
|
11203
11225
|
::slotted(rapid-card) {
|
|
11204
11226
|
background: var(--neutral-layer-3);
|
|
11205
11227
|
}
|
|
11206
|
-
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),
|
|
11228
|
+
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),Vd=b.css`
|
|
11207
11229
|
${H.categorizedMultiselectStyles}
|
|
11208
11230
|
|
|
11209
11231
|
.label {
|
|
@@ -11217,9 +11239,9 @@
|
|
|
11217
11239
|
rapid-checkbox:hover:not([disabled]) {
|
|
11218
11240
|
background: var(--neutral-layer-4);
|
|
11219
11241
|
}
|
|
11220
|
-
`,
|
|
11242
|
+
`,Yd=b.html`
|
|
11221
11243
|
${(0,H.getPrefixedCategorizedMultiselect)("rapid")}
|
|
11222
|
-
`;class
|
|
11244
|
+
`;class Qd extends H.CategorizedMultiselect{}const Wd=H.defaultCategorizedMultiselectConfig,qd=H.foundationCategorizedMultiselectShadowOptions,Jd=Qd.compose(Object.assign({baseName:"categorized-multiselect",template:Yd,styles:Vd,shadowOptions:qd},Wd));class Zd extends H.Checkbox{}const Kd=Zd.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,H.foundationCheckboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11223
11245
|
${(0,H.foundationCheckboxStyles)(e,a)}
|
|
11224
11246
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
11225
11247
|
fill: var(--neutral-foreground-rest);
|
|
@@ -11234,7 +11256,7 @@
|
|
|
11234
11256
|
.label {
|
|
11235
11257
|
padding-inline-start: calc(var(--design-unit) * 2px);
|
|
11236
11258
|
}
|
|
11237
|
-
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig));class
|
|
11259
|
+
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig));class Xd extends H.Combobox{}const ec=Xd.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,H.foundationComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11238
11260
|
${(0,H.foundationComboboxStyles)(e,a)}
|
|
11239
11261
|
:host {
|
|
11240
11262
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -11307,7 +11329,7 @@
|
|
|
11307
11329
|
::slotted([role='option']) {
|
|
11308
11330
|
margin: 0;
|
|
11309
11331
|
}
|
|
11310
|
-
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class
|
|
11332
|
+
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class ac extends H.ConnectionIndicator{}const rc=ac.compose({baseName:"connection-indicator",template:H.foundationConnectionIndicatorTemplate,styles:(e,a)=>b.css`
|
|
11311
11333
|
${(0,H.foundationConnectionIndicatorStyles)(e,a)}
|
|
11312
11334
|
:host {
|
|
11313
11335
|
--light-size: calc(var(--design-unit) * 3px);
|
|
@@ -11330,9 +11352,9 @@
|
|
|
11330
11352
|
font-size: var(--type-ramp-base-font-size);
|
|
11331
11353
|
color: var(--neutral-stroke-rest);
|
|
11332
11354
|
}
|
|
11333
|
-
`}),
|
|
11355
|
+
`}),tc=["baseClass","baseName","shadowOptions","styles","template"],oc=e=>{const{definition:a}=e(),{shadowOptions:r,styles:t,template:o}=a,i=((e,a=tc)=>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:ic,shadowOptions:nc,styles:lc,template:gc}=oc(H.foundationDataGrid),{defaultConfig:sc,shadowOptions:dc,styles:cc,template:pc}=oc(H.foundationDataGridCell),{defaultConfig:uc,shadowOptions:hc,styles:mc,template:bc}=oc(H.foundationDataGridRow),vc=b.html`
|
|
11334
11356
|
${(0,H.getPrefixedDatePicker)("rapid")}
|
|
11335
|
-
`;class
|
|
11357
|
+
`;class fc extends H.DatePicker{}const wc=fc.compose(Object.assign({baseName:"date-picker",template:vc,styles:()=>b.css`
|
|
11336
11358
|
${H.foundationDatePickerStyles}
|
|
11337
11359
|
|
|
11338
11360
|
:host {
|
|
@@ -11415,7 +11437,7 @@
|
|
|
11415
11437
|
.week-days span {
|
|
11416
11438
|
font-size: var(--type-ramp-minus-2-font-size);
|
|
11417
11439
|
}
|
|
11418
|
-
`,shadowOptions:undefined},{})),
|
|
11440
|
+
`,shadowOptions:undefined},{})),yc=b.css`
|
|
11419
11441
|
${H.foundationDialogStyles}
|
|
11420
11442
|
:host {
|
|
11421
11443
|
--dialog-background: ${f.neutralLayer2};
|
|
@@ -11492,7 +11514,7 @@
|
|
|
11492
11514
|
.close-icon:active svg g path {
|
|
11493
11515
|
fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);
|
|
11494
11516
|
}
|
|
11495
|
-
`,
|
|
11517
|
+
`,xc=H.defaultDialogConfig,kc=H.foundationDialogTemplate,zc=H.foundationDialogShadowOptions;class Sc extends H.Dialog{}const Cc=Sc.compose(Object.assign({baseName:"dialog",shadowOptions:zc,styles:yc,template:kc},xc));class $c extends H.Disclosure{}const Ac=$c.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,H.foundationDisclosureTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11496
11518
|
${(0,H.foundationDisclosureStyles)(e,a)}
|
|
11497
11519
|
:host {
|
|
11498
11520
|
font-size: var(--type-ramp-base-font-size);
|
|
@@ -11509,9 +11531,9 @@
|
|
|
11509
11531
|
padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);
|
|
11510
11532
|
text-align: center;
|
|
11511
11533
|
}
|
|
11512
|
-
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class
|
|
11534
|
+
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class Fc extends H.Divider{}const Oc=Fc.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,H.foundationDividerTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11513
11535
|
${(0,H.foundationDividerStyles)(e,a)}
|
|
11514
|
-
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class
|
|
11536
|
+
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class Tc extends H.DropdownMenu{}const Dc=Tc.compose({baseName:"dropdown-menu",styles:(e,a)=>b.css`
|
|
11515
11537
|
${(0,H.dropdownMenuBaseStyles)("rapid",e,a)}
|
|
11516
11538
|
|
|
11517
11539
|
.actions-menu {
|
|
@@ -11526,7 +11548,7 @@
|
|
|
11526
11548
|
border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
|
|
11527
11549
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11528
11550
|
}
|
|
11529
|
-
`,template:H.foundationDropdownMenuTemplate}),{defaultConfig:
|
|
11551
|
+
`,template:H.foundationDropdownMenuTemplate}),{defaultConfig:Rc,shadowOptions:Nc,styles:Lc,template:Mc}=oc(H.foundationErrorBoundary),Ic=b.css`
|
|
11530
11552
|
${H.foundationFileUploadStyles}
|
|
11531
11553
|
::-webkit-scrollbar {
|
|
11532
11554
|
width: calc(var(--design-unit) * 3px);
|
|
@@ -11548,11 +11570,11 @@
|
|
|
11548
11570
|
:host::part(upload-file-button) {
|
|
11549
11571
|
margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px);
|
|
11550
11572
|
}
|
|
11551
|
-
`,
|
|
11573
|
+
`,jc=b.html`
|
|
11552
11574
|
${(0,H.getPrefixedFileUpload)("rapid")}
|
|
11553
|
-
`,
|
|
11575
|
+
`,Ec=H.defaultFileUploadConfig,Pc=H.foundationFileUploadShadowOptions;class Bc extends H.FileUpload{}const Gc=Bc.compose(Object.assign({baseName:"file-upload",shadowOptions:Pc,styles:Ic,template:jc},Ec)),_c=b.html`
|
|
11554
11576
|
${(0,H.getPrefixedFilterTemplate)("rapid")}
|
|
11555
|
-
`;class
|
|
11577
|
+
`;class Uc extends H.Filter{}const Hc=Uc.compose({baseName:"filter",template:_c,styles:(e,a)=>b.css`
|
|
11556
11578
|
${H.foundationFilterStyles}
|
|
11557
11579
|
.filter-wrapper {
|
|
11558
11580
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -11579,9 +11601,9 @@
|
|
|
11579
11601
|
.flex-row rapid-select {
|
|
11580
11602
|
flex: 1;
|
|
11581
11603
|
}
|
|
11582
|
-
`}),
|
|
11604
|
+
`}),Vc=b.html`
|
|
11583
11605
|
${(0,H.filterBarTemplate)("rapid")}
|
|
11584
|
-
`;class
|
|
11606
|
+
`;class Yc extends H.FilterBar{}const Qc=Yc.compose({baseName:"filter-bar",template:Vc,styles:(e,a)=>b.css`
|
|
11585
11607
|
${(0,H.foundationFilterBarStyles)(e,a)}
|
|
11586
11608
|
.toggle,
|
|
11587
11609
|
.toggle-collapsed {
|
|
@@ -11601,7 +11623,7 @@
|
|
|
11601
11623
|
.filter-bar {
|
|
11602
11624
|
background: var(--neutral-layer-3);
|
|
11603
11625
|
}
|
|
11604
|
-
`}),{defaultConfig:
|
|
11626
|
+
`}),{defaultConfig:Wc,shadowOptions:qc,styles:Jc,template:Zc}=oc(H.foundationFlexLayout);class Kc extends H.Flipper{}const Xc=Kc.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,H.foundationFlipperTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11605
11627
|
${(0,H.foundationFlipperStyles)(e,a)}
|
|
11606
11628
|
:host {
|
|
11607
11629
|
color: var(--neutral-foreground-rest);
|
|
@@ -11621,7 +11643,7 @@
|
|
|
11621
11643
|
background: var(--accent-fill-rest);
|
|
11622
11644
|
color: var(--neutral-foreground-rest);
|
|
11623
11645
|
}
|
|
11624
|
-
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),
|
|
11646
|
+
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),ep=b.css`
|
|
11625
11647
|
${H.foundationFlyoutStyles}
|
|
11626
11648
|
div.flyout {
|
|
11627
11649
|
background-color: var(--neutral-layer-2);
|
|
@@ -11669,9 +11691,9 @@
|
|
|
11669
11691
|
background-color: var(--neutral-fill-hover);
|
|
11670
11692
|
border-radius: calc(var(--stroke-width) * 3px);
|
|
11671
11693
|
}
|
|
11672
|
-
`,
|
|
11694
|
+
`,ap=b.html`
|
|
11673
11695
|
${(0,H.getPrefixedFlyout)("rapid")}
|
|
11674
|
-
`,
|
|
11696
|
+
`,rp=H.defaultFlyoutConfig,tp=H.foundationFlyoutShadowOptions;class op extends H.Flyout{}const ip=op.compose(Object.assign({baseName:"flyout",shadowOptions:tp,styles:ep,template:ap},rp)),{defaultConfig:np,shadowOptions:lp,styles:gp,template:sp}=oc(H.foundationGridLayout),{defaultConfig:dp,shadowOptions:cp,styles:pp,template:up}=oc(H.foundationGridLayoutItem);class hp extends H.HorizontalScroll{}const mp={nextFlipper:b.html`
|
|
11675
11697
|
<rapid-flipper
|
|
11676
11698
|
@click="${e=>e.scrollToNext()}"
|
|
11677
11699
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
@@ -11682,11 +11704,11 @@
|
|
|
11682
11704
|
direction="previous"
|
|
11683
11705
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
11684
11706
|
></rapid-flipper>
|
|
11685
|
-
`},hp
|
|
11707
|
+
`},bp=hp.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,H.foundationHorizontalScrollTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11686
11708
|
${(0,H.foundationHorizontalScrollStyles)(e,a)}
|
|
11687
|
-
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},
|
|
11709
|
+
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},mp));class vp extends H.Icon{}const fp=H.defaultIconConfig,wp=H.foundationIconShadowOptions,yp=vp.compose(Object.assign({baseName:"icon",template:H.foundationIconTemplate,styles:(e,a)=>b.css`
|
|
11688
11710
|
${(0,H.foundationIconStyles)(e,a)}
|
|
11689
|
-
`,shadowOptions:
|
|
11711
|
+
`,shadowOptions:wp},fp));class xp extends H.Listbox{}const kp=xp.compose(Object.assign({baseName:"listbox",template:(e,a)=>(0,H.foundationListboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11690
11712
|
${(0,H.foundationListboxStyles)(e,a)}
|
|
11691
11713
|
|
|
11692
11714
|
:host {
|
|
@@ -11697,7 +11719,7 @@
|
|
|
11697
11719
|
::slotted(*:last-child) {
|
|
11698
11720
|
border-bottom: none;
|
|
11699
11721
|
}
|
|
11700
|
-
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class
|
|
11722
|
+
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class zp extends H.ListboxOption{}const Sp=zp.compose(Object.assign({baseName:"option",template:(e,a)=>(0,H.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11701
11723
|
${(0,H.foundationListboxOptionStyles)(e,a)}
|
|
11702
11724
|
:host {
|
|
11703
11725
|
border-radius: 0;
|
|
@@ -11714,14 +11736,14 @@
|
|
|
11714
11736
|
background: var(--neutral-layer-4);
|
|
11715
11737
|
color: var(--accent-fill-rest);
|
|
11716
11738
|
}
|
|
11717
|
-
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig));class
|
|
11739
|
+
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig));class Cp extends H.Menu{}const $p=Cp.compose(Object.assign({baseName:"menu",template:(e,a)=>(0,H.foundationMenuTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11718
11740
|
${(0,H.foundationMenuStyles)(e,a)}
|
|
11719
11741
|
:host {
|
|
11720
11742
|
border: calc(var(--focus-stroke-width) * 1px) solid
|
|
11721
11743
|
color-mix(in srgb, ${f.neutralFillStealthHover}, transparent 15%);
|
|
11722
11744
|
padding: 0;
|
|
11723
11745
|
}
|
|
11724
|
-
`,shadowOptions:H.foundationMenuShadowOptions},H.defaultMenuConfig)),
|
|
11746
|
+
`,shadowOptions:H.foundationMenuShadowOptions},H.defaultMenuConfig)),Ap=H.foundationMenuItemShadowOptions;class Fp extends H.MenuItem{}const Op=Fp.compose(Object.assign({baseName:"menu-item",template:(e,a)=>(0,H.foundationMenuItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11725
11747
|
${(0,H.foundationMenuItemStyles)(e,a)}
|
|
11726
11748
|
:host {
|
|
11727
11749
|
margin: 0;
|
|
@@ -11757,9 +11779,9 @@
|
|
|
11757
11779
|
background: ${f.neutralFillStealthHover}
|
|
11758
11780
|
color: ${f.neutralForegroundRest}
|
|
11759
11781
|
*/
|
|
11760
|
-
`,shadowOptions:
|
|
11761
|
-
${
|
|
11762
|
-
`,
|
|
11782
|
+
`,shadowOptions:Ap},H.defaultMenuItemConfig)),Tp=b.css`
|
|
11783
|
+
${yc}
|
|
11784
|
+
`,Dp=H.defaultModalConfig,Rp=H.foundationModalTemplate,Np=H.foundationModalShadowOptions;class Lp extends H.Modal{}const Mp=Lp.compose(Object.assign({baseName:"modal",shadowOptions:Np,styles:Tp,template:Rp},Dp)),Ip=b.css`
|
|
11763
11785
|
${H.multiselectStyles}
|
|
11764
11786
|
|
|
11765
11787
|
#display-field {
|
|
@@ -11835,9 +11857,9 @@
|
|
|
11835
11857
|
rapid-checkbox[disabled] {
|
|
11836
11858
|
cursor: not-allowed;
|
|
11837
11859
|
}
|
|
11838
|
-
`,
|
|
11860
|
+
`,jp=b.html`
|
|
11839
11861
|
${(0,H.getPrefixedMultiselect)("rapid")}
|
|
11840
|
-
`;class
|
|
11862
|
+
`;class Ep extends H.Multiselect{}const Pp=H.defaultMultiselectConfig,Bp=H.foundationMultiselectShadowOptions,Gp=Ep.compose(Object.assign({baseName:"multiselect",template:jp,styles:Ip,shadowOptions:Bp},Pp));class _p extends H.NumberField{}const Up=H.defaultNumberFieldConfig,Hp=H.foundationNumberFieldTemplate,Vp=H.foundationNumberFieldShadowOptions,Yp=_p.compose(Object.assign({baseName:"number-field",template:Hp,styles:(e,a)=>b.css`
|
|
11841
11863
|
:host {
|
|
11842
11864
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
11843
11865
|
}
|
|
@@ -11922,11 +11944,11 @@
|
|
|
11922
11944
|
.control:focus-visible {
|
|
11923
11945
|
outline: none;
|
|
11924
11946
|
}
|
|
11925
|
-
`,shadowOptions:
|
|
11947
|
+
`,shadowOptions:Vp},Up));class Qp extends H.Progress{}const Wp=Qp.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,H.foundationProgressTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11926
11948
|
${(0,H.foundationProgressStyles)(e,a)}
|
|
11927
|
-
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class
|
|
11949
|
+
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class qp extends H.ProgressRing{}const Jp=qp.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>(0,H.foundationProgressRingTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11928
11950
|
${(0,H.foundationProgressRingStyles)(e,a)}
|
|
11929
|
-
`,shadowOptions:H.foundationProgressRingShadowOptions},H.defaultProgressRingConfig));class
|
|
11951
|
+
`,shadowOptions:H.foundationProgressRingShadowOptions},H.defaultProgressRingConfig));class Zp extends H.Radio{}const Kp=Zp.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,H.foundationRadioTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11930
11952
|
${(0,H.foundationRadioStyles)(e,a)}
|
|
11931
11953
|
:host {
|
|
11932
11954
|
margin: calc(var(--design-unit) * 2px) 0 calc(var(--design-unit) * 2px) 0;
|
|
@@ -11958,13 +11980,13 @@
|
|
|
11958
11980
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
11959
11981
|
background: var(--accent-fill-rest);
|
|
11960
11982
|
}
|
|
11961
|
-
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class
|
|
11983
|
+
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class Xp extends H.RadioGroup{}const eu=Xp.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,H.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11962
11984
|
${(0,H.foundationRadioGroupStyles)(e,a)}
|
|
11963
|
-
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),
|
|
11985
|
+
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),au=b.css`
|
|
11964
11986
|
${H.foundationSearchBarStyles}
|
|
11965
|
-
`,
|
|
11987
|
+
`,ru=b.html`
|
|
11966
11988
|
${(0,H.getPrefixedSearchBar)("rapid")}
|
|
11967
|
-
`;class
|
|
11989
|
+
`;class tu extends H.SearchBar{}const ou=tu.compose(Object.assign({baseName:"search-bar",template:ru,styles:au,shadowOptions:H.foundationSearchBarShadowOptions},H.defaultSearchBarConfig));class iu extends H.SearchBarCombobox{}const nu=iu.compose(Object.assign({baseName:"search-bar-combobox",template:(e,a)=>(0,H.foundationSearchBarComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11968
11990
|
${(0,H.foundationSearchBarComboboxStyles)(e,a)}
|
|
11969
11991
|
|
|
11970
11992
|
:host {
|
|
@@ -11995,7 +12017,7 @@
|
|
|
11995
12017
|
:host .listbox ::slotted(*:last-child) {
|
|
11996
12018
|
border-bottom: none;
|
|
11997
12019
|
}
|
|
11998
|
-
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class
|
|
12020
|
+
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class lu extends H.SegmentedControl{}const gu=lu.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,H.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11999
12021
|
${(0,H.foundationSegmentedControlStyles)(e,a)}
|
|
12000
12022
|
:host {
|
|
12001
12023
|
font-family: var(--body-font);
|
|
@@ -12031,7 +12053,7 @@
|
|
|
12031
12053
|
border-color: transparent;
|
|
12032
12054
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
12033
12055
|
}
|
|
12034
|
-
`,shadowOptions:undefined},{}));class
|
|
12056
|
+
`,shadowOptions:undefined},{}));class su extends H.Radio{}const du=su.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,H.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12035
12057
|
${(0,H.foundationSegmentedItemStyles)(e,a)}
|
|
12036
12058
|
:host {
|
|
12037
12059
|
color: var(--neutral-fill-strong-rest);
|
|
@@ -12043,7 +12065,7 @@
|
|
|
12043
12065
|
:host([aria-checked='true']) {
|
|
12044
12066
|
color: color-mix(in srgb, white, transparent 10%);
|
|
12045
12067
|
}
|
|
12046
|
-
`,shadowOptions:undefined},{}));class
|
|
12068
|
+
`,shadowOptions:undefined},{}));class cu extends H.Select{}const pu=cu.compose(Object.assign({baseName:"select",template:(e,a)=>(0,H.foundationSelectTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12047
12069
|
${(0,H.foundationSelectStyles)(e,a)}
|
|
12048
12070
|
:host {
|
|
12049
12071
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
@@ -12115,14 +12137,14 @@
|
|
|
12115
12137
|
::slotted([role='option']) {
|
|
12116
12138
|
margin: 0;
|
|
12117
12139
|
}
|
|
12118
|
-
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class
|
|
12140
|
+
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class uu extends H.Skeleton{}const hu=uu.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,H.foundationSkeletonTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12119
12141
|
${(0,H.foundationSkeletonStyles)(e,a)}
|
|
12120
12142
|
:host {
|
|
12121
12143
|
--skeleton-fill: var(
|
|
12122
12144
|
--neutral-fill-stealth-rest
|
|
12123
12145
|
); /** value in ux doc rgba(242 242 242 / 0.1) */
|
|
12124
12146
|
}
|
|
12125
|
-
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class
|
|
12147
|
+
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class mu extends H.Slider{}const bu=mu.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,H.foundationSliderTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12126
12148
|
${(0,H.foundationSliderStyles)(e,a)}
|
|
12127
12149
|
|
|
12128
12150
|
.thumb-cursor {
|
|
@@ -12180,7 +12202,7 @@
|
|
|
12180
12202
|
background-color: var(--neutral-stroke-rest);
|
|
12181
12203
|
width: calc((var(--track-width) + 2) * 1px) !important;
|
|
12182
12204
|
}
|
|
12183
|
-
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class
|
|
12205
|
+
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class vu extends H.SliderLabel{}const fu=vu.compose(Object.assign({baseName:"slider-label",template:(e,a)=>(0,H.foundationSliderLabelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12184
12206
|
${(0,H.foundationSliderLabelStyles)(e,a)}
|
|
12185
12207
|
.label {
|
|
12186
12208
|
padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);
|
|
@@ -12191,7 +12213,7 @@
|
|
|
12191
12213
|
text-align: center;
|
|
12192
12214
|
font-size: var(--type-ramp-minus-1-font-size, 12px);
|
|
12193
12215
|
}
|
|
12194
|
-
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),
|
|
12216
|
+
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),wu=b.css`
|
|
12195
12217
|
${H.foundationSnackbarStyles}
|
|
12196
12218
|
.snackbar {
|
|
12197
12219
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);
|
|
@@ -12212,11 +12234,11 @@
|
|
|
12212
12234
|
.action {
|
|
12213
12235
|
gap: calc(var(--design-unit) * 2px);
|
|
12214
12236
|
}
|
|
12215
|
-
`,
|
|
12237
|
+
`,yu=b.html`
|
|
12216
12238
|
${(0,H.getPrefixedSnackbar)("rapid")}
|
|
12217
|
-
`,
|
|
12239
|
+
`,xu=H.foundationSnackbarShadowOptions;class ku extends H.Snackbar{}const zu=ku.compose({baseName:"snackbar",shadowOptions:xu,styles:wu,template:yu});class Su extends H.StackingIcons{}const Cu=Su.compose({baseName:"stacking-icons",template:H.foundationStackingIconsTemplate,styles:(e,a)=>b.css`
|
|
12218
12240
|
${(0,H.foundationStackingIconsStyles)(e,a)}
|
|
12219
|
-
`})
|
|
12241
|
+
`}),$u=b.css`
|
|
12220
12242
|
${H.foundationStepperStyles}
|
|
12221
12243
|
|
|
12222
12244
|
:host {
|
|
@@ -12263,11 +12285,11 @@
|
|
|
12263
12285
|
padding: 0 calc(var(--design-unit) * 2px);
|
|
12264
12286
|
color: var(--neutral-foreground-hint);
|
|
12265
12287
|
}
|
|
12266
|
-
`,
|
|
12288
|
+
`,Au=b.html`
|
|
12267
12289
|
${(0,H.getPrefixedStepper)("rapid")}
|
|
12268
|
-
`;class
|
|
12290
|
+
`;class Fu extends H.Stepper{}const Ou=Fu.compose(Object.assign({baseName:"stepper",template:Au,styles:$u,shadowOptions:H.foundationStepperShadowOptions},H.defaultStepperConfig)),Tu=b.html`
|
|
12269
12291
|
${(0,H.getPrefixedStepperTab)("rapid")}
|
|
12270
|
-
`;class
|
|
12292
|
+
`;class Du extends H.StepperTab{}const Ru=Du.compose(Object.assign({baseName:"stepper-tab",template:Tu,styles:(e,a)=>b.css`
|
|
12271
12293
|
${(0,H.foundationStepperTabStyles)(e,a)}
|
|
12272
12294
|
|
|
12273
12295
|
rapid-tree-item {
|
|
@@ -12327,7 +12349,7 @@
|
|
|
12327
12349
|
:host([error]) .step-title {
|
|
12328
12350
|
color: var(--error-color);
|
|
12329
12351
|
}
|
|
12330
|
-
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class
|
|
12352
|
+
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class Nu extends H.StepperTabPanel{}const Lu=Nu.compose(Object.assign({baseName:"stepper-tab-panel",template:(e,a)=>(0,H.foundationStepperTabPanelTemplate)(e,a),shadowOptions:H.foundationStepperTabPanelShadowOptions},H.defaultStepperTabPanelConfig)),Mu={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};class Iu extends H.Switch{}const ju=Iu.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,H.foundationSwitchTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12331
12353
|
${(0,H.foundationSwitchStyles)(e,a)}
|
|
12332
12354
|
:host {
|
|
12333
12355
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -12364,7 +12386,7 @@
|
|
|
12364
12386
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
12365
12387
|
background: var(--accent-fill-rest);
|
|
12366
12388
|
}
|
|
12367
|
-
`,shadowOptions:H.foundationSwitchShadowOptions},
|
|
12389
|
+
`,shadowOptions:H.foundationSwitchShadowOptions},Mu));class Eu extends H.Tab{}const Pu=Eu.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,H.foundationTabTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12368
12390
|
${(0,H.foundationTabStyles)(e,a)}
|
|
12369
12391
|
:host {
|
|
12370
12392
|
background-color: ${f.neutralLayer2};
|
|
@@ -12377,12 +12399,12 @@
|
|
|
12377
12399
|
:host([aria-selected='true']:hover) {
|
|
12378
12400
|
background-color: ${f.neutralLayer4};
|
|
12379
12401
|
}
|
|
12380
|
-
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class
|
|
12402
|
+
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class Bu extends H.TabPanel{}const Gu=Bu.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,H.foundationTabPanelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12381
12403
|
${(0,H.foundationTabPanelStyles)(e,a)}
|
|
12382
12404
|
:host {
|
|
12383
12405
|
padding: 0;
|
|
12384
12406
|
}
|
|
12385
|
-
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class
|
|
12407
|
+
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class _u extends H.Tabs{}const Uu=_u.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,H.foundationTabsTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12386
12408
|
${(0,H.foundationTabsStyles)(e,a)}
|
|
12387
12409
|
:host {
|
|
12388
12410
|
--base-height-multiplier: 9;
|
|
@@ -12457,7 +12479,7 @@
|
|
|
12457
12479
|
:host([orientation='horizontal']) ::slotted([role='tabpanel'][slot='tabpanel']) {
|
|
12458
12480
|
padding: 0 calc((3 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
12459
12481
|
}
|
|
12460
|
-
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class
|
|
12482
|
+
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class Hu extends H.TextArea{}const Vu=Hu.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,H.foundationTextAreaTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12461
12483
|
${(0,H.foundationTextAreaStyles)(e,a)}
|
|
12462
12484
|
|
|
12463
12485
|
:host .control {
|
|
@@ -12483,7 +12505,7 @@
|
|
|
12483
12505
|
font-weight: 700;
|
|
12484
12506
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12485
12507
|
}
|
|
12486
|
-
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class
|
|
12508
|
+
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class Yu extends H.TextField{}const Qu=Yu.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,H.foundationTextFieldTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12487
12509
|
${(0,H.foundationTextFieldStyles)(e,a)}
|
|
12488
12510
|
|
|
12489
12511
|
:host {
|
|
@@ -12520,7 +12542,7 @@
|
|
|
12520
12542
|
font-weight: 700;
|
|
12521
12543
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12522
12544
|
}
|
|
12523
|
-
`,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),
|
|
12545
|
+
`,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),Wu=b.css`
|
|
12524
12546
|
${H.foundationToastStyles}
|
|
12525
12547
|
.toast {
|
|
12526
12548
|
background-color: ${f.neutralLayer1};
|
|
@@ -12575,7 +12597,7 @@
|
|
|
12575
12597
|
:host([notify='serious']) .toast::after {
|
|
12576
12598
|
background-color: var(--error-color);
|
|
12577
12599
|
}
|
|
12578
|
-
`,
|
|
12600
|
+
`,qu=H.defaultToastConfig,Ju=H.foundationToastShadowOptions;class Zu extends H.Toast{}const Ku=Zu.compose(Object.assign({baseName:"toast",shadowOptions:Ju,styles:Wu,template:H.foundationToastTemplate},qu));class Xu extends H.Toolbar{}const eh=Xu.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,H.foundationToolbarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12579
12601
|
${(0,H.foundationToolbarStyles)(e,a)}
|
|
12580
12602
|
:host {
|
|
12581
12603
|
align-items: center;
|
|
@@ -12585,7 +12607,7 @@
|
|
|
12585
12607
|
.positioning-region {
|
|
12586
12608
|
align-items: center;
|
|
12587
12609
|
}
|
|
12588
|
-
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class
|
|
12610
|
+
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class ah extends H.Tooltip{}const rh=ah.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,H.foundationTooltipTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12589
12611
|
${(0,H.foundationTooltipStyles)(e,a)}
|
|
12590
12612
|
|
|
12591
12613
|
:host {
|
|
@@ -12608,7 +12630,7 @@
|
|
|
12608
12630
|
alpha-anchored-region.bottom.right .tooltip {
|
|
12609
12631
|
margin-left: 0;
|
|
12610
12632
|
}
|
|
12611
|
-
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class
|
|
12633
|
+
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class th extends H.TreeItem{}const oh={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>'},ih=th.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,H.foundationTreeItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12612
12634
|
${(0,H.foundationTreeItemStyles)(e,a)}
|
|
12613
12635
|
:host {
|
|
12614
12636
|
font-size: var(--type-ramp-base-font-size);
|
|
@@ -12647,11 +12669,11 @@
|
|
|
12647
12669
|
width: calc(var(--design-unit) * 3px);
|
|
12648
12670
|
height: calc(var(--design-unit) * 3px);
|
|
12649
12671
|
}
|
|
12650
|
-
`,shadowOptions:H.foundationTreeItemShadowOptions},
|
|
12672
|
+
`,shadowOptions:H.foundationTreeItemShadowOptions},oh));class nh extends H.TreeView{}const lh=nh.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,H.foundationTreeViewTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12651
12673
|
${(0,H.foundationTreeViewStyles)(e,a)}
|
|
12652
|
-
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),
|
|
12674
|
+
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),gh=b.html`
|
|
12653
12675
|
${(0,H.getPrefixedUrlInput)("rapid")}
|
|
12654
|
-
`;class
|
|
12676
|
+
`;class sh extends H.UrlInput{}const dh={designSystemProvider:dd,rapidAccordion:pd,rapidAccordionItem:hd,rapidActionsMenu:bd,rapidAnchor:Sd,rapidAnchoredRegion:$d,rapidAvatar:Fd,rapidBadge:Td,rapidBanner:Ld,rapidBreadcrumb:Id,rapidBreadcrumbItem:Ed,rapidButton:Bd,rapidCalendar:_d,rapidCard:Hd,rapidCategorizedMultiselect:Jd,rapidCheckbox:Kd,rapidCombobox:ec,rapidConnectionIndicator:rc,rapidDataGrid:()=>(0,H.foundationDataGrid)(),rapidDataGridCell:()=>(0,H.foundationDataGridCell)(),rapidDataGridRow:()=>(0,H.foundationDataGridRow)(),rapidDatePicker:wc,rapidDialog:Cc,rapidDisclosure:Ac,rapidDivider:Oc,rapidDropdownMenu:Dc,rapidErrorBoundary:()=>(0,H.foundationErrorBoundary)(),rapidFileUpload:Gc,rapidFilter:Hc,rapidFilterBar:Qc,rapidFlexLayout:()=>(0,H.foundationFlexLayout)(),rapidFlipper:Xc,rapidFlyout:ip,rapidGridLayout:()=>(0,H.foundationGridLayout)(),rapidGridLayoutItem:()=>(0,H.foundationGridLayoutItem)(),rapidHorizontalScroll:bp,rapidIcon:yp,rapidListbox:kp,rapidListboxOption:Sp,rapidMenu:$p,rapidMenuItem:Op,rapidModal:Mp,rapidMultiselect:Gp,rapidNumberField:Yp,rapidProgress:Wp,rapidProgressRing:Jp,rapidRadio:Kp,rapidRadioGroup:eu,rapidSearchBar:ou,rapidSearchBarCombobox:nu,rapidSegmentedControl:gu,rapidSegmentedItem:du,rapidSelect:pu,rapidSkeleton:hu,rapidSlider:bu,rapidSliderLabel:fu,rapidSnackbar:zu,rapidStackingIcons:Cu,rapidStepper:Ou,rapidStepperTab:Ru,rapidStepperTabPanel:Lu,rapidSwitch:ju,rapidTab:Pu,rapidTabPanel:Gu,rapidTabs:Uu,rapidTextArea:Vu,rapidTextField:Qu,rapidToast:Ku,rapidToolbar:eh,rapidTooltip:rh,rapidTreeItem:ih,rapidTreeView:lh,rapidUrlInput:sh.compose(Object.assign({baseName:"url-input",template:gh,styles:(e,a)=>b.css`
|
|
12655
12677
|
${(0,H.foundationUrlInputStyles)(e,a)}
|
|
12656
12678
|
a {
|
|
12657
12679
|
color: var(--accent-fill-rest);
|
|
@@ -12667,8 +12689,8 @@
|
|
|
12667
12689
|
font-size: var(--type-ramp-base-font-size);
|
|
12668
12690
|
top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px);
|
|
12669
12691
|
}
|
|
12670
|
-
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};class
|
|
12671
|
-
${
|
|
12692
|
+
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};class ch extends qi{}const ph=ch.compose({baseName:"date-editor",styles:Ji,template:Zi("rapid")});class uh extends an{}const hh=uh.compose({baseName:"multiselect-editor",styles:rn,template:tn("rapid")});class mh extends gn{}const bh=mh.compose({baseName:"select-editor",styles:sn,template:dn("rapid")});class vh extends hn{}const fh=vh.compose({baseName:"number-editor",styles:mn,template:bn("rapid")});class wh extends yn{}const yh=wh.compose({baseName:"string-editor",styles:xn,template:kn("rapid")});class xh extends $n{}const kh=xh.compose({baseName:"editable-renderer",styles:An,template:Fn("rapid")});class zh extends Ln{}const Sh=zh.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
12693
|
+
${In}
|
|
12672
12694
|
`,template:b.html`
|
|
12673
12695
|
<div class="action-container" part="action-container">
|
|
12674
12696
|
<rapid-button
|
|
@@ -12685,12 +12707,12 @@
|
|
|
12685
12707
|
`:e.params.actionName}
|
|
12686
12708
|
</rapid-button>
|
|
12687
12709
|
</div>
|
|
12688
|
-
`});class
|
|
12710
|
+
`});class Ch extends Bn{}const $h=Ch.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
12689
12711
|
<rapid-actions-menu
|
|
12690
12712
|
name="${e=>e.params.headerName}"
|
|
12691
12713
|
:definition=${e=>e.params}
|
|
12692
12714
|
></rapid-actions-menu>
|
|
12693
|
-
`});class
|
|
12715
|
+
`});class Ah extends Hn{}const Fh=Ah.compose({baseName:"boolean-renderer",styles:Vn,template:Yn("rapid")});const Oh=class extends rl{}.compose({baseName:"grid-text-renderer",styles:tl,template:ol("rapid")});const Th=class extends ll{}.compose({baseName:"select-renderer",styles:gl,template:sl("rapid")}),Dh={foregroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#879ba6")),backgroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#1f2126")),borderSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2e3339")),rowHoverSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2b2e34"))},Rh={foregroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#000000")),headerForegroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#181d1f")),backgroundSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#FFFFFF")),borderSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#babfc7")),rowHoverSwatch:f.SwatchRGB.from((0,$e.parseColorHexRGB)("#2196f3"))},{create:Nh}=v.DesignToken,Lh={backgroundColor:Nh("rapid-ag-background-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Rh.backgroundSwatch:Dh.backgroundSwatch)),borderColor:Nh("rapid-ag-border-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Rh.borderSwatch:Dh.borderSwatch)),foregroundColor:Nh("rapid-ag-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Rh.foregroundSwatch:Dh.foregroundSwatch)),headerForegroundColor:Nh("rapid-ag-header-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Rh.headerForegroundSwatch:Dh.headerForegroundSwatch)),rowHoverColor:Nh("rapid-ag-row-hover-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Rh.rowHoverSwatch:Dh.rowHoverSwatch))},Mh=b.css`
|
|
12694
12716
|
.ag-theme-genesis-rapid,
|
|
12695
12717
|
.ag-theme-genesis-rapid-dark {
|
|
12696
12718
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -13151,76 +13173,76 @@
|
|
|
13151
13173
|
.ag-theme-genesis-rapid-dark {
|
|
13152
13174
|
color-scheme: dark;
|
|
13153
13175
|
}
|
|
13154
|
-
`,
|
|
13155
|
-
${
|
|
13156
|
-
${
|
|
13176
|
+
`,Ih={[Li.backgroundColor]:Lh.backgroundColor,[Li.foregroundColor]:Lh.foregroundColor,[Li.oddRowBackgroundColor]:Lh.backgroundColor,[Li.headerBackgroundColor]:Lh.backgroundColor,[Li.headerForegroundColor]:Lh.headerForegroundColor,[Li.selectedRowBackgroundColor]:Lh.rowHoverColor,[Li.rowHoverColor]:Lh.rowHoverColor,[Li.borderColor]:Lh.borderColor,[Li.rowBorderColor]:Lh.rowHoverColor,[Li.modalOverlayBackgroundColor]:Lh.backgroundColor,[Li.inputFocusBoxShadow]:Lh.headerForegroundColor,[Li.inputFocusBorderColor]:Lh.headerForegroundColor,[Li.headerColumnResizeHandleColor]:Lh.headerForegroundColor},jh="ag-theme-genesis-rapid",Eh=b.css`
|
|
13177
|
+
${Mh}
|
|
13178
|
+
${_i(jh,Ih)}
|
|
13157
13179
|
|
|
13158
|
-
.${
|
|
13159
|
-
${
|
|
13180
|
+
.${jh} {
|
|
13181
|
+
${Ye()}
|
|
13160
13182
|
font-family: var(--body-font);
|
|
13161
13183
|
}
|
|
13162
13184
|
|
|
13163
|
-
.${
|
|
13164
|
-
.${
|
|
13165
|
-
.${
|
|
13185
|
+
.${jh} .ag-body .ag-body-viewport,
|
|
13186
|
+
.${jh} .ag-header,
|
|
13187
|
+
.${jh} .ag-row {
|
|
13166
13188
|
background-color: var(--neutral-layer-4);
|
|
13167
13189
|
}
|
|
13168
13190
|
|
|
13169
|
-
.${
|
|
13191
|
+
.${jh} .ag-header {
|
|
13170
13192
|
border-bottom-color: var(--neutral-stroke-rest);
|
|
13171
13193
|
font-weight: bold;
|
|
13172
13194
|
font-size: var(--type-ramp-base-font-size);
|
|
13173
13195
|
}
|
|
13174
13196
|
|
|
13175
|
-
.${
|
|
13197
|
+
.${jh} .ag-root-wrapper {
|
|
13176
13198
|
border-radius: calc(var(--ag-border-radius) * 1px);
|
|
13177
13199
|
border: 1px solid var(--rapid-ag-border-color);
|
|
13178
13200
|
}
|
|
13179
13201
|
|
|
13180
|
-
.${
|
|
13202
|
+
.${jh} .ag-cell {
|
|
13181
13203
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13182
13204
|
}
|
|
13183
|
-
`,
|
|
13184
|
-
${
|
|
13185
|
-
${
|
|
13205
|
+
`,Ph="ag-theme-genesis-rapid-dark",Bh=b.css`
|
|
13206
|
+
${Mh}
|
|
13207
|
+
${_i(jh,Ih)}
|
|
13186
13208
|
|
|
13187
|
-
.${
|
|
13188
|
-
${
|
|
13209
|
+
.${Ph} {
|
|
13210
|
+
${Ye()}
|
|
13189
13211
|
font-family: var(--body-font);
|
|
13190
13212
|
}
|
|
13191
13213
|
|
|
13192
|
-
.${
|
|
13193
|
-
.${
|
|
13194
|
-
.${
|
|
13214
|
+
.${Ph} .ag-body .ag-body-viewport,
|
|
13215
|
+
.${Ph} .ag-header,
|
|
13216
|
+
.${Ph} .ag-row {
|
|
13195
13217
|
background-color: var(--neutral-layer-4);
|
|
13196
13218
|
}
|
|
13197
13219
|
|
|
13198
|
-
.${
|
|
13220
|
+
.${Ph} .ag-header {
|
|
13199
13221
|
border-bottom-color: var(--neutral-stroke-rest);
|
|
13200
13222
|
font-weight: bold;
|
|
13201
13223
|
font-size: var(--type-ramp-base-font-size);
|
|
13202
13224
|
}
|
|
13203
13225
|
|
|
13204
|
-
.${
|
|
13226
|
+
.${Ph} .ag-root-wrapper {
|
|
13205
13227
|
border-radius: calc(var(--ag-border-radius) * 1px);
|
|
13206
13228
|
border: 1px solid var(--rapid-ag-border-color);
|
|
13207
13229
|
}
|
|
13208
13230
|
|
|
13209
|
-
.${
|
|
13231
|
+
.${Ph} .ag-cell {
|
|
13210
13232
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13211
13233
|
}
|
|
13212
|
-
`,
|
|
13234
|
+
`,Gh=b.css`
|
|
13213
13235
|
/* All the AG themes */
|
|
13214
|
-
${
|
|
13236
|
+
${dg}
|
|
13215
13237
|
|
|
13216
13238
|
/* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
|
|
13217
|
-
${Ih}
|
|
13218
13239
|
${Eh}
|
|
13240
|
+
${Bh}
|
|
13219
13241
|
|
|
13220
13242
|
.error {
|
|
13221
|
-
border-color: ${
|
|
13243
|
+
border-color: ${Ce.shortPink} !important;
|
|
13222
13244
|
}
|
|
13223
|
-
`,
|
|
13245
|
+
`,_h=cg,Uh="ag-theme-genesis-rapid-dark";const Hh=yg,Vh={rapidAgEditableRenderer:kh,rapidAgActionRenderer:Sh,rapidAgActionsMenuRenderer:$h,rapidAgBooleanRenderer:Fh,rapidAgTextRenderer:Oh,rapidAgSelectRenderer:Th,rapidAgDateEditor:ph,rapidAgMultiselectEditor:hh,rapidAgSelectEditor:bh,rapidAgNumberEditor:fh,rapidAgStringEditor:yh,rapidGridPro:class extends fg{constructor(){super(...arguments),this.theme=Uh}themeChanged(e,a){(e||a===Uh)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Ui.action]:zh,[Ui.actionsMenu]:Ch,[Ui.boolean]:Ah,[Ui.editable]:xh,[Ui.selectEditor]:mh,[Ui.numberEditor]:vh,[Ui.multiselectEditor]:uh,[Ui.dateEditor]:ch,[Ui.stringEditor]:wh};(this.theme===jh||this.theme===Ph)&&(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:_h,styles:Gh,shadowOptions:undefined},Hh)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Yh,Qh=r(11223);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(Yh||(Yh={}));const Wh={Roboto:Ve,"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=Wh["Segoe UI"],Jh=b.css`
|
|
13224
13246
|
${(0,v.display)("block")} :host {
|
|
13225
13247
|
width: 100%;
|
|
13226
13248
|
display: inline-flex;
|
|
@@ -13352,7 +13374,7 @@
|
|
|
13352
13374
|
alpha-button {
|
|
13353
13375
|
margin: 0;
|
|
13354
13376
|
}
|
|
13355
|
-
`,
|
|
13377
|
+
`,Zh=b.html`
|
|
13356
13378
|
<template>
|
|
13357
13379
|
<div class="configuration">
|
|
13358
13380
|
${(0,b.when)((e=>!e.customDesignMode),b.html`
|
|
@@ -13560,7 +13582,7 @@
|
|
|
13560
13582
|
</div>
|
|
13561
13583
|
</div>
|
|
13562
13584
|
${(0,b.when)((e=>!e.customDesignMode),b.html`
|
|
13563
|
-
<alpha-checkbox :checked="${(0,
|
|
13585
|
+
<alpha-checkbox :checked="${(0,Jn.Z)((e=>e.preserveOptions),"boolean")}">
|
|
13564
13586
|
Preserve selected options when changing design systems
|
|
13565
13587
|
</alpha-checkbox>
|
|
13566
13588
|
`)}
|
|
@@ -13575,7 +13597,7 @@
|
|
|
13575
13597
|
<slot></slot>
|
|
13576
13598
|
</div>
|
|
13577
13599
|
</template>
|
|
13578
|
-
`,
|
|
13600
|
+
`,Kh=({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(Wh).find((a=>Wh[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),Xh=Kh(Je),em={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},am={accent:"primary",neutral:"secondary",font:"white"},rm=Kh(l.designTokens),tm=Kh(gd),om={zero:{prefix:"zero",tokenDefaults:Xh,buttons:em,badge:am},alpha:{prefix:"alpha",tokenDefaults:rm,buttons:{accent:"accent",neutral:"neutral",outline:"outline",text:"lightweight"},badge:{accent:"primary",neutral:"neutral",font:"white"}},rapid:{prefix:"rapid",tokenDefaults:tm,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:em,badge:am}};let im=class extends b.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=Xh.luminance===f.StandardLuminance.DarkMode,this.luminance=Xh.luminance,this.neutralColor=Xh.neutralColor,this.accentColor=Xh.accentColor,this.bodyFont=Xh.bodyFont,this.density=Xh.density,this.borderRadius=Xh.borderRadius,this.strokeWidth=Xh.strokeWidth,this.designUnit=Xh.designUnit,this.baseFontSize=Xh.baseFontSize,this.baseLineHeight=Xh.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=Kh(a);om.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,Qh.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(om[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,Qh.__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:om[this.ds].prefix,buttonAppearanceAccent:om[this.ds].buttons.accent,buttonAppearanceNeutral:om[this.ds].buttons.neutral,buttonAppearanceOutline:om[this.ds].buttons.outline,buttonAppearanceText:om[this.ds].buttons.text,badgeAppearanceAccent:om[this.ds].badge.accent,badgeAppearanceNeutral:om[this.ds].badge.neutral,badgeText:om[this.ds].badge.font};this.$emit(Yh.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(om[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:Wh[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(Yh.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={},He(),b.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(Yh.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,Qh.__decorate)([(0,b.attr)({mode:"boolean",attribute:"custom-design-mode"})],im.prototype,"customDesignMode",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"designSystems",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"ds",void 0),(0,Qh.__decorate)([b.attr],im.prototype,"darkMode",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"neutralColor",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"accentColor",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"bodyFont",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"density",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"borderRadius",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"strokeWidth",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"designUnit",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"baseFontSize",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"baseLineHeight",void 0),(0,Qh.__decorate)([b.observable],im.prototype,"preserveOptions",void 0),im=(0,Qh.__decorate)([(0,b.customElement)({name:"design-system-editor",template:Zh,styles:Jh})],im);const nm=(0,k.createLogger)("documentation-components"),lm=e=>{const a=(e=>{const a=(0,$e.parseColorHexRGB)(e);return a?f.SwatchRGB.from(a):null})(e);return a?f.PaletteRGB.create(a):null},gm=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},sm=(e,a)=>{const r=lm(e.neutralColor);f.neutralPalette.setValueFor(a,r);const t=lm(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,gm(f.typeRampBaseFontSize,Ue.Yd.minusOne,a)),f.typeRampMinus1LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.minusOne,a)),f.typeRampMinus2FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.minusTwo,a)),f.typeRampMinus2LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.minusTwo,a)),f.typeRampPlus1FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusOne,a)),f.typeRampPlus1LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusOne,a)),f.typeRampPlus2FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusTwo,a)),f.typeRampPlus2LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusTwo,a)),f.typeRampPlus3FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusThree,a)),f.typeRampPlus3LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusThree,a)),f.typeRampPlus4FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusFour,a)),f.typeRampPlus4LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusFour,a)),f.typeRampPlus5FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusFive,a)),f.typeRampPlus5LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusFive,a)),f.typeRampPlus6FontSize.setValueFor(a,gm(f.typeRampBaseFontSize,Ue.Yd.plusSix,a)),f.typeRampPlus6LineHeight.setValueFor(a,gm(f.typeRampBaseLineHeight,Ue.Yd.plusSix,a))},dm=b.css`
|
|
13579
13601
|
:host {
|
|
13580
13602
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
13581
13603
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -13671,7 +13693,7 @@
|
|
|
13671
13693
|
display: flex;
|
|
13672
13694
|
flex-direction: column;
|
|
13673
13695
|
}
|
|
13674
|
-
`,
|
|
13696
|
+
`,cm=b.html`
|
|
13675
13697
|
${e=>(e=>b.html`
|
|
13676
13698
|
<template>
|
|
13677
13699
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14083,7 +14105,7 @@
|
|
|
14083
14105
|
</${e}-design-system-provider>
|
|
14084
14106
|
</template>
|
|
14085
14107
|
`)(e.prefix)}
|
|
14086
|
-
`;let
|
|
14108
|
+
`;let pm=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=>nm.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>nm.debug("DELETE!!!",e)},{name:"Edit",callback:e=>nm.debug("EDIT!!!",e)},{name:"Wait",callback:e=>nm.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(Yh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Yh.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(qh)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{sm(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,Qh.__decorate)([b.observable],pm.prototype,"modal",void 0),(0,Qh.__decorate)([b.attr],pm.prototype,"prefix",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"buttonAppearanceAccent",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"buttonAppearanceNeutral",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"buttonAppearanceOutline",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"buttonAppearanceText",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"badgeAppearanceAccent",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"badgeAppearanceNeutral",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"badgeText",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"cards",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"countries",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"menuActions",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"menuDefinition",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"dropDownMenuItems",void 0),(0,Qh.__decorate)([b.observable],pm.prototype,"provider",void 0),pm=(0,Qh.__decorate)([(0,b.customElement)({name:"preview-components",template:cm,styles:dm})],pm);const um=b.css`
|
|
14087
14109
|
.export {
|
|
14088
14110
|
display: flex;
|
|
14089
14111
|
justify-content: center;
|
|
@@ -14094,7 +14116,7 @@
|
|
|
14094
14116
|
display: flex;
|
|
14095
14117
|
justify-content: space-between;
|
|
14096
14118
|
}
|
|
14097
|
-
`,
|
|
14119
|
+
`,hm=b.html`
|
|
14098
14120
|
<template>
|
|
14099
14121
|
<div class="export">
|
|
14100
14122
|
<alpha-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</alpha-button>
|
|
@@ -14115,7 +14137,7 @@
|
|
|
14115
14137
|
</alpha-modal>
|
|
14116
14138
|
</div>
|
|
14117
14139
|
</template>
|
|
14118
|
-
`;let
|
|
14140
|
+
`;let mm=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=>{nm.log("Tokens saved successfully:",e),this.$emit(Yh.APPLY_CUSTOM_DESIGN,e.message)})).catch((e=>{nm.error("Error saving tokens:",e)})),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Yh.STYLES_CHANGED,(e=>{const a=e;this.value=this.formatValues(a.detail)}))}};(0,Qh.__decorate)([b.attr],mm.prototype,"value",void 0),(0,Qh.__decorate)([b.attr],mm.prototype,"tokensPath",void 0),mm=(0,Qh.__decorate)([(0,b.customElement)({name:"design-system-export",template:hm,styles:um})],mm);const bm=b.css`
|
|
14119
14141
|
.colors {
|
|
14120
14142
|
display: flex;
|
|
14121
14143
|
flex-wrap: wrap;
|
|
@@ -14128,23 +14150,23 @@
|
|
|
14128
14150
|
flex-grow: 1;
|
|
14129
14151
|
height: 20px;
|
|
14130
14152
|
}
|
|
14131
|
-
`,
|
|
14153
|
+
`,vm=b.html`
|
|
14132
14154
|
<ul class="colors">
|
|
14133
14155
|
${(0,b.repeat)((e=>e.swatches),b.html`
|
|
14134
14156
|
<li class="color" style="background-color: ${e=>e.toColorString()}"></li>
|
|
14135
14157
|
`)}
|
|
14136
14158
|
</ul>
|
|
14137
|
-
`;let
|
|
14159
|
+
`;let fm=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=lm(a[`${this.type}Color`]);this.swatches=[...e.swatches]}))}connectedCallback(){super.connectedCallback(),document.body.addEventListener(Yh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)}))}};(0,Qh.__decorate)([b.observable],fm.prototype,"swatches",void 0),(0,Qh.__decorate)([b.attr],fm.prototype,"type",void 0),fm=(0,Qh.__decorate)([(0,b.customElement)({name:"color-palette",styles:bm,template:vm})],fm);const wm=b.css`
|
|
14138
14160
|
.preview {
|
|
14139
14161
|
width: 40px;
|
|
14140
14162
|
height: 40px;
|
|
14141
14163
|
}
|
|
14142
|
-
`,
|
|
14164
|
+
`,ym=b.html`
|
|
14143
14165
|
<div
|
|
14144
14166
|
class="preview"
|
|
14145
14167
|
style="background-color: ${e=>f[e.tokenName].createCSS()}"
|
|
14146
14168
|
></div>
|
|
14147
|
-
`;let
|
|
14169
|
+
`;let xm=class extends b.FASTElement{};(0,Qh.__decorate)([b.attr],xm.prototype,"tokenName",void 0),xm=(0,Qh.__decorate)([(0,b.customElement)({name:"color-token",styles:wm,template:ym})],xm);const km=b.css`
|
|
14148
14170
|
.container {
|
|
14149
14171
|
display: flex;
|
|
14150
14172
|
width: 100%;
|
|
@@ -14192,7 +14214,7 @@
|
|
|
14192
14214
|
.container > div:not(:last-child) {
|
|
14193
14215
|
border-right: 1px solid #fafafa;
|
|
14194
14216
|
}
|
|
14195
|
-
`,
|
|
14217
|
+
`,zm=[{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"}]}]}],Sm=b.html`
|
|
14196
14218
|
<div class="row">
|
|
14197
14219
|
<div
|
|
14198
14220
|
class="preview"
|
|
@@ -14204,19 +14226,19 @@
|
|
|
14204
14226
|
${(e,a)=>f[e.name].getValueFor(a.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
|
|
14205
14227
|
</div>
|
|
14206
14228
|
</div>
|
|
14207
|
-
`,
|
|
14229
|
+
`,Cm=b.html`
|
|
14208
14230
|
<div class="container" ${(0,b.ref)("provider")}>
|
|
14209
|
-
${(0,b.repeat)((()=>
|
|
14231
|
+
${(0,b.repeat)((()=>zm),b.html`
|
|
14210
14232
|
<div class="column">
|
|
14211
14233
|
<h3 class="header-title">${e=>e.title}</h3>
|
|
14212
14234
|
${(0,b.repeat)((e=>e.subcategories),b.html`
|
|
14213
14235
|
<h4>${e=>e.title}</h4>
|
|
14214
|
-
${(0,b.repeat)((e=>e.tokens),
|
|
14236
|
+
${(0,b.repeat)((e=>e.tokens),Sm)}
|
|
14215
14237
|
`)}
|
|
14216
14238
|
</div>
|
|
14217
14239
|
`)}
|
|
14218
14240
|
</div>
|
|
14219
|
-
`;let
|
|
14241
|
+
`;let $m=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Yh.STYLES_CHANGED,(e=>{const a=e.detail;sm(a,this.provider)}))}};(0,Qh.__decorate)([b.observable],$m.prototype,"provider",void 0),$m=(0,Qh.__decorate)([(0,b.customElement)({name:"color-tokens",template:Cm,styles:km})],$m);const Am=b.css`
|
|
14220
14242
|
table {
|
|
14221
14243
|
background: var(--neutral-fill-rest);
|
|
14222
14244
|
color: var(--neutral-foreground-rest);
|
|
@@ -14225,7 +14247,7 @@
|
|
|
14225
14247
|
th {
|
|
14226
14248
|
text-align: left;
|
|
14227
14249
|
}
|
|
14228
|
-
|
|
14250
|
+
`,Fm=b.html`
|
|
14229
14251
|
<table ${(0,b.ref)("provider")} style="font-family: ${()=>f.bodyFont.createCSS()}">
|
|
14230
14252
|
<colgroup>
|
|
14231
14253
|
<col style="width: 15%;" />
|
|
@@ -14453,7 +14475,7 @@
|
|
|
14453
14475
|
</tr>
|
|
14454
14476
|
</tbody>
|
|
14455
14477
|
</table>
|
|
14456
|
-
`;let
|
|
14478
|
+
`;let Om=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(Yh.STYLES_CHANGED,(e=>{const a=e.detail;sm(a,this.provider)}))}};(0,Qh.__decorate)([b.observable],Om.prototype,"provider",void 0),Om=(0,Qh.__decorate)([(0,b.customElement)({name:"typography-tokens",template:Fm,styles:Am})],Om);const Tm=b.css`
|
|
14457
14479
|
:host {
|
|
14458
14480
|
background: var(--fill-color);
|
|
14459
14481
|
color: var(--neutral-foreground-rest);
|
|
@@ -14469,7 +14491,7 @@
|
|
|
14469
14491
|
margin-top: 24px;
|
|
14470
14492
|
padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
14471
14493
|
}
|
|
14472
|
-
`,
|
|
14494
|
+
`,Dm=b.html`
|
|
14473
14495
|
<template>
|
|
14474
14496
|
<alpha-tabs>
|
|
14475
14497
|
<alpha-tab slot="tab">Components</alpha-tab>
|
|
@@ -14498,7 +14520,7 @@
|
|
|
14498
14520
|
</alpha-tab-panel>
|
|
14499
14521
|
</alpha-tabs>
|
|
14500
14522
|
</template>
|
|
14501
|
-
`;let
|
|
14523
|
+
`;let Rm=class extends b.FASTElement{};Rm=(0,Qh.__decorate)([(0,b.customElement)({name:"design-system-preview",template:Dm,styles:Tm})],Rm);const Nm={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"}]}]}}]},Lm={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"]}}},Mm={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"}]}}}]},Im={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"]}}}},jm=b.css`
|
|
14502
14524
|
:host {
|
|
14503
14525
|
background: var(--fill-color);
|
|
14504
14526
|
color: var(--neutral-foreground-rest);
|
|
@@ -14529,7 +14551,7 @@
|
|
|
14529
14551
|
zero-design-system-provider {
|
|
14530
14552
|
display: inline;
|
|
14531
14553
|
}
|
|
14532
|
-
`,
|
|
14554
|
+
`,Em=b.html`
|
|
14533
14555
|
${e=>(e=>b.html`
|
|
14534
14556
|
<template>
|
|
14535
14557
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14553,7 +14575,7 @@
|
|
|
14553
14575
|
</${e}-design-system-provider>
|
|
14554
14576
|
</template>
|
|
14555
14577
|
`)(e.prefix)}
|
|
14556
|
-
`;let
|
|
14578
|
+
`;let Pm=class extends b.FASTElement{constructor(){super(...arguments),this.jsonSchema=Lm,this.uischema=Nm,this.jsonSchemaArray=Im,this.uiSchemaArray=Mm,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(Yh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Yh.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(qh)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{sm(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,Qh.__decorate)([b.observable],Pm.prototype,"jsonSchema",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"uischema",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"jsonSchemaArray",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"uiSchemaArray",void 0),(0,Qh.__decorate)([b.attr],Pm.prototype,"prefix",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"provider",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"editedEntity",void 0),(0,Qh.__decorate)([b.observable],Pm.prototype,"editedEntityArray",void 0),Pm=(0,Qh.__decorate)([(0,b.customElement)({name:"preview-form",template:Em,styles:jm})],Pm);const Bm=b.css`
|
|
14557
14579
|
:host {
|
|
14558
14580
|
background: var(--fill-color);
|
|
14559
14581
|
color: var(--neutral-foreground-rest);
|
|
@@ -14568,7 +14590,7 @@
|
|
|
14568
14590
|
.grid-height {
|
|
14569
14591
|
height: 450px;
|
|
14570
14592
|
}
|
|
14571
|
-
`,
|
|
14593
|
+
`,Gm=b.html`
|
|
14572
14594
|
${e=>(e=>b.html`
|
|
14573
14595
|
<template>
|
|
14574
14596
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14578,5 +14600,5 @@
|
|
|
14578
14600
|
</${e}-design-system-provider>
|
|
14579
14601
|
</template>
|
|
14580
14602
|
`)(e.prefix)}
|
|
14581
|
-
`;let
|
|
14582
|
-
//# sourceMappingURL=
|
|
14603
|
+
`;let _m=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(Yh.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(Yh.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((()=>{sm(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,b.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,Qh.__decorate)([b.observable],_m.prototype,"grid",void 0),(0,Qh.__decorate)([b.attr],_m.prototype,"prefix",void 0),(0,Qh.__decorate)([b.observable],_m.prototype,"provider",void 0),(0,Qh.__decorate)([b.observable],_m.prototype,"rowData",void 0),(0,Qh.__decorate)([b.observable],_m.prototype,"columnDefs",void 0),(0,Qh.__decorate)([b.observable],_m.prototype,"gridOptions",void 0),_m=(0,Qh.__decorate)([(0,b.customElement)({name:"preview-grid",template:Gm,styles:Bm})],_m),((e,a="zero")=>{e&&(0,H.provideTokens)(t,o,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(Ni,Ig),(0,l.provideDesignSystem)().register(l.baseComponents,jg),((e,a="rapid")=>{e&&(0,H.provideTokens)(i,n,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(dh,Vh)}}]);
|
|
14604
|
+
//# sourceMappingURL=849.01093a4d4929390379937686cde1f7af.js.map
|