@genesislcap/design-system-configurator 14.182.2 → 14.182.3-alpha-75765564b4e.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/{206.206.6b96366b43b6403c5a6e.js → 206.206.3ccbbbc1a24fb589a2fc.js} +155 -132
- package/dist/206.cb053205422b200f5a3003610f292931.js.map +1 -0
- package/dist/{279.279.f3c5cc3f98ca724de837.js → 279.279.4313f91b80e1ad5f7f99.js} +1 -1
- package/dist/{531.531.50ca0aeb2f304bb00611.js → 531.531.485d68ca78b7b74d7f59.js} +1 -1
- package/dist/{548.548.8ea3cd6d8e3f44d74376.js → 548.548.f1b2c868d66b450bfab9.js} +1 -1
- package/dist/{653.653.c4bf22ce0aa50b94b618.js → 653.653.e62e585573604b83e049.js} +1 -1
- package/dist/{842.842.a04c4ecab51387b4ebcf.js → 842.842.8952a839a2a4d6845f70.js} +1 -1
- package/dist/{designSystemConfigurator.f40d8a4dfd6a0f9fa0c3c6121f2e7936.js.map → designSystemConfigurator.8c0b5df1734c21cd5a5715ace2a1ffb9.js.map} +1 -1
- package/dist/index.html +1 -1
- package/dist/{main.72797b2f1d20f63032ac.js → main.8ee6147946781274054d.js} +2 -2
- package/dist/{main.d101edf992b1dc2e672f7faefd69be9b.js.map → main.d972578a8c69145cf1687e28838b12e4.js.map} +1 -1
- package/dist/remoteEntry.js +2 -2
- package/package.json +12 -12
- package/dist/206.ea60e93f343f578b5116e0fca2c6723b.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[206],{79621:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>Im,ColorToken:()=>Pm,ColorTokens:()=>Hm,DesignSystemEditor:()=>zm,DesignSystemExport:()=>Nm,DesignSystemPreview:()=>Jm,EventName:()=>dm,PreviewComponents:()=>Fm,PreviewForm:()=>tb,PreviewGrid:()=>lb,TypographyTokens:()=>Qm,defaultBodyFont:()=>um,fontFamilies:()=>pm});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:()=>Le,defaultSuccessColor:()=>Ee,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Me,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:()=>je,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:()=>Pe,baseLayerLuminanceValue:()=>Ge,bodyFontValue:()=>Ke,controlCornerRadiusValue:()=>Ve,densityValue:()=>Ye,designTokens:()=>aa,designUnitValue:()=>Qe,directionValue:()=>Ue,neutralPaletteValue:()=>Be,strokeWidthValue:()=>He,typeRampBaseFontSizeValue:()=>Xe,typeRampBaseLineHeightValue:()=>ea});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:()=>ps,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>cs,defaultErrorColor:()=>rs,defaultSellColor:()=>hs,defaultSuccessColor:()=>is,defaultWarningColor:()=>gs,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>ts,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:()=>ms,strokeWidth:()=>f.strokeWidth,successColor:()=>ns,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:()=>ss});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>xs,accentFillFocusDeltaValue:()=>ks,accentFillHoverDeltaValue:()=>ys,accentFillRestDeltaValue:()=>ws,accentForegroundActiveDeltaValue:()=>Cs,accentForegroundFocusDeltaValue:()=>$s,accentForegroundHoverDeltaValue:()=>Ss,accentForegroundRestDeltaValue:()=>zs,accentPaletteValue:()=>bs,baseHeightMultiplierValue:()=>ed,baseLayerLuminanceValue:()=>fs,bodyFontValue:()=>od,controlCornerRadiusValue:()=>ad,densityValue:()=>rd,designTokens:()=>zd,designUnitValue:()=>td,directionValue:()=>Js,disabledOpacityValue:()=>Zs,focusStrokeWidthValue:()=>Xs,neutralFillActiveDeltaValue:()=>Ts,neutralFillFocusDeltaValue:()=>Fs,neutralFillHoverDeltaValue:()=>Os,neutralFillInputActiveDeltaValue:()=>Ns,neutralFillInputFocusDeltaValue:()=>Ls,neutralFillInputHoverDeltaValue:()=>Rs,neutralFillInputRestDeltaValue:()=>Ds,neutralFillLayerRestDeltaValue:()=>Us,neutralFillRestDeltaValue:()=>As,neutralFillStealthActiveDeltaValue:()=>Es,neutralFillStealthFocusDeltaValue:()=>js,neutralFillStealthHoverDeltaValue:()=>Is,neutralFillStealthRestDeltaValue:()=>Ms,neutralFillStrongActiveDeltaValue:()=>Gs,neutralFillStrongFocusDeltaValue:()=>_s,neutralFillStrongHoverDeltaValue:()=>Bs,neutralFillStrongRestDeltaValue:()=>Ps,neutralPaletteValue:()=>vs,neutralStrokeActiveDeltaValue:()=>Ys,neutralStrokeDividerRestDeltaValue:()=>Ws,neutralStrokeFocusDeltaValue:()=>Qs,neutralStrokeHoverDeltaValue:()=>Vs,neutralStrokeRestDeltaValue:()=>Hs,prefix:()=>qs,strokeWidthValue:()=>Ks,typeRampBaseFontSizeValue:()=>id,typeRampBaseLineHeightValue:()=>nd,typeRampMinus1FontSizeValue:()=>ld,typeRampMinus1LineHeightValue:()=>gd,typeRampMinus2FontSizeValue:()=>sd,typeRampMinus2LineHeightValue:()=>dd,typeRampPlus1FontSizeValue:()=>cd,typeRampPlus1LineHeightValue:()=>pd,typeRampPlus2FontSizeValue:()=>ud,typeRampPlus2LineHeightValue:()=>hd,typeRampPlus3FontSizeValue:()=>md,typeRampPlus3LineHeightValue:()=>bd,typeRampPlus4FontSizeValue:()=>vd,typeRampPlus4LineHeightValue:()=>fd,typeRampPlus5FontSizeValue:()=>wd,typeRampPlus5LineHeightValue:()=>yd,typeRampPlus6FontSizeValue:()=>xd,typeRampPlus6LineHeightValue:()=>kd});var l=r(88481),g=r(24636),s=r(61503),d=r(17914);const c=e=>{var a,r,t,o,i,n,l,g,s;return s=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,d.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,d.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,d.__classPrivateFieldGet)(this,o,"f")&&((0,d.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&(0,d.__classPrivateFieldSet)(this,r,(0,d.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,d.__classPrivateFieldGet)(this,t,"f")!==(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,d.__classPrivateFieldSet)(this,t,null!==(a=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,d.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,d.__classPrivateFieldSet)(this,n,g,"f"),(0,d.__classPrivateFieldGet)(this,n,"f")&&this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,d.__classPrivateFieldSet)(this,t,null!==(o=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,d.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[p])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,d.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},s},p=Symbol("layout-cache-document");var u=r(83453),h=r.n(u),m=r(60496),b=r(57418),v=r(34387),f=r(44405),w=r(85090);const y=b.css`
|
|
1
|
+
"use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[206],{79621:(e,a,r)=>{r.r(a),r.d(a,{ColorPalette:()=>Em,ColorToken:()=>Bm,ColorTokens:()=>Vm,DesignSystemEditor:()=>Sm,DesignSystemExport:()=>Lm,DesignSystemPreview:()=>Zm,EventName:()=>cm,PreviewComponents:()=>Dm,PreviewForm:()=>ob,PreviewGrid:()=>gb,TypographyTokens:()=>Wm,defaultBodyFont:()=>hm,fontFamilies:()=>um});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:()=>Le,defaultSuccessColor:()=>Ee,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>Me,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:()=>je,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:()=>Pe,baseLayerLuminanceValue:()=>Ge,bodyFontValue:()=>Ke,controlCornerRadiusValue:()=>Ve,densityValue:()=>Ye,designTokens:()=>aa,designUnitValue:()=>Qe,directionValue:()=>Ue,neutralPaletteValue:()=>Be,strokeWidthValue:()=>He,typeRampBaseFontSizeValue:()=>Xe,typeRampBaseLineHeightValue:()=>ea});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:()=>ps,controlCornerRadius:()=>f.controlCornerRadius,defaultBuyColor:()=>cs,defaultErrorColor:()=>rs,defaultSellColor:()=>hs,defaultSuccessColor:()=>is,defaultWarningColor:()=>gs,density:()=>f.density,designUnit:()=>f.designUnit,direction:()=>f.direction,disabledOpacity:()=>f.disabledOpacity,errorColor:()=>ts,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:()=>ms,strokeWidth:()=>f.strokeWidth,successColor:()=>ns,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:()=>ss});var n={};r.r(n),r.d(n,{accentFillActiveDeltaValue:()=>xs,accentFillFocusDeltaValue:()=>ks,accentFillHoverDeltaValue:()=>ys,accentFillRestDeltaValue:()=>ws,accentForegroundActiveDeltaValue:()=>Cs,accentForegroundFocusDeltaValue:()=>$s,accentForegroundHoverDeltaValue:()=>Ss,accentForegroundRestDeltaValue:()=>zs,accentPaletteValue:()=>bs,baseHeightMultiplierValue:()=>ed,baseLayerLuminanceValue:()=>fs,bodyFontValue:()=>od,controlCornerRadiusValue:()=>ad,densityValue:()=>rd,designTokens:()=>zd,designUnitValue:()=>td,directionValue:()=>Js,disabledOpacityValue:()=>Zs,focusStrokeWidthValue:()=>Xs,neutralFillActiveDeltaValue:()=>Ts,neutralFillFocusDeltaValue:()=>Fs,neutralFillHoverDeltaValue:()=>Os,neutralFillInputActiveDeltaValue:()=>Ns,neutralFillInputFocusDeltaValue:()=>Ls,neutralFillInputHoverDeltaValue:()=>Rs,neutralFillInputRestDeltaValue:()=>Ds,neutralFillLayerRestDeltaValue:()=>Us,neutralFillRestDeltaValue:()=>As,neutralFillStealthActiveDeltaValue:()=>Es,neutralFillStealthFocusDeltaValue:()=>js,neutralFillStealthHoverDeltaValue:()=>Is,neutralFillStealthRestDeltaValue:()=>Ms,neutralFillStrongActiveDeltaValue:()=>Gs,neutralFillStrongFocusDeltaValue:()=>_s,neutralFillStrongHoverDeltaValue:()=>Bs,neutralFillStrongRestDeltaValue:()=>Ps,neutralPaletteValue:()=>vs,neutralStrokeActiveDeltaValue:()=>Ys,neutralStrokeDividerRestDeltaValue:()=>Ws,neutralStrokeFocusDeltaValue:()=>Qs,neutralStrokeHoverDeltaValue:()=>Vs,neutralStrokeRestDeltaValue:()=>Hs,prefix:()=>qs,strokeWidthValue:()=>Ks,typeRampBaseFontSizeValue:()=>id,typeRampBaseLineHeightValue:()=>nd,typeRampMinus1FontSizeValue:()=>ld,typeRampMinus1LineHeightValue:()=>gd,typeRampMinus2FontSizeValue:()=>sd,typeRampMinus2LineHeightValue:()=>dd,typeRampPlus1FontSizeValue:()=>cd,typeRampPlus1LineHeightValue:()=>pd,typeRampPlus2FontSizeValue:()=>ud,typeRampPlus2LineHeightValue:()=>hd,typeRampPlus3FontSizeValue:()=>md,typeRampPlus3LineHeightValue:()=>bd,typeRampPlus4FontSizeValue:()=>vd,typeRampPlus4LineHeightValue:()=>fd,typeRampPlus5FontSizeValue:()=>wd,typeRampPlus5LineHeightValue:()=>yd,typeRampPlus6FontSizeValue:()=>xd,typeRampPlus6LineHeightValue:()=>kd});var l=r(83162),g=r(24636),s=r(61503),d=r(17914);const c=e=>{var a,r,t,o,i,n,l,g,s;return s=class extends e{constructor(...e){super(e),a.add(this),r.set(this,{_key:"dom"}),t.set(this,""),o.set(this,!1),i.set(this,void 0),n.set(this,!1)}cloneNode(e){const a=this.deepClone();return e&&Array.from(this.childNodes).forEach((e=>{a.appendChild(e.cloneNode(!0))})),a}deepClone(){const e=document.createElement(this.tagName.toLowerCase());return this.getAttributeNames().forEach((a=>e.setAttribute(a,this.getAttribute(a)))),e}get shouldRunDisconnect(){return!!(0,d.__classPrivateFieldGet)(this,n,"f")||("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key||"foundation-layout-cache"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,"disconnect")))}get shouldRunConnect(){if((0,d.__classPrivateFieldGet)(this,n,"f"))return!0;if("dom"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!0;if("foundation-layout-cache"===(0,d.__classPrivateFieldGet)(this,r,"f")._key)return!1;let e="reconnect";return!1===(0,d.__classPrivateFieldGet)(this,o,"f")&&((0,d.__classPrivateFieldSet)(this,o,!0,"f"),e="connect"),!((0,d.__classPrivateFieldGet)(this,r,"f").dragging||!(0,d.__classPrivateFieldGet)(this,r,"f").hasFirstLoaded||(0,d.__classPrivateFieldGet)(this,a,"m",l).call(this,e))}connectedCallback(){super.connectedCallback(),"foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key&&(0,d.__classPrivateFieldSet)(this,r,(0,d.__classPrivateFieldGet)(this,a,"m",g).call(this,this),"f")}},r=new WeakMap,t=new WeakMap,o=new WeakMap,i=new WeakMap,n=new WeakMap,a=new WeakSet,l=function(e){var a,o;if("foundation-layout"!==(0,d.__classPrivateFieldGet)(this,r,"f")._key)throw new Error("LifecycleMixin: should not be checking a token change if container not in the layout");const l=(0,d.__classPrivateFieldGet)(this,t,"f")!==(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken;let g=!1;return"connect"===e?(0,d.__classPrivateFieldSet)(this,t,null!==(a=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==a?a:"","f"):"disconnect"===e?(g=l,(0,d.__classPrivateFieldSet)(this,i,setTimeout((()=>{(0,d.__classPrivateFieldSet)(this,n,g,"f"),(0,d.__classPrivateFieldGet)(this,n,"f")&&this.disconnectedCallback()}),1e4),"f")):"reconnect"===e&&(g=l,(0,d.__classPrivateFieldSet)(this,t,null!==(o=(0,d.__classPrivateFieldGet)(this,r,"f").lifecycleUpdateToken)&&void 0!==o?o:"","f"),clearTimeout((0,d.__classPrivateFieldGet)(this,i,"f"))),g},g=function e(r){var t;if(!0===r.getRootNode()[p])return{_key:"foundation-layout-cache"};if(r.getRootNode()instanceof Document||!(null===(t=r.getRootNode())||void 0===t?void 0:t.host))return{_key:"dom"};const o=r.getRootNode().host;if("FoundationLayoutMain"===o.class){const e=o;return e._key="foundation-layout",e}return(0,d.__classPrivateFieldGet)(this,a,"m",e).call(this,o)},s},p=Symbol("layout-cache-document");var u=r(83453),h=r.n(u),m=r(60496),b=r(57418),v=r(34387),f=r(44405),w=r(85090);const y=b.css`
|
|
2
2
|
:host {
|
|
3
3
|
border: calc(${f.strokeWidth} * 1px) solid transparent;
|
|
4
4
|
margin: 0;
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
background: ${w.A.Canvas};
|
|
56
56
|
border-color: ${w.A.CanvasText};
|
|
57
57
|
}
|
|
58
|
-
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(
|
|
58
|
+
`)),x={"^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$":"Invalid phone number. Must match +###-###-######"};var k=r(71200);const z=(0,k.createLogger)("foundation-form"),S=b.html`
|
|
59
59
|
<template>
|
|
60
60
|
${(0,b.when)((e=>!1),b.html`
|
|
61
61
|
<rapid-button class="clipboard-button" @click=${e=>e.copyUISchemaToClipboard()}>
|
|
@@ -296,7 +296,7 @@
|
|
|
296
296
|
</control-wrapper>
|
|
297
297
|
</template>
|
|
298
298
|
`)(e.prefix)}
|
|
299
|
-
`,tester:(0,m.Hc7)(3,_),mapper:m.kOB};var H=r(
|
|
299
|
+
`,tester:(0,m.Hc7)(3,_),mapper:m.kOB};var H=r(53916);const V=e=>a=>{if(!a||!(0,m.c0N)(a))return!1;const r=a.options;return!(!r||!r[e])},Y=(0,m.Uo6)(V("allOptionsResourceName"),(0,m.or)((0,m.f4S)((e=>(0,m.dfR)(e,"array"))),(0,m.f4S)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,m.dfR)(e,"array")))))));H.MultiselectDatasource;const Q={renderer:b.html`
|
|
300
300
|
${e=>((e="zero")=>b.html`
|
|
301
301
|
<template>
|
|
302
302
|
<control-wrapper
|
|
@@ -11097,6 +11097,29 @@
|
|
|
11097
11097
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
11098
11098
|
}
|
|
11099
11099
|
`,Ld=b.css`
|
|
11100
|
+
:host([appearance='secondary-orange']) {
|
|
11101
|
+
background: color-mix(in srgb, var(--error-color), transparent 50%);
|
|
11102
|
+
border: calc(var(--stroke-width) * 1px) solid var(--error-color);
|
|
11103
|
+
}
|
|
11104
|
+
|
|
11105
|
+
:host([appearance='secondary-orange']:hover) {
|
|
11106
|
+
background: var(--error-color);
|
|
11107
|
+
}
|
|
11108
|
+
|
|
11109
|
+
:host([appearance='secondary-orange'][disabled]),
|
|
11110
|
+
:host([appearance='secondary-orange'][disabled]):hover,
|
|
11111
|
+
:host([appearance='secondary-orange'][disabled]):active {
|
|
11112
|
+
background: color-mix(in srgb, var(--error-color), transparent 70%);
|
|
11113
|
+
border: calc(var(--stroke-width) * 1px) solid var(--error-color);
|
|
11114
|
+
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11115
|
+
opacity: 100%;
|
|
11116
|
+
}
|
|
11117
|
+
|
|
11118
|
+
:host([appearance='secondary-orange']:active) {
|
|
11119
|
+
background: color-mix(in srgb, var(--error-color), transparent 70%);
|
|
11120
|
+
border: calc(var(--stroke-width) * 1px) solid var(--error-color);
|
|
11121
|
+
}
|
|
11122
|
+
`,Md=b.css`
|
|
11100
11123
|
:host([appearance='primary-outline']) {
|
|
11101
11124
|
background: none;
|
|
11102
11125
|
border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
|
|
@@ -11114,7 +11137,7 @@
|
|
|
11114
11137
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11115
11138
|
opacity: 100%;
|
|
11116
11139
|
}
|
|
11117
|
-
`,
|
|
11140
|
+
`,Id=b.css`
|
|
11118
11141
|
:host([appearance='neutral-outline']) {
|
|
11119
11142
|
background: none;
|
|
11120
11143
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
|
|
@@ -11132,7 +11155,7 @@
|
|
|
11132
11155
|
color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
|
|
11133
11156
|
opacity: 100%;
|
|
11134
11157
|
}
|
|
11135
|
-
`,
|
|
11158
|
+
`,Ed=b.css`
|
|
11136
11159
|
:host([appearance='link']) {
|
|
11137
11160
|
background: none;
|
|
11138
11161
|
border: none;
|
|
@@ -11155,7 +11178,7 @@
|
|
|
11155
11178
|
color: color-mix(in srgb, var(--accent-fill-rest), transparent 35%);
|
|
11156
11179
|
opacity: 100%;
|
|
11157
11180
|
}
|
|
11158
|
-
`,
|
|
11181
|
+
`,jd=(e,a)=>b.css`
|
|
11159
11182
|
${(0,H.foundationButtonStyles)(e,a)}
|
|
11160
11183
|
${b.css`
|
|
11161
11184
|
:host {
|
|
@@ -11209,14 +11232,14 @@
|
|
|
11209
11232
|
opacity: 100%;
|
|
11210
11233
|
}
|
|
11211
11234
|
`}
|
|
11212
|
-
`.withBehaviors(Rd("primary",Nd),Rd("primary-outline",
|
|
11235
|
+
`.withBehaviors(Rd("primary",Nd),Rd("secondary-orange",Ld),Rd("primary-outline",Md),Rd("neutral-outline",Id),Rd("link",Ed));class Pd extends H.Anchor{}const Bd=Pd.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,H.foundationAnchorTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11213
11236
|
${(0,H.foundationAnchorStyles)(e,a)}
|
|
11214
|
-
${
|
|
11215
|
-
`.withBehaviors(...
|
|
11237
|
+
${jd(e,a)}
|
|
11238
|
+
`.withBehaviors(...jd(e,a).behaviors),shadowOptions:H.foundationAnchorShadowOptions},H.defaultAnchorConfig));class Gd extends H.AnchoredRegion{}const _d=Gd.compose(Object.assign({baseName:"anchored-region",template:(e,a)=>(0,H.foundationAnchoredRegionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11216
11239
|
${(0,H.foundationAnchoredRegionStyles)(e,a)}
|
|
11217
|
-
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class
|
|
11240
|
+
`,shadowOptions:H.foundationAnchoredRegionShadowOptions},H.defaultAnchoredRegionConfig));class Ud extends H.Avatar{}const Hd=Ud.compose(Object.assign({baseName:"avatar",template:(e,a)=>(0,H.foundationAvatarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11218
11241
|
${(0,H.foundationAvatarStyles)(e,a)}
|
|
11219
|
-
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class
|
|
11242
|
+
`,shadowOptions:H.foundationAvatarShadowOptions},H.defaultAvatarConfig));class Vd extends H.Badge{}const Yd=Vd.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,H.foundationBadgeTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11220
11243
|
${(0,H.foundationBadgeStyles)(e,a)}
|
|
11221
11244
|
:host {
|
|
11222
11245
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
@@ -11235,7 +11258,7 @@
|
|
|
11235
11258
|
padding: calc(${f.designUnit} * 1px) calc(${f.designUnit} * 2px);
|
|
11236
11259
|
border: none;
|
|
11237
11260
|
}
|
|
11238
|
-
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),
|
|
11261
|
+
`,shadowOptions:H.foundationBadgeShadowOptions},H.defaultBadgeConfig)),Qd=b.css`
|
|
11239
11262
|
${H.foundationBannerStyles}
|
|
11240
11263
|
:host {
|
|
11241
11264
|
--banner-height: calc(
|
|
@@ -11255,9 +11278,9 @@
|
|
|
11255
11278
|
font-family: var(--body-font);
|
|
11256
11279
|
line-height: var(--type-ramp-base-line-height);
|
|
11257
11280
|
}
|
|
11258
|
-
`,
|
|
11281
|
+
`,Wd=H.foundationBannerShadowOptions;class qd extends H.Banner{}const Jd=qd.compose({baseName:"banner",shadowOptions:Wd,styles:Qd,template:H.foundationBannerTemplate});class Zd extends H.Breadcrumb{}const Kd=Zd.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,H.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11259
11282
|
${(0,H.foundationBreadcrumbStyles)(e,a)}
|
|
11260
|
-
`,shadowOptions:undefined},{}));class
|
|
11283
|
+
`,shadowOptions:undefined},{}));class Xd extends H.BreadcrumbItem{}const ec=Xd.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,H.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11261
11284
|
${(0,H.foundationBreadcrumbItemStyles)(e,a)}
|
|
11262
11285
|
.listitem {
|
|
11263
11286
|
color: var(--accent-foreground-rest);
|
|
@@ -11293,9 +11316,9 @@
|
|
|
11293
11316
|
.control:hover .start {
|
|
11294
11317
|
background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
|
|
11295
11318
|
}
|
|
11296
|
-
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class
|
|
11319
|
+
`,shadowOptions:H.foundationBreadcrumbItemShadowOptions},H.defaultBreadcrumbItemConfig));class ac extends H.Button{}const rc=ac.compose(Object.assign({baseName:"button",template:(e,a)=>(0,H.foundationButtonTemplate)(e,a),styles:jd,shadowOptions:H.foundationButtonShadowOptions},H.defaultButtonConfig));class tc extends H.Calendar{}const oc=tc.compose(Object.assign({baseName:"calendar",template:(e,a)=>(0,H.foundationCalendarTemplate)(e,a),styles:()=>b.css`
|
|
11297
11320
|
${(0,H.foundationCalendarStyles)()}
|
|
11298
|
-
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class
|
|
11321
|
+
`,shadowOptions:H.foundationCalendarShadowOptions},H.defaultCalendarConfig));class ic extends H.Card{}const nc=ic.compose(Object.assign({baseName:"card",template:(e,a)=>(0,H.foundationCardTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11299
11322
|
${(0,H.foundationCardStyles)(e,a)}
|
|
11300
11323
|
:host {
|
|
11301
11324
|
background: var(--neutral-layer-card-container);
|
|
@@ -11309,7 +11332,7 @@
|
|
|
11309
11332
|
::slotted(rapid-card) {
|
|
11310
11333
|
background: var(--neutral-layer-3);
|
|
11311
11334
|
}
|
|
11312
|
-
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),
|
|
11335
|
+
`,shadowOptions:H.foundationCardShadowOptions},H.defaultCardConfig)),lc=b.css`
|
|
11313
11336
|
${H.categorizedMultiselectStyles}
|
|
11314
11337
|
|
|
11315
11338
|
.label {
|
|
@@ -11323,9 +11346,9 @@
|
|
|
11323
11346
|
rapid-checkbox:hover:not([disabled]) {
|
|
11324
11347
|
background: var(--neutral-layer-4);
|
|
11325
11348
|
}
|
|
11326
|
-
`,
|
|
11349
|
+
`,gc=b.html`
|
|
11327
11350
|
${(0,H.getPrefixedCategorizedMultiselect)("rapid")}
|
|
11328
|
-
`;class
|
|
11351
|
+
`;class sc extends H.CategorizedMultiselect{}const dc=H.defaultCategorizedMultiselectConfig,cc=H.foundationCategorizedMultiselectShadowOptions,pc=sc.compose(Object.assign({baseName:"categorized-multiselect",template:gc,styles:lc,shadowOptions:cc},dc));class uc extends H.Checkbox{}const hc=uc.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,H.foundationCheckboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11329
11352
|
${(0,H.foundationCheckboxStyles)(e,a)}
|
|
11330
11353
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
11331
11354
|
fill: var(--neutral-foreground-rest);
|
|
@@ -11340,7 +11363,7 @@
|
|
|
11340
11363
|
.label {
|
|
11341
11364
|
padding-inline-start: calc(var(--design-unit) * 2px);
|
|
11342
11365
|
}
|
|
11343
|
-
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig));class
|
|
11366
|
+
`,shadowOptions:H.foundationCheckboxShadowOptions},H.defaultCheckboxConfig));class mc extends H.Combobox{}const bc=mc.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,H.foundationComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11344
11367
|
${(0,H.foundationComboboxStyles)(e,a)}
|
|
11345
11368
|
:host {
|
|
11346
11369
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -11413,7 +11436,7 @@
|
|
|
11413
11436
|
::slotted([role='option']) {
|
|
11414
11437
|
margin: 0;
|
|
11415
11438
|
}
|
|
11416
|
-
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class
|
|
11439
|
+
`,shadowOptions:H.foundationComboboxShadowOptions},H.defaultComboboxConfig));class vc extends H.ConnectionIndicator{}const fc=vc.compose({baseName:"connection-indicator",template:H.foundationConnectionIndicatorTemplate,styles:(e,a)=>b.css`
|
|
11417
11440
|
${(0,H.foundationConnectionIndicatorStyles)(e,a)}
|
|
11418
11441
|
:host {
|
|
11419
11442
|
--light-size: calc(var(--design-unit) * 3px);
|
|
@@ -11436,9 +11459,9 @@
|
|
|
11436
11459
|
font-size: var(--type-ramp-base-font-size);
|
|
11437
11460
|
color: var(--neutral-stroke-rest);
|
|
11438
11461
|
}
|
|
11439
|
-
`}),
|
|
11462
|
+
`}),wc=["baseClass","baseName","shadowOptions","styles","template"],yc=e=>{const{definition:a}=e(),{shadowOptions:r,styles:t,template:o}=a,i=((e,a=wc)=>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:xc,shadowOptions:kc,styles:zc,template:Sc}=yc(H.foundationDataGrid),{defaultConfig:Cc,shadowOptions:$c,styles:Ac,template:Oc}=yc(H.foundationDataGridCell),{defaultConfig:Tc,shadowOptions:Fc,styles:Dc,template:Rc}=yc(H.foundationDataGridRow),Nc=b.html`
|
|
11440
11463
|
${(0,H.getPrefixedDatePicker)("rapid")}
|
|
11441
|
-
`;class
|
|
11464
|
+
`;class Lc extends H.DatePicker{}const Mc=Lc.compose(Object.assign({baseName:"date-picker",template:Nc,styles:()=>b.css`
|
|
11442
11465
|
${H.foundationDatePickerStyles}
|
|
11443
11466
|
|
|
11444
11467
|
:host {
|
|
@@ -11521,7 +11544,7 @@
|
|
|
11521
11544
|
.week-days span {
|
|
11522
11545
|
font-size: var(--type-ramp-minus-2-font-size);
|
|
11523
11546
|
}
|
|
11524
|
-
`,shadowOptions:undefined},{})),
|
|
11547
|
+
`,shadowOptions:undefined},{})),Ic=b.css`
|
|
11525
11548
|
${H.foundationDialogStyles}
|
|
11526
11549
|
:host {
|
|
11527
11550
|
--color-error: var(--error-color);
|
|
@@ -11601,7 +11624,7 @@
|
|
|
11601
11624
|
.close-icon:active svg g path {
|
|
11602
11625
|
fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);
|
|
11603
11626
|
}
|
|
11604
|
-
`,
|
|
11627
|
+
`,Ec=H.defaultDialogConfig,jc=H.foundationDialogTemplate,Pc=H.foundationDialogShadowOptions;class Bc extends H.Dialog{}const Gc=Bc.compose(Object.assign({baseName:"dialog",shadowOptions:Pc,styles:Ic,template:jc},Ec));class _c extends H.Disclosure{}const Uc=_c.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,H.foundationDisclosureTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11605
11628
|
${(0,H.foundationDisclosureStyles)(e,a)}
|
|
11606
11629
|
:host {
|
|
11607
11630
|
font-size: var(--type-ramp-base-font-size);
|
|
@@ -11618,9 +11641,9 @@
|
|
|
11618
11641
|
padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);
|
|
11619
11642
|
text-align: center;
|
|
11620
11643
|
}
|
|
11621
|
-
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class
|
|
11644
|
+
`,shadowOptions:H.foundationDialogShadowOptions},H.defaultDisclosureConfig));class Hc extends H.Divider{}const Vc=Hc.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,H.foundationDividerTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11622
11645
|
${(0,H.foundationDividerStyles)(e,a)}
|
|
11623
|
-
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class
|
|
11646
|
+
`,shadowOptions:H.foundationDividerShadowOptions},H.defaultDividerConfig));class Yc extends H.DropdownMenu{}const Qc=Yc.compose({baseName:"dropdown-menu",styles:(e,a)=>b.css`
|
|
11624
11647
|
${(0,H.dropdownMenuBaseStyles)("rapid",e,a)}
|
|
11625
11648
|
|
|
11626
11649
|
.actions-menu {
|
|
@@ -11635,7 +11658,7 @@
|
|
|
11635
11658
|
border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
|
|
11636
11659
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
11637
11660
|
}
|
|
11638
|
-
`,template:H.foundationDropdownMenuTemplate}),{defaultConfig:
|
|
11661
|
+
`,template:H.foundationDropdownMenuTemplate}),{defaultConfig:Wc,shadowOptions:qc,styles:Jc,template:Zc}=yc(H.foundationErrorBoundary),Kc=b.css`
|
|
11639
11662
|
${H.foundationFileUploadStyles}
|
|
11640
11663
|
::-webkit-scrollbar {
|
|
11641
11664
|
width: calc(var(--design-unit) * 3px);
|
|
@@ -11657,11 +11680,11 @@
|
|
|
11657
11680
|
:host::part(upload-file-button) {
|
|
11658
11681
|
margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px);
|
|
11659
11682
|
}
|
|
11660
|
-
`,
|
|
11683
|
+
`,Xc=b.html`
|
|
11661
11684
|
${(0,H.getPrefixedFileUpload)("rapid")}
|
|
11662
|
-
`,
|
|
11685
|
+
`,ep=H.defaultFileUploadConfig,ap=H.foundationFileUploadShadowOptions;class rp extends H.FileUpload{}const tp=rp.compose(Object.assign({baseName:"file-upload",shadowOptions:ap,styles:Kc,template:Xc},ep)),op=b.html`
|
|
11663
11686
|
${(0,H.getPrefixedFilterTemplate)("rapid")}
|
|
11664
|
-
`;class
|
|
11687
|
+
`;class ip extends H.Filter{}const np=ip.compose({baseName:"filter",template:op,styles:(e,a)=>b.css`
|
|
11665
11688
|
${H.foundationFilterStyles}
|
|
11666
11689
|
.filter-wrapper {
|
|
11667
11690
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
@@ -11688,9 +11711,9 @@
|
|
|
11688
11711
|
.flex-row rapid-select {
|
|
11689
11712
|
flex: 1;
|
|
11690
11713
|
}
|
|
11691
|
-
`}),
|
|
11714
|
+
`}),lp=b.html`
|
|
11692
11715
|
${(0,H.filterBarTemplate)("rapid")}
|
|
11693
|
-
`;class
|
|
11716
|
+
`;class gp extends H.FilterBar{}const sp=gp.compose({baseName:"filter-bar",template:lp,styles:(e,a)=>b.css`
|
|
11694
11717
|
${(0,H.foundationFilterBarStyles)(e,a)}
|
|
11695
11718
|
.toggle,
|
|
11696
11719
|
.toggle-collapsed {
|
|
@@ -11710,7 +11733,7 @@
|
|
|
11710
11733
|
.filter-bar {
|
|
11711
11734
|
background: var(--neutral-layer-3);
|
|
11712
11735
|
}
|
|
11713
|
-
`}),{defaultConfig:
|
|
11736
|
+
`}),{defaultConfig:dp,shadowOptions:cp,styles:pp,template:up}=yc(H.foundationFlexLayout);class hp extends H.Flipper{}const mp=hp.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,H.foundationFlipperTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11714
11737
|
${(0,H.foundationFlipperStyles)(e,a)}
|
|
11715
11738
|
:host {
|
|
11716
11739
|
color: var(--neutral-foreground-rest);
|
|
@@ -11730,7 +11753,7 @@
|
|
|
11730
11753
|
background: var(--accent-fill-rest);
|
|
11731
11754
|
color: var(--neutral-foreground-rest);
|
|
11732
11755
|
}
|
|
11733
|
-
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),
|
|
11756
|
+
`,shadowOptions:H.foundationFlipperShadowOptions},H.defaultFlipperConfig)),bp=b.css`
|
|
11734
11757
|
${H.foundationFlyoutStyles}
|
|
11735
11758
|
div.flyout {
|
|
11736
11759
|
background-color: var(--neutral-layer-2);
|
|
@@ -11778,9 +11801,9 @@
|
|
|
11778
11801
|
background-color: var(--neutral-fill-hover);
|
|
11779
11802
|
border-radius: calc(var(--stroke-width) * 3px);
|
|
11780
11803
|
}
|
|
11781
|
-
`,
|
|
11804
|
+
`,vp=b.html`
|
|
11782
11805
|
${(0,H.getPrefixedFlyout)("rapid")}
|
|
11783
|
-
`,
|
|
11806
|
+
`,fp=H.defaultFlyoutConfig,wp=H.foundationFlyoutShadowOptions;class yp extends H.Flyout{}const xp=yp.compose(Object.assign({baseName:"flyout",shadowOptions:wp,styles:bp,template:vp},fp)),{defaultConfig:kp,shadowOptions:zp,styles:Sp,template:Cp}=yc(H.foundationGridLayout),{defaultConfig:$p,shadowOptions:Ap,styles:Op,template:Tp}=yc(H.foundationGridLayoutItem);class Fp extends H.HorizontalScroll{}const Dp={nextFlipper:b.html`
|
|
11784
11807
|
<rapid-flipper
|
|
11785
11808
|
@click="${e=>e.scrollToNext()}"
|
|
11786
11809
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
@@ -11791,11 +11814,11 @@
|
|
|
11791
11814
|
direction="previous"
|
|
11792
11815
|
aria-hidden="${e=>e.flippersHiddenFromAT}"
|
|
11793
11816
|
></rapid-flipper>
|
|
11794
|
-
`},
|
|
11817
|
+
`},Rp=Fp.compose(Object.assign({baseName:"horizontal-scroll",template:(e,a)=>(0,H.foundationHorizontalScrollTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11795
11818
|
${(0,H.foundationHorizontalScrollStyles)(e,a)}
|
|
11796
|
-
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},
|
|
11819
|
+
`,shadowOptions:H.foundationHorizontalScrollShadowOptions},Dp));class Np extends H.Icon{}const Lp=H.defaultIconConfig,Mp=H.foundationIconShadowOptions,Ip=Np.compose(Object.assign({baseName:"icon",template:H.foundationIconTemplate,styles:(e,a)=>b.css`
|
|
11797
11820
|
${(0,H.foundationIconStyles)(e,a)}
|
|
11798
|
-
`,shadowOptions:
|
|
11821
|
+
`,shadowOptions:Mp},Lp));class Ep extends H.Listbox{}const jp=Ep.compose(Object.assign({baseName:"listbox",template:(e,a)=>(0,H.foundationListboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11799
11822
|
${(0,H.foundationListboxStyles)(e,a)}
|
|
11800
11823
|
|
|
11801
11824
|
:host {
|
|
@@ -11806,7 +11829,7 @@
|
|
|
11806
11829
|
::slotted(*:last-child) {
|
|
11807
11830
|
border-bottom: none;
|
|
11808
11831
|
}
|
|
11809
|
-
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class
|
|
11832
|
+
`,shadowOptions:H.foundationListboxShadowOptions},H.defaultListboxConfig));class Pp extends H.ListboxOption{}const Bp=Pp.compose(Object.assign({baseName:"option",template:(e,a)=>(0,H.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11810
11833
|
${(0,H.foundationListboxOptionStyles)(e,a)}
|
|
11811
11834
|
:host {
|
|
11812
11835
|
border-radius: 0;
|
|
@@ -11823,14 +11846,14 @@
|
|
|
11823
11846
|
background: var(--neutral-layer-4);
|
|
11824
11847
|
color: var(--accent-fill-rest);
|
|
11825
11848
|
}
|
|
11826
|
-
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig));class
|
|
11849
|
+
`,shadowOptions:H.foundationListboxOptionShadowOptions},H.defaultListboxOptionConfig));class Gp extends H.Menu{}const _p=Gp.compose(Object.assign({baseName:"menu",template:(e,a)=>(0,H.foundationMenuTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11827
11850
|
${(0,H.foundationMenuStyles)(e,a)}
|
|
11828
11851
|
:host {
|
|
11829
11852
|
border: calc(var(--focus-stroke-width) * 1px) solid
|
|
11830
11853
|
color-mix(in srgb, ${f.neutralFillStealthHover}, transparent 15%);
|
|
11831
11854
|
padding: 0;
|
|
11832
11855
|
}
|
|
11833
|
-
`,shadowOptions:H.foundationMenuShadowOptions},H.defaultMenuConfig)),
|
|
11856
|
+
`,shadowOptions:H.foundationMenuShadowOptions},H.defaultMenuConfig)),Up=H.foundationMenuItemShadowOptions;class Hp extends H.MenuItem{}const Vp=Hp.compose(Object.assign({baseName:"menu-item",template:(e,a)=>(0,H.foundationMenuItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
11834
11857
|
${(0,H.foundationMenuItemStyles)(e,a)}
|
|
11835
11858
|
:host {
|
|
11836
11859
|
margin: 0;
|
|
@@ -11866,9 +11889,9 @@
|
|
|
11866
11889
|
background: ${f.neutralFillStealthHover}
|
|
11867
11890
|
color: ${f.neutralForegroundRest}
|
|
11868
11891
|
*/
|
|
11869
|
-
`,shadowOptions:
|
|
11870
|
-
${
|
|
11871
|
-
`,
|
|
11892
|
+
`,shadowOptions:Up},H.defaultMenuItemConfig)),Yp=b.css`
|
|
11893
|
+
${Ic}
|
|
11894
|
+
`,Qp=H.defaultModalConfig,Wp=H.foundationModalTemplate,qp=H.foundationModalShadowOptions;class Jp extends H.Modal{}const Zp=Jp.compose(Object.assign({baseName:"modal",shadowOptions:qp,styles:Yp,template:Wp},Qp)),Kp=b.css`
|
|
11872
11895
|
${H.multiselectStyles}
|
|
11873
11896
|
|
|
11874
11897
|
#display-field {
|
|
@@ -11944,9 +11967,9 @@
|
|
|
11944
11967
|
rapid-checkbox[disabled] {
|
|
11945
11968
|
cursor: not-allowed;
|
|
11946
11969
|
}
|
|
11947
|
-
`,
|
|
11970
|
+
`,Xp=b.html`
|
|
11948
11971
|
${(0,H.getPrefixedMultiselect)("rapid")}
|
|
11949
|
-
`;class
|
|
11972
|
+
`;class eu extends H.Multiselect{}const au=H.defaultMultiselectConfig,ru=H.foundationMultiselectShadowOptions,tu=eu.compose(Object.assign({baseName:"multiselect",template:Xp,styles:Kp,shadowOptions:ru},au));class ou extends H.NotificationListener{}const iu=ou.compose({baseName:"notification-listener",template:H.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class nu extends H.NumberField{}const lu=H.defaultNumberFieldConfig,gu=H.foundationNumberFieldTemplate,su=H.foundationNumberFieldShadowOptions,du=nu.compose(Object.assign({baseName:"number-field",template:gu,styles:(e,a)=>b.css`
|
|
11950
11973
|
:host {
|
|
11951
11974
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
11952
11975
|
}
|
|
@@ -12031,11 +12054,11 @@
|
|
|
12031
12054
|
.control:focus-visible {
|
|
12032
12055
|
outline: none;
|
|
12033
12056
|
}
|
|
12034
|
-
`,shadowOptions:
|
|
12057
|
+
`,shadowOptions:su},lu));class cu extends H.Progress{}const pu=cu.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,H.foundationProgressTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12035
12058
|
${(0,H.foundationProgressStyles)(e,a)}
|
|
12036
|
-
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class
|
|
12059
|
+
`,shadowOptions:H.foundationProgressShadowOptions},H.defaultProgressConfig));class uu extends H.ProgressRing{}const hu=uu.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>(0,H.foundationProgressRingTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12037
12060
|
${(0,H.foundationProgressRingStyles)(e,a)}
|
|
12038
|
-
`,shadowOptions:H.foundationProgressRingShadowOptions},H.defaultProgressRingConfig));class
|
|
12061
|
+
`,shadowOptions:H.foundationProgressRingShadowOptions},H.defaultProgressRingConfig));class mu extends H.Radio{}const bu=mu.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,H.foundationRadioTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12039
12062
|
${(0,H.foundationRadioStyles)(e,a)}
|
|
12040
12063
|
:host {
|
|
12041
12064
|
margin: calc(var(--design-unit) * 2px) 0 calc(var(--design-unit) * 2px) 0;
|
|
@@ -12067,13 +12090,13 @@
|
|
|
12067
12090
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
12068
12091
|
background: var(--accent-fill-rest);
|
|
12069
12092
|
}
|
|
12070
|
-
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class
|
|
12093
|
+
`,shadowOptions:H.foundationRadioShadowOptions},H.defaultRadioConfig));class vu extends H.RadioGroup{}const fu=vu.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,H.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12071
12094
|
${(0,H.foundationRadioGroupStyles)(e,a)}
|
|
12072
|
-
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),
|
|
12095
|
+
`,shadowOptions:H.foundationRadioGroupShadowOptions},H.defaultRadioGroupConfig)),wu=b.css`
|
|
12073
12096
|
${H.foundationSearchBarStyles}
|
|
12074
|
-
`,
|
|
12097
|
+
`,yu=b.html`
|
|
12075
12098
|
${(0,H.getPrefixedSearchBar)("rapid")}
|
|
12076
|
-
`;class
|
|
12099
|
+
`;class xu extends H.SearchBar{}const ku=xu.compose(Object.assign({baseName:"search-bar",template:yu,styles:wu,shadowOptions:H.foundationSearchBarShadowOptions},H.defaultSearchBarConfig));class zu extends H.SearchBarCombobox{}const Su=zu.compose(Object.assign({baseName:"search-bar-combobox",template:(e,a)=>(0,H.foundationSearchBarComboboxTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12077
12100
|
${(0,H.foundationSearchBarComboboxStyles)(e,a)}
|
|
12078
12101
|
|
|
12079
12102
|
:host {
|
|
@@ -12104,7 +12127,7 @@
|
|
|
12104
12127
|
:host .listbox ::slotted(*:last-child) {
|
|
12105
12128
|
border-bottom: none;
|
|
12106
12129
|
}
|
|
12107
|
-
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class
|
|
12130
|
+
`,shadowOptions:H.foundationSearchBarComboboxShadowOptions},H.defaultSearchBarComboboxConfig));class Cu extends H.SegmentedControl{}const $u=Cu.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,H.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12108
12131
|
${(0,H.foundationSegmentedControlStyles)(e,a)}
|
|
12109
12132
|
:host {
|
|
12110
12133
|
font-family: var(--body-font);
|
|
@@ -12140,7 +12163,7 @@
|
|
|
12140
12163
|
border-color: transparent;
|
|
12141
12164
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
12142
12165
|
}
|
|
12143
|
-
`,shadowOptions:undefined},{}));class
|
|
12166
|
+
`,shadowOptions:undefined},{}));class Au extends H.Radio{}const Ou=Au.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,H.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12144
12167
|
${(0,H.foundationSegmentedItemStyles)(e,a)}
|
|
12145
12168
|
:host {
|
|
12146
12169
|
color: var(--neutral-fill-strong-rest);
|
|
@@ -12152,7 +12175,7 @@
|
|
|
12152
12175
|
:host([aria-checked='true']) {
|
|
12153
12176
|
color: color-mix(in srgb, white, transparent 10%);
|
|
12154
12177
|
}
|
|
12155
|
-
`,shadowOptions:undefined},{}));class
|
|
12178
|
+
`,shadowOptions:undefined},{}));class Tu extends H.Select{}const Fu=Tu.compose(Object.assign({baseName:"select",template:(e,a)=>(0,H.foundationSelectTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12156
12179
|
${(0,H.foundationSelectStyles)(e,a)}
|
|
12157
12180
|
:host {
|
|
12158
12181
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
@@ -12224,14 +12247,14 @@
|
|
|
12224
12247
|
::slotted([role='option']) {
|
|
12225
12248
|
margin: 0;
|
|
12226
12249
|
}
|
|
12227
|
-
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class
|
|
12250
|
+
`,shadowOptions:H.foundationSelectShadowOptions},H.defaultSelectConfig));class Du extends H.Skeleton{}const Ru=Du.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,H.foundationSkeletonTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12228
12251
|
${(0,H.foundationSkeletonStyles)(e,a)}
|
|
12229
12252
|
:host {
|
|
12230
12253
|
--skeleton-fill: var(
|
|
12231
12254
|
--neutral-fill-stealth-rest
|
|
12232
12255
|
); /** value in ux doc rgba(242 242 242 / 0.1) */
|
|
12233
12256
|
}
|
|
12234
|
-
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class
|
|
12257
|
+
`,shadowOptions:H.foundationSkeletonShadowOptions},H.defaultSkeletonConfig));class Nu extends H.Slider{}const Lu=Nu.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,H.foundationSliderTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12235
12258
|
${(0,H.foundationSliderStyles)(e,a)}
|
|
12236
12259
|
|
|
12237
12260
|
.thumb-cursor {
|
|
@@ -12289,7 +12312,7 @@
|
|
|
12289
12312
|
background-color: var(--neutral-stroke-rest);
|
|
12290
12313
|
width: calc((var(--track-width) + 2) * 1px) !important;
|
|
12291
12314
|
}
|
|
12292
|
-
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class
|
|
12315
|
+
`,shadowOptions:H.foundationSliderShadowOptions},H.defaultSliderConfig));class Mu extends H.SliderLabel{}const Iu=Mu.compose(Object.assign({baseName:"slider-label",template:(e,a)=>(0,H.foundationSliderLabelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12293
12316
|
${(0,H.foundationSliderLabelStyles)(e,a)}
|
|
12294
12317
|
.label {
|
|
12295
12318
|
padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);
|
|
@@ -12300,7 +12323,7 @@
|
|
|
12300
12323
|
text-align: center;
|
|
12301
12324
|
font-size: var(--type-ramp-minus-1-font-size, 12px);
|
|
12302
12325
|
}
|
|
12303
|
-
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),
|
|
12326
|
+
`,shadowOptions:H.foundationSliderLabelShadowOptions},H.defaultSliderLabelConfig)),Eu=b.css`
|
|
12304
12327
|
${H.foundationSnackbarStyles}
|
|
12305
12328
|
.snackbar {
|
|
12306
12329
|
border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);
|
|
@@ -12321,11 +12344,11 @@
|
|
|
12321
12344
|
.action {
|
|
12322
12345
|
gap: calc(var(--design-unit) * 2px);
|
|
12323
12346
|
}
|
|
12324
|
-
`,
|
|
12347
|
+
`,ju=b.html`
|
|
12325
12348
|
${(0,H.getPrefixedSnackbar)("rapid")}
|
|
12326
|
-
`,
|
|
12349
|
+
`,Pu=H.foundationSnackbarShadowOptions;class Bu extends H.Snackbar{}const Gu=Bu.compose({baseName:"snackbar",shadowOptions:Pu,styles:Eu,template:ju});class _u extends H.StackingIcons{}const Uu=_u.compose({baseName:"stacking-icons",template:H.foundationStackingIconsTemplate,styles:(e,a)=>b.css`
|
|
12327
12350
|
${(0,H.foundationStackingIconsStyles)(e,a)}
|
|
12328
|
-
`}),
|
|
12351
|
+
`}),Hu=b.css`
|
|
12329
12352
|
${H.foundationStepperStyles}
|
|
12330
12353
|
|
|
12331
12354
|
:host {
|
|
@@ -12372,11 +12395,11 @@
|
|
|
12372
12395
|
padding: 0 calc(var(--design-unit) * 2px);
|
|
12373
12396
|
color: var(--neutral-foreground-hint);
|
|
12374
12397
|
}
|
|
12375
|
-
`,
|
|
12398
|
+
`,Vu=b.html`
|
|
12376
12399
|
${(0,H.getPrefixedStepper)("rapid")}
|
|
12377
|
-
`;class
|
|
12400
|
+
`;class Yu extends H.Stepper{}const Qu=Yu.compose(Object.assign({baseName:"stepper",template:Vu,styles:Hu,shadowOptions:H.foundationStepperShadowOptions},H.defaultStepperConfig)),Wu=b.html`
|
|
12378
12401
|
${(0,H.getPrefixedStepperTab)("rapid")}
|
|
12379
|
-
`;class
|
|
12402
|
+
`;class qu extends H.StepperTab{}const Ju=qu.compose(Object.assign({baseName:"stepper-tab",template:Wu,styles:(e,a)=>b.css`
|
|
12380
12403
|
${(0,H.foundationStepperTabStyles)(e,a)}
|
|
12381
12404
|
|
|
12382
12405
|
rapid-tree-item {
|
|
@@ -12436,7 +12459,7 @@
|
|
|
12436
12459
|
:host([error]) .step-title {
|
|
12437
12460
|
color: var(--error-color);
|
|
12438
12461
|
}
|
|
12439
|
-
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class
|
|
12462
|
+
`,shadowOptions:H.foundationStepperTabShadowOptions},H.defaultStepperTabConfig));class Zu extends H.StepperTabPanel{}const Ku=Zu.compose(Object.assign({baseName:"stepper-tab-panel",template:(e,a)=>(0,H.foundationStepperTabPanelTemplate)(e,a),shadowOptions:H.foundationStepperTabPanelShadowOptions},H.defaultStepperTabPanelConfig)),Xu={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};class eh extends H.Switch{}const ah=eh.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,H.foundationSwitchTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12440
12463
|
${(0,H.foundationSwitchStyles)(e,a)}
|
|
12441
12464
|
:host {
|
|
12442
12465
|
--primary-gradient-angle: -113.5deg;
|
|
@@ -12473,7 +12496,7 @@
|
|
|
12473
12496
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
12474
12497
|
background: var(--accent-fill-rest);
|
|
12475
12498
|
}
|
|
12476
|
-
`,shadowOptions:H.foundationSwitchShadowOptions},
|
|
12499
|
+
`,shadowOptions:H.foundationSwitchShadowOptions},Xu));class rh extends H.Tab{}const th=rh.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,H.foundationTabTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12477
12500
|
${(0,H.foundationTabStyles)(e,a)}
|
|
12478
12501
|
:host {
|
|
12479
12502
|
background-color: var(--neutral-layer-2);
|
|
@@ -12486,13 +12509,13 @@
|
|
|
12486
12509
|
:host([aria-selected='true']:hover) {
|
|
12487
12510
|
background-color: var(--neutral-layer-4);
|
|
12488
12511
|
}
|
|
12489
|
-
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class
|
|
12512
|
+
`,shadowOptions:H.foundationTabShadowOptions},H.defaultTabConfig));class oh extends H.TabPanel{}const ih=oh.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,H.foundationTabPanelTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12490
12513
|
${(0,H.foundationTabPanelStyles)(e,a)}
|
|
12491
12514
|
:host {
|
|
12492
12515
|
padding: 0;
|
|
12493
12516
|
background-color: var(--neutral-layer-4);
|
|
12494
12517
|
}
|
|
12495
|
-
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class
|
|
12518
|
+
`,shadowOptions:H.foundationTabPanelShadowOptions},H.defaultTabPanelConfig));class nh extends H.Tabs{}const lh=nh.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,H.foundationTabsTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12496
12519
|
${(0,H.foundationTabsStyles)(e,a)}
|
|
12497
12520
|
:host {
|
|
12498
12521
|
--base-height-multiplier: 9;
|
|
@@ -12567,7 +12590,7 @@
|
|
|
12567
12590
|
:host([orientation='horizontal']) ::slotted([role='tabpanel'][slot='tabpanel']) {
|
|
12568
12591
|
padding: 0 calc((3 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
12569
12592
|
}
|
|
12570
|
-
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class
|
|
12593
|
+
`,shadowOptions:H.foundationTabsShadowOptions},H.defaultTabsConfig));class gh extends H.TextArea{}const sh=gh.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,H.foundationTextAreaTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12571
12594
|
${(0,H.foundationTextAreaStyles)(e,a)}
|
|
12572
12595
|
|
|
12573
12596
|
:host .control {
|
|
@@ -12593,7 +12616,7 @@
|
|
|
12593
12616
|
font-weight: 700;
|
|
12594
12617
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12595
12618
|
}
|
|
12596
|
-
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class
|
|
12619
|
+
`,shadowOptions:H.foundationTextAreaShadowOptions},H.defaultTextAreaConfig));class dh extends H.TextField{}const ch=dh.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,H.foundationTextFieldTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12597
12620
|
${(0,H.foundationTextFieldStyles)(e,a)}
|
|
12598
12621
|
|
|
12599
12622
|
:host {
|
|
@@ -12630,7 +12653,7 @@
|
|
|
12630
12653
|
font-weight: 700;
|
|
12631
12654
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
12632
12655
|
}
|
|
12633
|
-
`,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),
|
|
12656
|
+
`,shadowOptions:H.foundationTextFieldShadowOptions},H.defaultTextFieldConfig)),ph=b.css`
|
|
12634
12657
|
${H.foundationToastStyles}
|
|
12635
12658
|
.toast {
|
|
12636
12659
|
background-color: ${f.neutralLayer1};
|
|
@@ -12685,7 +12708,7 @@
|
|
|
12685
12708
|
:host([notify='serious']) .toast::after {
|
|
12686
12709
|
background-color: var(--error-color);
|
|
12687
12710
|
}
|
|
12688
|
-
`,
|
|
12711
|
+
`,uh=H.defaultToastConfig,hh=H.foundationToastShadowOptions;class mh extends H.Toast{}const bh=mh.compose(Object.assign({baseName:"toast",shadowOptions:hh,styles:ph,template:H.foundationToastTemplate},uh));class vh extends H.Toolbar{}const fh=vh.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,H.foundationToolbarTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12689
12712
|
${(0,H.foundationToolbarStyles)(e,a)}
|
|
12690
12713
|
:host {
|
|
12691
12714
|
align-items: center;
|
|
@@ -12695,7 +12718,7 @@
|
|
|
12695
12718
|
.positioning-region {
|
|
12696
12719
|
align-items: center;
|
|
12697
12720
|
}
|
|
12698
|
-
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class
|
|
12721
|
+
`,shadowOptions:H.foundationToolbarShadowOptions},H.defaultToolbarConfig));class wh extends H.Tooltip{}const yh=wh.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,H.foundationTooltipTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12699
12722
|
${(0,H.foundationTooltipStyles)(e,a)}
|
|
12700
12723
|
|
|
12701
12724
|
:host {
|
|
@@ -12718,7 +12741,7 @@
|
|
|
12718
12741
|
alpha-anchored-region.bottom.right .tooltip {
|
|
12719
12742
|
margin-left: 0;
|
|
12720
12743
|
}
|
|
12721
|
-
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class
|
|
12744
|
+
`,shadowOptions:H.foundationTooltipShadowOptions},H.defaultTooltipConfig));class xh extends H.TreeItem{}const kh={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>'},zh=xh.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,H.foundationTreeItemTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12722
12745
|
${(0,H.foundationTreeItemStyles)(e,a)}
|
|
12723
12746
|
:host {
|
|
12724
12747
|
font-size: var(--type-ramp-base-font-size);
|
|
@@ -12757,11 +12780,11 @@
|
|
|
12757
12780
|
width: calc(var(--design-unit) * 3px);
|
|
12758
12781
|
height: calc(var(--design-unit) * 3px);
|
|
12759
12782
|
}
|
|
12760
|
-
`,shadowOptions:H.foundationTreeItemShadowOptions},
|
|
12783
|
+
`,shadowOptions:H.foundationTreeItemShadowOptions},kh));class Sh extends H.TreeView{}const Ch=Sh.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,H.foundationTreeViewTemplate)(e,a),styles:(e,a)=>b.css`
|
|
12761
12784
|
${(0,H.foundationTreeViewStyles)(e,a)}
|
|
12762
|
-
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig))
|
|
12785
|
+
`,shadowOptions:H.foundationTreeViewShadowOptions},H.defaultTreeViewConfig)),$h=b.html`
|
|
12763
12786
|
${(0,H.getPrefixedUrlInput)("rapid")}
|
|
12764
|
-
`;class
|
|
12787
|
+
`;class Ah extends H.UrlInput{}const Oh={designSystemProvider:Cd,rapidAccordion:Ad,rapidAccordionItem:Td,rapidActionsMenu:Dd,rapidAnchor:Bd,rapidAnchoredRegion:_d,rapidAvatar:Hd,rapidBadge:Yd,rapidBanner:Jd,rapidBreadcrumb:Kd,rapidBreadcrumbItem:ec,rapidButton:rc,rapidCalendar:oc,rapidCard:nc,rapidCategorizedMultiselect:pc,rapidCheckbox:hc,rapidCombobox:bc,rapidConnectionIndicator:fc,rapidDataGrid:()=>(0,H.foundationDataGrid)(),rapidDataGridCell:()=>(0,H.foundationDataGridCell)(),rapidDataGridRow:()=>(0,H.foundationDataGridRow)(),rapidDatePicker:Mc,rapidDialog:Gc,rapidDisclosure:Uc,rapidDivider:Vc,rapidDropdownMenu:Qc,rapidErrorBoundary:()=>(0,H.foundationErrorBoundary)(),rapidFileUpload:tp,rapidFilter:np,rapidFilterBar:sp,rapidFlexLayout:()=>(0,H.foundationFlexLayout)(),rapidFlipper:mp,rapidFlyout:xp,rapidGridLayout:()=>(0,H.foundationGridLayout)(),rapidGridLayoutItem:()=>(0,H.foundationGridLayoutItem)(),rapidHorizontalScroll:Rp,rapidIcon:Ip,rapidListbox:jp,rapidListboxOption:Bp,rapidMenu:_p,rapidMenuItem:Vp,rapidModal:Zp,rapidMultiselect:tu,rapidNotificationListener:iu,rapidNumberField:du,rapidProgress:pu,rapidProgressRing:hu,rapidRadio:bu,rapidRadioGroup:fu,rapidSearchBar:ku,rapidSearchBarCombobox:Su,rapidSegmentedControl:$u,rapidSegmentedItem:Ou,rapidSelect:Fu,rapidSkeleton:Ru,rapidSlider:Lu,rapidSliderLabel:Iu,rapidSnackbar:Gu,rapidStackingIcons:Uu,rapidStepper:Qu,rapidStepperTab:Ju,rapidStepperTabPanel:Ku,rapidSwitch:ah,rapidTab:th,rapidTabPanel:ih,rapidTabs:lh,rapidTextArea:sh,rapidTextField:ch,rapidToast:bh,rapidToolbar:fh,rapidTooltip:yh,rapidTreeItem:zh,rapidTreeView:Ch,rapidUrlInput:Ah.compose(Object.assign({baseName:"url-input",template:$h,styles:(e,a)=>b.css`
|
|
12765
12788
|
${(0,H.foundationUrlInputStyles)(e,a)}
|
|
12766
12789
|
a {
|
|
12767
12790
|
color: var(--accent-fill-rest);
|
|
@@ -12777,7 +12800,7 @@
|
|
|
12777
12800
|
font-size: var(--type-ramp-base-font-size);
|
|
12778
12801
|
top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px);
|
|
12779
12802
|
}
|
|
12780
|
-
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};class
|
|
12803
|
+
`,shadowOptions:H.foundationUrlInputShadowOptions},H.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};class Th extends rn{}const Fh=Th.compose({baseName:"date-editor",styles:tn,template:on("rapid")});class Dh extends sn{}const Rh=Dh.compose({baseName:"multiselect-editor",styles:dn,template:cn("rapid")});class Nh extends mn{}const Lh=Nh.compose({baseName:"select-editor",styles:bn,template:vn("rapid")});class Mh extends xn{}const Ih=Mh.compose({baseName:"number-editor",styles:kn,template:zn("rapid")});class Eh extends An{}const jh=Eh.compose({baseName:"string-editor",styles:On,template:Tn("rapid")});class Ph extends Nn{}const Bh=Ph.compose({baseName:"editable-renderer",styles:Ln,template:Mn("rapid")});class Gh extends Gn{}const _h=Gh.compose({baseName:"grid-pro-action-renderer",styles:b.css`
|
|
12781
12804
|
${Un}
|
|
12782
12805
|
.button-padding {
|
|
12783
12806
|
justify-content: center;
|
|
@@ -12799,12 +12822,12 @@
|
|
|
12799
12822
|
`:e.params.actionName}
|
|
12800
12823
|
</rapid-button>
|
|
12801
12824
|
</div>
|
|
12802
|
-
`});class
|
|
12825
|
+
`});class Uh extends Wn{}const Hh=Uh.compose({baseName:"grid-pro-actions-menu-renderer",template:b.html`
|
|
12803
12826
|
<rapid-actions-menu
|
|
12804
12827
|
name="${e=>e.params.headerName}"
|
|
12805
12828
|
:definition=${e=>e.params}
|
|
12806
12829
|
></rapid-actions-menu>
|
|
12807
|
-
`});class
|
|
12830
|
+
`});class Vh extends Kn{}const Yh=Vh.compose({baseName:"boolean-renderer",styles:Xn,template:el("rapid")});const Qh=class extends dl{}.compose({baseName:"grid-text-renderer",styles:cl,template:pl("rapid")});const Wh=class extends ml{}.compose({baseName:"select-renderer",styles:bl,template:vl("rapid")}),qh={foregroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#879ba6")),backgroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#1f2126")),borderSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#2e3339")),rowHoverSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#2b2e34"))},Jh={foregroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#000000")),headerForegroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#181d1f")),backgroundSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#FFFFFF")),borderSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#babfc7")),rowHoverSwatch:f.SwatchRGB.from((0,De.parseColorHexRGB)("#2196f3"))},{create:Zh}=v.DesignToken,Kh={backgroundColor:Zh("rapid-ag-background-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Jh.backgroundSwatch:qh.backgroundSwatch)),borderColor:Zh("rapid-ag-border-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Jh.borderSwatch:qh.borderSwatch)),foregroundColor:Zh("rapid-ag-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Jh.foregroundSwatch:qh.foregroundSwatch)),headerForegroundColor:Zh("rapid-ag-header-foreground-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Jh.headerForegroundSwatch:qh.headerForegroundSwatch)),rowHoverColor:Zh("rapid-ag-row-hover-color").withDefault((e=>f.baseLayerLuminance.getValueFor(e)===f.StandardLuminance.LightMode?Jh.rowHoverSwatch:qh.rowHoverSwatch))},Xh=b.css`
|
|
12808
12831
|
.ag-theme-genesis-rapid,
|
|
12809
12832
|
.ag-theme-genesis-rapid-dark {
|
|
12810
12833
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -13265,76 +13288,76 @@
|
|
|
13265
13288
|
.ag-theme-genesis-rapid-dark {
|
|
13266
13289
|
color-scheme: dark;
|
|
13267
13290
|
}
|
|
13268
|
-
`,
|
|
13269
|
-
${
|
|
13270
|
-
${qi(em
|
|
13291
|
+
`,em={[Gi.backgroundColor]:Kh.backgroundColor,[Gi.foregroundColor]:Kh.foregroundColor,[Gi.oddRowBackgroundColor]:Kh.backgroundColor,[Gi.headerBackgroundColor]:Kh.backgroundColor,[Gi.headerForegroundColor]:Kh.headerForegroundColor,[Gi.selectedRowBackgroundColor]:Kh.rowHoverColor,[Gi.rowHoverColor]:Kh.rowHoverColor,[Gi.borderColor]:Kh.borderColor,[Gi.rowBorderColor]:Kh.rowHoverColor,[Gi.modalOverlayBackgroundColor]:Kh.backgroundColor,[Gi.inputFocusBoxShadow]:Kh.headerForegroundColor,[Gi.inputFocusBorderColor]:Kh.headerForegroundColor,[Gi.headerColumnResizeHandleColor]:Kh.headerForegroundColor},am="ag-theme-genesis-rapid",rm=b.css`
|
|
13292
|
+
${Xh}
|
|
13293
|
+
${qi(am,em)}
|
|
13271
13294
|
|
|
13272
|
-
.${
|
|
13295
|
+
.${am} {
|
|
13273
13296
|
${Ze()}
|
|
13274
13297
|
font-family: var(--body-font);
|
|
13275
13298
|
}
|
|
13276
13299
|
|
|
13277
|
-
.${
|
|
13278
|
-
.${
|
|
13279
|
-
.${
|
|
13300
|
+
.${am} .ag-body .ag-body-viewport,
|
|
13301
|
+
.${am} .ag-header,
|
|
13302
|
+
.${am} .ag-row {
|
|
13280
13303
|
background-color: var(--neutral-layer-4);
|
|
13281
13304
|
}
|
|
13282
13305
|
|
|
13283
|
-
.${
|
|
13306
|
+
.${am} .ag-header {
|
|
13284
13307
|
border-bottom-color: var(--neutral-stroke-rest);
|
|
13285
13308
|
font-weight: bold;
|
|
13286
13309
|
font-size: var(--type-ramp-base-font-size);
|
|
13287
13310
|
}
|
|
13288
13311
|
|
|
13289
|
-
.${
|
|
13312
|
+
.${am} .ag-root-wrapper {
|
|
13290
13313
|
border-radius: calc(var(--ag-border-radius) * 1px);
|
|
13291
13314
|
border: 1px solid var(--rapid-ag-border-color);
|
|
13292
13315
|
}
|
|
13293
13316
|
|
|
13294
|
-
.${
|
|
13317
|
+
.${am} .ag-cell {
|
|
13295
13318
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13296
13319
|
}
|
|
13297
|
-
`,
|
|
13298
|
-
${
|
|
13299
|
-
${qi(em
|
|
13320
|
+
`,tm="ag-theme-genesis-rapid-dark",om=b.css`
|
|
13321
|
+
${Xh}
|
|
13322
|
+
${qi(am,em)}
|
|
13300
13323
|
|
|
13301
|
-
.${
|
|
13324
|
+
.${tm} {
|
|
13302
13325
|
${Ze()}
|
|
13303
13326
|
font-family: var(--body-font);
|
|
13304
13327
|
}
|
|
13305
13328
|
|
|
13306
|
-
.${
|
|
13307
|
-
.${
|
|
13308
|
-
.${
|
|
13329
|
+
.${tm} .ag-body .ag-body-viewport,
|
|
13330
|
+
.${tm} .ag-header,
|
|
13331
|
+
.${tm} .ag-row {
|
|
13309
13332
|
background-color: var(--neutral-layer-4);
|
|
13310
13333
|
}
|
|
13311
13334
|
|
|
13312
|
-
.${
|
|
13335
|
+
.${tm} .ag-header {
|
|
13313
13336
|
border-bottom-color: var(--neutral-stroke-rest);
|
|
13314
13337
|
font-weight: bold;
|
|
13315
13338
|
font-size: var(--type-ramp-base-font-size);
|
|
13316
13339
|
}
|
|
13317
13340
|
|
|
13318
|
-
.${
|
|
13341
|
+
.${tm} .ag-root-wrapper {
|
|
13319
13342
|
border-radius: calc(var(--ag-border-radius) * 1px);
|
|
13320
13343
|
border: 1px solid var(--rapid-ag-border-color);
|
|
13321
13344
|
}
|
|
13322
13345
|
|
|
13323
|
-
.${
|
|
13346
|
+
.${tm} .ag-cell {
|
|
13324
13347
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
13325
13348
|
}
|
|
13326
|
-
`,
|
|
13349
|
+
`,im=b.css`
|
|
13327
13350
|
/* All the AG themes */
|
|
13328
13351
|
${Sg}
|
|
13329
13352
|
|
|
13330
13353
|
/* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
|
|
13331
|
-
${
|
|
13332
|
-
${
|
|
13354
|
+
${rm}
|
|
13355
|
+
${om}
|
|
13333
13356
|
|
|
13334
13357
|
.error {
|
|
13335
13358
|
border-color: ${Fe.shortPink} !important;
|
|
13336
13359
|
}
|
|
13337
|
-
`,
|
|
13360
|
+
`,nm=Cg("rapid"),lm="ag-theme-genesis-rapid-dark";const gm=Ng,sm=Lg,dm={rapidAgEditableRenderer:Bh,rapidAgActionRenderer:_h,rapidAgActionsMenuRenderer:Hh,rapidAgBooleanRenderer:Yh,rapidAgTextRenderer:Qh,rapidAgSelectRenderer:Wh,rapidAgDateEditor:Fh,rapidAgMultiselectEditor:Rh,rapidAgSelectEditor:Lh,rapidAgNumberEditor:Ih,rapidAgStringEditor:jh,rapidGridPro:class extends Rg{constructor(){super(...arguments),this.theme=lm}themeChanged(e,a){(e||a===lm)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[Ji.action]:Gh,[Ji.actionsMenu]:Uh,[Ji.boolean]:Vh,[Ji.editable]:Ph,[Ji.selectEditor]:Nh,[Ji.numberEditor]:Mh,[Ji.multiselectEditor]:Dh,[Ji.dateEditor]:Th,[Ji.stringEditor]:Eh};(this.theme===am||this.theme===tm)&&(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:nm,styles:im,shadowOptions:gm},sm)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var cm,pm=r(91510);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(cm||(cm={}));const um={Roboto:Je,"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'},hm=um["Segoe UI"],mm=b.css`
|
|
13338
13361
|
${(0,v.display)("block")} :host {
|
|
13339
13362
|
width: 100%;
|
|
13340
13363
|
display: inline-flex;
|
|
@@ -13466,7 +13489,7 @@
|
|
|
13466
13489
|
alpha-button {
|
|
13467
13490
|
margin: 0;
|
|
13468
13491
|
}
|
|
13469
|
-
`,
|
|
13492
|
+
`,bm=b.html`
|
|
13470
13493
|
<template>
|
|
13471
13494
|
<div class="configuration">
|
|
13472
13495
|
${(0,b.when)((e=>!e.customDesignMode),b.html`
|
|
@@ -13689,7 +13712,7 @@
|
|
|
13689
13712
|
<slot></slot>
|
|
13690
13713
|
</div>
|
|
13691
13714
|
</template>
|
|
13692
|
-
`,
|
|
13715
|
+
`,vm=({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(um).find((a=>um[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),fm=vm(aa),wm={accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient",text:"lightweight"},ym={accent:"primary",neutral:"secondary",font:"white"},xm=vm(l.designTokens),km=vm(zd),zm={zero:{prefix:"zero",tokenDefaults:fm,buttons:wm,badge:ym},alpha:{prefix:"alpha",tokenDefaults:xm,buttons:{accent:"accent",neutral:"neutral",outline:"outline",text:"lightweight"},badge:{accent:"primary",neutral:"neutral",font:"white"}},rapid:{prefix:"rapid",tokenDefaults:km,buttons:{accent:"primary",neutral:"neutral",outline:"primary-outline",text:"link"},badge:{accent:"primary",neutral:"neutral",font:"text"}},custom:{prefix:"zero",tokenDefaults:null,buttons:wm,badge:ym}};let Sm=class extends b.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.userSelections={},this.ds="zero",this.darkMode=fm.luminance===f.StandardLuminance.DarkMode,this.luminance=fm.luminance,this.neutralColor=fm.neutralColor,this.accentColor=fm.accentColor,this.bodyFont=fm.bodyFont,this.density=fm.density,this.borderRadius=fm.borderRadius,this.strokeWidth=fm.strokeWidth,this.designUnit=fm.designUnit,this.baseFontSize=fm.baseFontSize,this.baseLineHeight=fm.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=vm(a);zm.custom.tokenDefaults=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.resetChanges=()=>(0,pm.__awaiter)(this,void 0,void 0,(function*(){this.userSelections={},this.setTokensFromDs(zm[this.ds].tokenDefaults),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,pm.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"},{name:"Rapid",value:"rapid"}];if(this.customDesignMode){const{appName:e="Custom Design",dsPrefix:a="custom"}=yield this.getAppDetails(),r={name:e,value:a};this.designSystems=[r],zm.custom.prefix=a,zm.custom.buttons=zm[a].buttons,zm.custom.badge=zm[a].badge,this.ds="custom"}else this.designSystems=e}))}dsChanged(e,a){const r={prefix:zm[this.ds].prefix,buttonAppearanceAccent:zm[this.ds].buttons.accent,buttonAppearanceNeutral:zm[this.ds].buttons.neutral,buttonAppearanceOutline:zm[this.ds].buttons.outline,buttonAppearanceText:zm[this.ds].buttons.text,badgeAppearanceAccent:zm[this.ds].badge.accent,badgeAppearanceNeutral:zm[this.ds].badge.neutral,badgeText:zm[this.ds].badge.font};this.$emit(cm.DS_CHANGED,r),this.preserveOptions||(this.userSelections={}),this.setTokensFromDs(zm[this.ds].tokenDefaults),this.styleUpdate()}styleUpdate(){const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:um[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(cm.STYLES_CHANGED,e)}setTokensFromDs(e){this.tokenUpdateInProgress=!0,Object.keys(e).forEach((a=>{this.preserveOptions&&void 0!==this.userSelections[a]?this[a]=this.userSelections[a]:this[a]=e[a]})),this.darkMode=this.luminance===f.StandardLuminance.DarkMode,b.DOM.queueUpdate((()=>{this.tokenUpdateInProgress=!1}))}getAppDetails(){return fetch("/api/details").then((e=>e.ok&&e.json())).then((e=>e)).catch((e=>{console.error("Error fetching tokens:",e)}))}connectedCallback(){super.connectedCallback(),this.userSelections={},qe(),b.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(cm.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,pm.__decorate)([(0,b.attr)({mode:"boolean",attribute:"custom-design-mode"})],Sm.prototype,"customDesignMode",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"designSystems",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"ds",void 0),(0,pm.__decorate)([b.attr],Sm.prototype,"darkMode",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"neutralColor",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"accentColor",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"bodyFont",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"density",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"borderRadius",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"strokeWidth",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"designUnit",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"baseFontSize",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"baseLineHeight",void 0),(0,pm.__decorate)([b.observable],Sm.prototype,"preserveOptions",void 0),Sm=(0,pm.__decorate)([(0,b.customElement)({name:"design-system-editor",template:bm,styles:mm})],Sm);const Cm=(0,k.createLogger)("documentation-components"),$m=e=>{const a=(e=>{const a=(0,De.parseColorHexRGB)(e);return a?f.SwatchRGB.from(a):null})(e);return a?f.PaletteRGB.create(a):null},Am=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},Om=(e,a)=>{const r=$m(e.neutralColor);f.neutralPalette.setValueFor(a,r);const t=$m(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,Am(f.typeRampBaseFontSize,We.Du.minusOne,a)),f.typeRampMinus1LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.minusOne,a)),f.typeRampMinus2FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.minusTwo,a)),f.typeRampMinus2LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.minusTwo,a)),f.typeRampPlus1FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusOne,a)),f.typeRampPlus1LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusOne,a)),f.typeRampPlus2FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusTwo,a)),f.typeRampPlus2LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusTwo,a)),f.typeRampPlus3FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusThree,a)),f.typeRampPlus3LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusThree,a)),f.typeRampPlus4FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusFour,a)),f.typeRampPlus4LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusFour,a)),f.typeRampPlus5FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusFive,a)),f.typeRampPlus5LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusFive,a)),f.typeRampPlus6FontSize.setValueFor(a,Am(f.typeRampBaseFontSize,We.Du.plusSix,a)),f.typeRampPlus6LineHeight.setValueFor(a,Am(f.typeRampBaseLineHeight,We.Du.plusSix,a))},Tm=b.css`
|
|
13693
13716
|
:host {
|
|
13694
13717
|
--badge-fill-primary: var(--accent-fill-rest);
|
|
13695
13718
|
--badge-fill-neutral: var(--neutral-fill-rest);
|
|
@@ -13785,7 +13808,7 @@
|
|
|
13785
13808
|
display: flex;
|
|
13786
13809
|
flex-direction: column;
|
|
13787
13810
|
}
|
|
13788
|
-
`,
|
|
13811
|
+
`,Fm=b.html`
|
|
13789
13812
|
${e=>(e=>b.html`
|
|
13790
13813
|
<template>
|
|
13791
13814
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14200,7 +14223,7 @@
|
|
|
14200
14223
|
</${e}-design-system-provider>
|
|
14201
14224
|
</template>
|
|
14202
14225
|
`)(e.prefix)}
|
|
14203
|
-
`;let
|
|
14226
|
+
`;let Dm=class extends b.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.buttonAppearanceText="lightweight",this.badgeAppearanceAccent="primary",this.badgeAppearanceNeutral="secondary",this.badgeText="white",this.cards=Array.from({length:8},((e,a)=>a+1)),this.countries=["Afghanistan","Aland Islands","Albania","Algeria","American Samoa","Andorra","Angola","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Cambodia","Cameroon","Canada"],this.menuActions=[{name:"View",callback:e=>Cm.debug("VIEWW!!!",e)},{name:"Delete",callback:e=>Cm.debug("DELETE!!!",e)},{name:"Edit",callback:e=>Cm.debug("EDIT!!!",e)},{name:"Wait",callback:e=>Cm.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(cm.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(cm.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(hm)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{Om(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,pm.__decorate)([b.observable],Dm.prototype,"modal",void 0),(0,pm.__decorate)([b.attr],Dm.prototype,"prefix",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"buttonAppearanceAccent",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"buttonAppearanceNeutral",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"buttonAppearanceOutline",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"buttonAppearanceText",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"badgeAppearanceAccent",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"badgeAppearanceNeutral",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"badgeText",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"cards",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"countries",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"menuActions",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"menuDefinition",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"dropDownMenuItems",void 0),(0,pm.__decorate)([b.observable],Dm.prototype,"provider",void 0),Dm=(0,pm.__decorate)([(0,b.customElement)({name:"preview-components",template:Fm,styles:Tm})],Dm);const Rm=b.css`
|
|
14204
14227
|
.export {
|
|
14205
14228
|
display: flex;
|
|
14206
14229
|
justify-content: center;
|
|
@@ -14211,7 +14234,7 @@
|
|
|
14211
14234
|
display: flex;
|
|
14212
14235
|
justify-content: space-between;
|
|
14213
14236
|
}
|
|
14214
|
-
`,
|
|
14237
|
+
`,Nm=b.html`
|
|
14215
14238
|
<template>
|
|
14216
14239
|
<div class="export">
|
|
14217
14240
|
<alpha-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</alpha-button>
|
|
@@ -14232,7 +14255,7 @@
|
|
|
14232
14255
|
</alpha-modal>
|
|
14233
14256
|
</div>
|
|
14234
14257
|
</template>
|
|
14235
|
-
`;let
|
|
14258
|
+
`;let Lm=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=>{Cm.log("Tokens saved successfully:",e),this.$emit(cm.APPLY_CUSTOM_DESIGN,e.message)})).catch((e=>{Cm.error("Error saving tokens:",e)})),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(cm.STYLES_CHANGED,(e=>{const a=e;this.value=this.formatValues(a.detail)}))}};(0,pm.__decorate)([b.attr],Lm.prototype,"value",void 0),(0,pm.__decorate)([b.attr],Lm.prototype,"tokensPath",void 0),Lm=(0,pm.__decorate)([(0,b.customElement)({name:"design-system-export",template:Nm,styles:Rm})],Lm);const Mm=b.css`
|
|
14236
14259
|
.colors {
|
|
14237
14260
|
display: flex;
|
|
14238
14261
|
flex-wrap: wrap;
|
|
@@ -14245,23 +14268,23 @@
|
|
|
14245
14268
|
flex-grow: 1;
|
|
14246
14269
|
height: 20px;
|
|
14247
14270
|
}
|
|
14248
|
-
`,
|
|
14271
|
+
`,Im=b.html`
|
|
14249
14272
|
<ul class="colors">
|
|
14250
14273
|
${(0,b.repeat)((e=>e.swatches),b.html`
|
|
14251
14274
|
<li class="color" style="background-color: ${e=>e.toColorString()}"></li>
|
|
14252
14275
|
`)}
|
|
14253
14276
|
</ul>
|
|
14254
|
-
`;let
|
|
14277
|
+
`;let Em=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=$m(a[`${this.type}Color`]);this.swatches=[...e.swatches]}))}connectedCallback(){super.connectedCallback(),document.body.addEventListener(cm.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)}))}};(0,pm.__decorate)([b.observable],Em.prototype,"swatches",void 0),(0,pm.__decorate)([b.attr],Em.prototype,"type",void 0),Em=(0,pm.__decorate)([(0,b.customElement)({name:"color-palette",styles:Mm,template:Im})],Em);const jm=b.css`
|
|
14255
14278
|
.preview {
|
|
14256
14279
|
width: 40px;
|
|
14257
14280
|
height: 40px;
|
|
14258
14281
|
}
|
|
14259
|
-
`,
|
|
14282
|
+
`,Pm=b.html`
|
|
14260
14283
|
<div
|
|
14261
14284
|
class="preview"
|
|
14262
14285
|
style="background-color: ${e=>f[e.tokenName].createCSS()}"
|
|
14263
14286
|
></div>
|
|
14264
|
-
`;let
|
|
14287
|
+
`;let Bm=class extends b.FASTElement{};(0,pm.__decorate)([b.attr],Bm.prototype,"tokenName",void 0),Bm=(0,pm.__decorate)([(0,b.customElement)({name:"color-token",styles:jm,template:Pm})],Bm);const Gm=b.css`
|
|
14265
14288
|
.container {
|
|
14266
14289
|
display: flex;
|
|
14267
14290
|
width: 100%;
|
|
@@ -14309,7 +14332,7 @@
|
|
|
14309
14332
|
.container > div:not(:last-child) {
|
|
14310
14333
|
border-right: 1px solid #fafafa;
|
|
14311
14334
|
}
|
|
14312
|
-
`,
|
|
14335
|
+
`,_m=[{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"}]}]}],Um=b.html`
|
|
14313
14336
|
<div class="row">
|
|
14314
14337
|
<div
|
|
14315
14338
|
class="preview"
|
|
@@ -14321,19 +14344,19 @@
|
|
|
14321
14344
|
${(e,a)=>f[e.name].getValueFor(a.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
|
|
14322
14345
|
</div>
|
|
14323
14346
|
</div>
|
|
14324
|
-
`,
|
|
14347
|
+
`,Hm=b.html`
|
|
14325
14348
|
<div class="container" ${(0,b.ref)("provider")}>
|
|
14326
|
-
${(0,b.repeat)((()=>
|
|
14349
|
+
${(0,b.repeat)((()=>_m),b.html`
|
|
14327
14350
|
<div class="column">
|
|
14328
14351
|
<h3 class="header-title">${e=>e.title}</h3>
|
|
14329
14352
|
${(0,b.repeat)((e=>e.subcategories),b.html`
|
|
14330
14353
|
<h4>${e=>e.title}</h4>
|
|
14331
|
-
${(0,b.repeat)((e=>e.tokens),
|
|
14354
|
+
${(0,b.repeat)((e=>e.tokens),Um)}
|
|
14332
14355
|
`)}
|
|
14333
14356
|
</div>
|
|
14334
14357
|
`)}
|
|
14335
14358
|
</div>
|
|
14336
|
-
`;let
|
|
14359
|
+
`;let Vm=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(cm.STYLES_CHANGED,(e=>{const a=e.detail;Om(a,this.provider)}))}};(0,pm.__decorate)([b.observable],Vm.prototype,"provider",void 0),Vm=(0,pm.__decorate)([(0,b.customElement)({name:"color-tokens",template:Hm,styles:Gm})],Vm);const Ym=b.css`
|
|
14337
14360
|
table {
|
|
14338
14361
|
background: var(--neutral-fill-rest);
|
|
14339
14362
|
color: var(--neutral-foreground-rest);
|
|
@@ -14342,7 +14365,7 @@
|
|
|
14342
14365
|
th {
|
|
14343
14366
|
text-align: left;
|
|
14344
14367
|
}
|
|
14345
|
-
`,
|
|
14368
|
+
`,Qm=b.html`
|
|
14346
14369
|
<table ${(0,b.ref)("provider")} style="font-family: ${()=>f.bodyFont.createCSS()}">
|
|
14347
14370
|
<colgroup>
|
|
14348
14371
|
<col style="width: 15%;" />
|
|
@@ -14570,7 +14593,7 @@
|
|
|
14570
14593
|
</tr>
|
|
14571
14594
|
</tbody>
|
|
14572
14595
|
</table>
|
|
14573
|
-
`;let
|
|
14596
|
+
`;let Wm=class extends b.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(cm.STYLES_CHANGED,(e=>{const a=e.detail;Om(a,this.provider)}))}};(0,pm.__decorate)([b.observable],Wm.prototype,"provider",void 0),Wm=(0,pm.__decorate)([(0,b.customElement)({name:"typography-tokens",template:Qm,styles:Ym})],Wm);const qm=b.css`
|
|
14574
14597
|
:host {
|
|
14575
14598
|
background: var(--fill-color);
|
|
14576
14599
|
color: var(--neutral-foreground-rest);
|
|
@@ -14586,7 +14609,7 @@
|
|
|
14586
14609
|
margin-top: 24px;
|
|
14587
14610
|
padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
14588
14611
|
}
|
|
14589
|
-
`,
|
|
14612
|
+
`,Jm=b.html`
|
|
14590
14613
|
<template>
|
|
14591
14614
|
<alpha-tabs>
|
|
14592
14615
|
<alpha-tab slot="tab">Components</alpha-tab>
|
|
@@ -14615,7 +14638,7 @@
|
|
|
14615
14638
|
</alpha-tab-panel>
|
|
14616
14639
|
</alpha-tabs>
|
|
14617
14640
|
</template>
|
|
14618
|
-
`;let
|
|
14641
|
+
`;let Zm=class extends b.FASTElement{};Zm=(0,pm.__decorate)([(0,b.customElement)({name:"design-system-preview",template:Jm,styles:qm})],Zm);const Km={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"}]}]}}]},Xm={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"]}}},eb={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"}]}}}]},ab={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"]}}}},rb=b.css`
|
|
14619
14642
|
:host {
|
|
14620
14643
|
background: var(--fill-color);
|
|
14621
14644
|
color: var(--neutral-foreground-rest);
|
|
@@ -14646,7 +14669,7 @@
|
|
|
14646
14669
|
zero-design-system-provider {
|
|
14647
14670
|
display: inline;
|
|
14648
14671
|
}
|
|
14649
|
-
`,
|
|
14672
|
+
`,tb=b.html`
|
|
14650
14673
|
${e=>(e=>b.html`
|
|
14651
14674
|
<template>
|
|
14652
14675
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14670,7 +14693,7 @@
|
|
|
14670
14693
|
</${e}-design-system-provider>
|
|
14671
14694
|
</template>
|
|
14672
14695
|
`)(e.prefix)}
|
|
14673
|
-
`;let
|
|
14696
|
+
`;let ob=class extends b.FASTElement{constructor(){super(...arguments),this.jsonSchema=Xm,this.uischema=Km,this.jsonSchemaArray=ab,this.uiSchemaArray=eb,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(cm.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(cm.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{f.bodyFont.withDefault(hm)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{Om(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix}};(0,pm.__decorate)([b.observable],ob.prototype,"jsonSchema",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"uischema",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"jsonSchemaArray",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"uiSchemaArray",void 0),(0,pm.__decorate)([b.attr],ob.prototype,"prefix",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"provider",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"editedEntity",void 0),(0,pm.__decorate)([b.observable],ob.prototype,"editedEntityArray",void 0),ob=(0,pm.__decorate)([(0,b.customElement)({name:"preview-form",template:tb,styles:rb})],ob);const ib=[{athlete:"Michael Phelps",age:23,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:8,silver:0,bronze:0,total:8,isActionDisabled:!0},{athlete:"Michael Phelps",age:19,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:6,silver:0,bronze:2,total:8},{athlete:"Michael Phelps",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:2,bronze:0,total:6},{athlete:"Natalie Coughlin",age:25,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:2,bronze:3,total:6,isActionDisabled:!0},{athlete:"Aleksey Nemov",age:24,country:"Russia",year:2e3,date:"01/10/2000",sport:"Gymnastics",gold:2,silver:1,bronze:3,total:6},{athlete:"Alicia Coutts",age:24,country:"Australia",year:2012,date:"12/08/2012",sport:"Swimming",gold:1,silver:3,bronze:1,total:5,isActionDisabled:!0},{athlete:"Missy Franklin",age:17,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:4,silver:0,bronze:1,total:5},{athlete:"Ryan Lochte",age:27,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:2,bronze:1,total:5},{athlete:"Allison Schmitt",age:22,country:"United States",year:2012,date:"12/08/2012",sport:"Swimming",gold:3,silver:1,bronze:1,total:5},{athlete:"Natalie Coughlin",age:21,country:"United States",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:2,bronze:1,total:5},{athlete:"Ian Thorpe",age:17,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:2,bronze:0,total:5},{athlete:"Dara Torres",age:33,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:3,total:5},{athlete:"Cindy Klassen",age:26,country:"Canada",year:2006,date:"26/02/2006",sport:"Speed Skating",gold:1,silver:2,bronze:2,total:5},{athlete:"Nastia Liukin",age:18,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:1,total:5},{athlete:"Marit Bjørgen",age:29,country:"Norway",year:2010,date:"28/02/2010",sport:"Cross Country Skiing",gold:3,silver:1,bronze:1,total:5},{athlete:"Sun Yang",age:20,country:"China",year:2012,date:"12/08/2012",sport:"Swimming",gold:2,silver:1,bronze:1,total:4},{athlete:"Kirsty Coventry",age:24,country:"Zimbabwe",year:2008,date:"24/08/2008",sport:"Swimming",gold:1,silver:3,bronze:0,total:4},{athlete:"Libby Lenton-Trickett",age:23,country:"Australia",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:1,bronze:1,total:4},{athlete:"Ryan Lochte",age:24,country:"United States",year:2008,date:"24/08/2008",sport:"Swimming",gold:2,silver:0,bronze:2,total:4},{athlete:"Inge de Bruijn",age:30,country:"Netherlands",year:2004,date:"29/08/2004",sport:"Swimming",gold:1,silver:1,bronze:2,total:4},{athlete:"Petria Thomas",age:28,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:3,silver:1,bronze:0,total:4},{athlete:"Ian Thorpe",age:21,country:"Australia",year:2004,date:"29/08/2004",sport:"Swimming",gold:2,silver:1,bronze:1,total:4},{athlete:"Inge de Bruijn",age:27,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:1,bronze:0,total:4},{athlete:"Gary Hall Jr.",age:25,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:1,bronze:1,total:4},{athlete:"Michael Klim",age:23,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:2,bronze:0,total:4},{athlete:"Susie O'Neill",age:27,country:"Australia",year:2e3,date:"01/10/2000",sport:"Swimming",gold:1,silver:3,bronze:0,total:4},{athlete:"Jenny Thompson",age:27,country:"United States",year:2e3,date:"01/10/2000",sport:"Swimming",gold:3,silver:0,bronze:1,total:4},{athlete:"Pieter van den Hoogenband",age:22,country:"Netherlands",year:2e3,date:"01/10/2000",sport:"Swimming",gold:2,silver:0,bronze:2,total:4},{athlete:"An Hyeon-Su",age:20,country:"South Korea",year:2006,date:"26/02/2006",sport:"Short-Track Speed Skating",gold:3,silver:0,bronze:1,total:4},{athlete:"Aliya Mustafina",age:17,country:"Russia",year:2012,date:"12/08/2012",sport:"Gymnastics",gold:1,silver:1,bronze:2,total:4},{athlete:"Shawn Johnson",age:16,country:"United States",year:2008,date:"24/08/2008",sport:"Gymnastics",gold:1,silver:3,bronze:0,total:4}],nb=b.css`
|
|
14674
14697
|
:host {
|
|
14675
14698
|
background: var(--fill-color);
|
|
14676
14699
|
color: var(--neutral-foreground-rest);
|
|
@@ -14685,7 +14708,7 @@
|
|
|
14685
14708
|
.grid-height {
|
|
14686
14709
|
height: 100%;
|
|
14687
14710
|
}
|
|
14688
|
-
`,
|
|
14711
|
+
`,lb=b.html`
|
|
14689
14712
|
${e=>(e=>b.html`
|
|
14690
14713
|
<template>
|
|
14691
14714
|
<${e}-design-system-provider ${(0,b.ref)("provider")}>
|
|
@@ -14714,5 +14737,5 @@
|
|
|
14714
14737
|
</${e}-design-system-provider>
|
|
14715
14738
|
</template>
|
|
14716
14739
|
`)(e.prefix)}
|
|
14717
|
-
`;let
|
|
14718
|
-
//# sourceMappingURL=206.
|
|
14740
|
+
`;let gb=class extends b.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.rowData=[...ib],this.columnDefs=[{headerName:"#",colId:"rowNum",valueGetter:"node.id",width:80,pinned:"left"},{headerName:"Athlete",field:"athlete",width:150,pinned:"left"},{headerName:"Age",field:"age",width:90,pinned:"left"},{headerName:"Country",field:"country",width:150},{headerName:"Year",field:"year",width:90},{headerName:"Date",field:"date",width:110,filter:"agDateColumnFilter",filterParams:{buttons:["apply","reset"],browserDatePicker:!0,comparator:(e,a)=>{if(null==a)return-1;const r=a.split("/"),t=new Date(Number(r[2]),Number(r[1])-1,Number(r[0]));return e.getTime()===t.getTime()?0:t<e?-1:t>e?1:0}}},{headerName:"Sport",field:"sport",width:150,editable:!0},{headerName:"Gold",field:"gold",width:100},{headerName:"Silver",field:"silver",width:100},{headerName:"Bronze",field:"bronze",width:100},{headerName:"Total",field:"total",width:100,pinned:"right"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData},this.myCustomCheckboxRenderer=e=>2012===e.value?`<div><span style="color: var(--warning-color); font-weight: bold;">${e.value}</span></div>`:e.value,this.multipleCustomFoundationColumnConfigs=[{headerName:"Country",field:"country",cellRenderer:Ji.boolean},{headerName:"Year",field:"year",cellRenderer:this.myCustomCheckboxRenderer}],this.multipleActions=[{name:"View",callback:e=>console.log("VIEWW!!!",e)},{name:"Delete",callback:e=>console.log("DELETE!!!",e)},{name:"Edit",callback:e=>console.log("EDIT!!!",e)},{name:"Wait",callback:e=>console.log("WHAT???",e)}],this.multipleActionsMenuSlottedConfig=((e,a={},r="⋮",t=!1,o)=>{const i={cellRenderer:Ji.actionsMenu,cellRendererParams:{actions:e,buttonAppearance:o,isVertical:t,buttonText:r},cellStyle:{border:"none",overflow:"visible"},field:`${Qn(a.headerName)||"actions-menu"}`,headerName:"Actions",width:150};return Object.assign(Object.assign({},i),a)})(this.multipleActions,{headerName:"Multiple Actions",width:140},"⋮",!0,"stealth"),this.singleActionSlottedConfig={headerName:"Single Action",width:200,cellRenderer:Ji.action,cellRendererParams:{actionClick:e=>console.log("CLICKED ON SINGLE ACTION!!!!",e),actionName:"Single Action",appearance:"accent",isDisabled:e=>!!e.isActionDisabled,dataTestId:"singleActionTestId#",uniqueFieldName:"UNIQUE_ID"}}}setGridOptions(){this.grid.gridOptions=this.gridOptions}connectedCallback(){super.connectedCallback(),document.body.addEventListener(cm.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(cm.DS_CHANGED,(e=>{this.handleDSChanges(e)})),b.DOM.queueUpdate((()=>{this.setGridOptions(),f.bodyFont.withDefault(hm)}))}handleStyleChanges(e){const a=e.detail;a&&b.DOM.queueUpdate((()=>{Om(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,b.DOM.queueUpdate((()=>{this.setGridOptions()}))}};(0,pm.__decorate)([b.observable],gb.prototype,"grid",void 0),(0,pm.__decorate)([b.attr],gb.prototype,"prefix",void 0),(0,pm.__decorate)([b.observable],gb.prototype,"provider",void 0),(0,pm.__decorate)([b.observable],gb.prototype,"rowData",void 0),(0,pm.__decorate)([b.observable],gb.prototype,"columnDefs",void 0),(0,pm.__decorate)([b.observable],gb.prototype,"gridOptions",void 0),gb=(0,pm.__decorate)([(0,b.customElement)({name:"preview-grid",template:lb,styles:nb})],gb),((e,a="zero")=>{e&&(0,H.provideTokens)(t,o,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(Bi,Zg),(0,l.provideDesignSystem)().register(l.baseComponents,Kg),((e,a="rapid")=>{e&&(0,H.provideTokens)(i,n,e);const r=v.DesignSystem.getOrCreate(e).withPrefix(a);return(0,H.createDesignSystemProxy)(r)})().register(Oh,dm)}}]);
|
|
14741
|
+
//# sourceMappingURL=206.cb053205422b200f5a3003610f292931.js.map
|