@genesislcap/design-system-configurator 14.441.0 → 14.443.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.
Files changed (37) hide show
  1. package/dist/106.106.967bab3a3797fb981083.js +2 -0
  2. package/dist/{106.045b15677dc628bb6723746d03d4e4a5.js.map → 106.bd1ba43798c514478c765df2b0d505fd.js.map} +1 -1
  3. package/dist/{151.151.00ae4d7267e05d8684c3.js → 151.151.9e35099e790f34a6aae9.js} +1 -1
  4. package/dist/163.163.293506006f0b37a23b03.js +2 -0
  5. package/dist/163.e262cd57c2c694b0c45ce00ae1439c4f.js.map +1 -0
  6. package/dist/{182.182.12e547542ec10d0d5dcc.js → 182.182.0c0be8f7940dcf463e45.js} +4 -4
  7. package/dist/182.a592966806735cfc35059da2546cdf88.js.map +1 -0
  8. package/dist/{210.210.9a19dab965d4c00d445b.js → 210.210.97568378e045e3948739.js} +6 -12
  9. package/dist/210.dab9e0a71c9afd8064d5be1cf0d0afcd.js.map +1 -0
  10. package/dist/3.2717c233c88bb498ac27769dbb865ef5.js.map +1 -0
  11. package/dist/3.3.c19424406d81e7fdfdd9.js +2059 -0
  12. package/dist/435.435.fde328372911793bc316.js +2 -0
  13. package/dist/435.50cd1f0dc671e7346a67829aa912274f.js.map +1 -0
  14. package/dist/{445.445.c9d92b21820ecaee5ec7.js → 445.445.216a3e8c8f927c30cbd8.js} +4 -4
  15. package/dist/445.e547d7a72be6684f7f7258a7de64367f.js.map +1 -0
  16. package/dist/{627.627.da8550d00af691486c63.js → 627.627.c47beead922c0c0ef287.js} +4 -4
  17. package/dist/627.b10888ca94a28aa51732ca4f8c70b1fb.js.map +1 -0
  18. package/dist/{72.72.52d21574c64710df4db5.js → 72.72.5a1ec2c9407599c3532e.js} +1 -1
  19. package/dist/{designSystemConfigurator.a5052d45c9ba5dcdc626ba669a6aad90.js.map → designSystemConfigurator.2ba72230e8dd8d332a2fa72d9dc7b283.js.map} +1 -1
  20. package/dist/index.html +1 -1
  21. package/dist/info.html +1 -1
  22. package/dist/{main.a47a951d984e20140b443539da0905eb.js.map → main.2168fec662db23334bbf0498e7c7ce95.js.map} +1 -1
  23. package/dist/main.f38015b75040da2f32a4.js +2 -0
  24. package/dist/remoteEntry.js +2 -2
  25. package/package.json +15 -15
  26. package/dist/106.106.1673043a64714ab5a846.js +0 -2
  27. package/dist/163.163.2c6ef9f5df11b1c0ad2c.js +0 -2
  28. package/dist/163.92cb9d095330c48d075bcb20e3d93d55.js.map +0 -1
  29. package/dist/182.45f0a8ba11658220ce6a79c919c148b4.js.map +0 -1
  30. package/dist/210.71ea93b9a0b0b315e200f98f277dc3eb.js.map +0 -1
  31. package/dist/3.3.7b5618b618637cc56c4a.js +0 -2059
  32. package/dist/3.6fb7f8ef5a4012462d71f23c0348de13.js.map +0 -1
  33. package/dist/435.435.a8503c4fd11b69beb171.js +0 -2
  34. package/dist/435.8e4458b0c2c0c2007ca4aa1b3c16a1af.js.map +0 -1
  35. package/dist/445.c8955de7738fc45030a9c24a2ddde508.js.map +0 -1
  36. package/dist/627.13f64ee1897463c94261b5120c08714c.js.map +0 -1
  37. package/dist/main.65b8fd6a68172fd7faa7.js +0 -2
@@ -1,2059 +0,0 @@
1
- "use strict";(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[3],{79003(e,t,a){a.r(t),a.d(t,{Accordion:()=>_e,AccordionItem:()=>Je,ActionsMenu:()=>Ze,AiCriteriaSearch:()=>rt,Anchor:()=>bt,AnchoredRegion:()=>xt,Avatar:()=>kt,Badge:()=>Tt,Banner:()=>Ht,Breadcrumb:()=>zt,BreadcrumbItem:()=>jt,Button:()=>Wt,Calendar:()=>Yt,Card:()=>Zt,CategorizedMultiselect:()=>ra,Checkbox:()=>da,ColorHEX:()=>n,Combobox:()=>ga,ConnectionIndicator:()=>ma,DataGrid:()=>l.DataGrid,DataGridCell:()=>l.DataGridCell,DataGridRow:()=>l.DataGridRow,DatePicker:()=>Ja,DesignSystemProvider:()=>je,Dialog:()=>ar,Disclosure:()=>lr,Divider:()=>cr,DropdownMenu:()=>gr,EnvironmentIndicator:()=>br,ErrorBoundary:()=>l.ErrorBoundary,ExpressionBuilderConfig:()=>l.ExpressionBuilderConfig,ExpressionBuilderCore:()=>l.ExpressionBuilderCore,FileUpload:()=>Br,Filter:()=>zr,FilterBar:()=>Nr,FlexLayout:()=>l.FlexLayout,Flipper:()=>Zr,Flyout:()=>no,GridLayout:()=>l.GridLayout,GridLayoutItem:()=>l.GridLayoutItem,HorizontalScroll:()=>To,Icon:()=>Bo,Listbox:()=>Mo,ListboxOption:()=>Eo,Menu:()=>Xo,MenuItem:()=>Qo,Modal:()=>on,Multiselect:()=>dn,NumberField:()=>bn,Position:()=>l.Position,Progress:()=>Cn,ProgressRing:()=>Ln,Radio:()=>zn,RadioGroup:()=>Nn,RapidExpressionBuilder:()=>Ss,RapidRuleExpressionBuilder:()=>Fs,RapidValueExpressionBuilder:()=>ws,RuleExpression:()=>l.RuleExpression,Scheduler:()=>Un,SchedulerCronBuilder:()=>qn,SchedulerTimezone:()=>Qn,SearchBar:()=>al,SearchBarCombobox:()=>ll,SectionNavigator:()=>dl,SegmentedControl:()=>gl,SegmentedItem:()=>yl,Select:()=>Rl,Skeleton:()=>Ol,Slider:()=>Bl,SliderLabel:()=>$l,Snackbar:()=>jl,Stepper:()=>Jl,StepperTab:()=>ei,StepperTabPanel:()=>ri,Switch:()=>si,Tab:()=>pi,TabPanel:()=>bi,Tabs:()=>Si,TextArea:()=>Ri,TextField:()=>Oi,Toast:()=>Pi,Toolbar:()=>Vi,Tooltip:()=>Gi,TreeItem:()=>Wi,TreeView:()=>Ji,UrlInput:()=>es,accentFillActive:()=>i.accentFillActive,accentFillActiveDelta:()=>i.accentFillActiveDelta,accentFillActiveDeltaValue:()=>V,accentFillFocus:()=>i.accentFillFocus,accentFillFocusDelta:()=>i.accentFillFocusDelta,accentFillFocusDeltaValue:()=>M,accentFillHover:()=>i.accentFillHover,accentFillHoverDelta:()=>i.accentFillHoverDelta,accentFillHoverDeltaValue:()=>$,accentFillRest:()=>i.accentFillRest,accentFillRestDelta:()=>i.accentFillRestDelta,accentFillRestDeltaValue:()=>z,accentForegroundActive:()=>i.accentForegroundActive,accentForegroundActiveDelta:()=>i.accentForegroundActiveDelta,accentForegroundActiveDeltaValue:()=>j,accentForegroundFocus:()=>i.accentForegroundFocus,accentForegroundFocusDelta:()=>i.accentForegroundFocusDelta,accentForegroundFocusDeltaValue:()=>E,accentForegroundHover:()=>i.accentForegroundHover,accentForegroundHoverDelta:()=>i.accentForegroundHoverDelta,accentForegroundHoverDeltaValue:()=>G,accentForegroundRest:()=>i.accentForegroundRest,accentForegroundRestDelta:()=>i.accentForegroundRestDelta,accentForegroundRestDeltaValue:()=>N,accentPalette:()=>i.accentPalette,accentPaletteValue:()=>B,baseComponents:()=>as,baseHeightMultiplier:()=>i.baseHeightMultiplier,baseHeightMultiplierValue:()=>fe,baseLayerLuminance:()=>i.baseLayerLuminance,baseLayerLuminanceValue:()=>I,bodyFont:()=>i.bodyFont,bodyFontValue:()=>Fe,buyColor:()=>w,categorizedMultiselectStyles:()=>ta,categorizedMultiselectTemplate:()=>aa,controlCornerRadius:()=>i.controlCornerRadius,controlCornerRadiusValue:()=>ye,defaultBreadcrumbConfig:()=>Vt,defaultBuyColor:()=>F,defaultCategorizedMultiselectConfig:()=>oa,defaultDataGridCellConfig:()=>Ba,defaultDataGridConfig:()=>ka,defaultDataGridRowConfig:()=>ja,defaultDatePickerConfig:()=>Ya,defaultDialogConfig:()=>Za,defaultErrorBoundaryConfig:()=>wr,defaultErrorColor:()=>g,defaultFileUploadConfig:()=>Lr,defaultFlexLayoutConfig:()=>Xr,defaultFlyoutConfig:()=>ro,defaultGridLayoutConfig:()=>go,defaultGridLayoutItemConfig:()=>Fo,defaultHorizontalScrollConfig:()=>Oo,defaultIconConfig:()=>Po,defaultInfoColor:()=>T,defaultModalConfig:()=>tn,defaultMultiselectConfig:()=>cn,defaultNumberFieldConfig:()=>vn,defaultRapidTreeItemConfig:()=>_i,defaultSegmentedControlConfig:()=>ml,defaultSegmentedItemConfig:()=>Sl,defaultSellColor:()=>R,defaultSeriousNotifyColor:()=>L,defaultSuccessColor:()=>b,defaultSwitchConfig:()=>ii,defaultToastConfig:()=>Hi,defaultWarningColor:()=>y,defaultrapidProgressRingConfig:()=>Hn,density:()=>i.density,densityValue:()=>xe,designSystemProvider:()=>Ee,designTokens:()=>Ge,designUnit:()=>i.designUnit,designUnitValue:()=>Se,direction:()=>i.direction,directionValue:()=>he,disabledOpacity:()=>i.disabledOpacity,disabledOpacityValue:()=>me,dropdownMenuBaseStyles:()=>l.dropdownMenuBaseStyles,errorColor:()=>h,extractMenuItems:()=>l.extractMenuItems,fillColor:()=>i.fillColor,focusStrokeInner:()=>i.focusStrokeInner,focusStrokeOuter:()=>i.focusStrokeOuter,focusStrokeWidth:()=>i.focusStrokeWidth,focusStrokeWidthValue:()=>ve,foregroundOnAccentActive:()=>i.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>i.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>i.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>i.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>i.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>i.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>i.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>i.foregroundOnAccentRestLarge,getDropdownMenuTemplate:()=>l.getDropdownMenuTemplate,infoColor:()=>O,loadRobotoFontFaces:()=>ps,mixinRobotoFont:()=>hs,multiselectStyles:()=>ln,multiselectTemplate:()=>sn,neutralFillActive:()=>i.neutralFillActive,neutralFillActiveDelta:()=>i.neutralFillActiveDelta,neutralFillActiveDeltaValue:()=>_,neutralFillFocus:()=>i.neutralFillFocus,neutralFillFocusDelta:()=>i.neutralFillFocusDelta,neutralFillFocusDeltaValue:()=>X,neutralFillHover:()=>i.neutralFillHover,neutralFillHoverDelta:()=>i.neutralFillHoverDelta,neutralFillHoverDeltaValue:()=>W,neutralFillInputActive:()=>i.neutralFillInputActive,neutralFillInputActiveDelta:()=>i.neutralFillInputActiveDelta,neutralFillInputActiveDeltaValue:()=>J,neutralFillInputFocus:()=>i.neutralFillInputFocus,neutralFillInputFocusDelta:()=>i.neutralFillInputFocusDelta,neutralFillInputFocusDeltaValue:()=>K,neutralFillInputHover:()=>i.neutralFillInputHover,neutralFillInputHoverDelta:()=>i.neutralFillInputHoverDelta,neutralFillInputHoverDeltaValue:()=>Y,neutralFillInputRest:()=>i.neutralFillInputRest,neutralFillInputRestDelta:()=>i.neutralFillInputRestDelta,neutralFillInputRestDeltaValue:()=>q,neutralFillLayerRest:()=>i.neutralFillLayerRest,neutralFillLayerRestDelta:()=>i.neutralFillLayerRestDelta,neutralFillLayerRestDeltaValue:()=>le,neutralFillRest:()=>i.neutralFillRest,neutralFillRestDelta:()=>i.neutralFillRestDelta,neutralFillRestDeltaValue:()=>U,neutralFillStealthActive:()=>i.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>i.neutralFillStealthActiveDelta,neutralFillStealthActiveDeltaValue:()=>ee,neutralFillStealthFocus:()=>i.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>i.neutralFillStealthFocusDelta,neutralFillStealthFocusDeltaValue:()=>te,neutralFillStealthHover:()=>i.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>i.neutralFillStealthHoverDelta,neutralFillStealthHoverDeltaValue:()=>Z,neutralFillStealthRest:()=>i.neutralFillStealthRest,neutralFillStealthRestDelta:()=>i.neutralFillStealthRestDelta,neutralFillStealthRestDeltaValue:()=>Q,neutralFillStrongActive:()=>i.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>i.neutralFillStrongActiveDelta,neutralFillStrongActiveDeltaValue:()=>oe,neutralFillStrongFocus:()=>i.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>i.neutralFillStrongFocusDelta,neutralFillStrongFocusDeltaValue:()=>ne,neutralFillStrongHover:()=>i.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>i.neutralFillStrongHoverDelta,neutralFillStrongHoverDeltaValue:()=>re,neutralFillStrongRest:()=>i.neutralFillStrongRest,neutralFillStrongRestDelta:()=>i.neutralFillStrongRestDelta,neutralFillStrongRestDeltaValue:()=>ae,neutralForegroundHint:()=>i.neutralForegroundHint,neutralForegroundRest:()=>i.neutralForegroundRest,neutralLayer1:()=>i.neutralLayer1,neutralLayer2:()=>i.neutralLayer2,neutralLayer3:()=>i.neutralLayer3,neutralLayer4:()=>i.neutralLayer4,neutralLayerCardContainer:()=>i.neutralLayerCardContainer,neutralLayerFloating:()=>i.neutralLayerFloating,neutralPalette:()=>i.neutralPalette,neutralPaletteValue:()=>P,neutralStrokeActive:()=>i.neutralStrokeActive,neutralStrokeActiveDelta:()=>i.neutralStrokeActiveDelta,neutralStrokeActiveDeltaValue:()=>de,neutralStrokeDividerRest:()=>i.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>i.neutralStrokeDividerRestDelta,neutralStrokeDividerRestDeltaValue:()=>ue,neutralStrokeFocus:()=>i.neutralStrokeFocus,neutralStrokeFocusDelta:()=>i.neutralStrokeFocusDelta,neutralStrokeFocusDeltaValue:()=>ce,neutralStrokeHover:()=>i.neutralStrokeHover,neutralStrokeHoverDelta:()=>i.neutralStrokeHoverDelta,neutralStrokeHoverDeltaValue:()=>se,neutralStrokeRest:()=>i.neutralStrokeRest,neutralStrokeRestDelta:()=>i.neutralStrokeRestDelta,neutralStrokeRestDeltaValue:()=>ie,prefix:()=>ge,provideDesignSystem:()=>rs,rapidAccordion:()=>Xe,rapidAccordionItem:()=>Ke,rapidAccordionItemStyles:()=>qe,rapidAccordionItemTemplate:()=>Ye,rapidAccordionStyles:()=>Ue,rapidAccordionTemplate:()=>We,rapidActionsMenu:()=>et,rapidActionsMenuStyles:()=>Qe,rapidAiCriteriaSearch:()=>ot,rapidAiCriteriaSearchStyles:()=>tt,rapidAiCriteriaSearchTemplate:()=>at,rapidAnchor:()=>vt,rapidAnchorStyles:()=>ht,rapidAnchorTemplate:()=>mt,rapidAnchoredRegion:()=>St,rapidAnchoredRegionStyles:()=>ft,rapidAnchoredRegionTemplate:()=>yt,rapidAvatar:()=>Rt,rapidAvatarStyles:()=>Ft,rapidAvatarTemplate:()=>wt,rapidBGColorHEX:()=>os,rapidBadge:()=>Ot,rapidBadgeStyles:()=>Dt,rapidBadgeTemplate:()=>Ct,rapidBanner:()=>Bt,rapidBannerShadowOptions:()=>Lt,rapidBannerStyles:()=>At,rapidBannerTemplate:()=>l.foundationBannerTemplate,rapidBreadcrumb:()=>Mt,rapidBreadcrumbItem:()=>Et,rapidBreadcrumbItemStyles:()=>Nt,rapidBreadcrumbItemTemplate:()=>Gt,rapidBreadcrumbShadowOptions:()=>$t,rapidBreadcrumbStyles:()=>Pt,rapidBreadcrumbTemplate:()=>It,rapidButton:()=>_t,rapidButtonStyles:()=>gt,rapidButtonTemplate:()=>Ut,rapidCalendar:()=>Jt,rapidCalendarStyles:()=>Xt,rapidCalendarTemplate:()=>qt,rapidCard:()=>ea,rapidCardStyles:()=>Kt,rapidCardTemplate:()=>Qt,rapidCategorizedMultiselect:()=>la,rapidCategorizedMultiselectShadowOptions:()=>na,rapidCheckbox:()=>ca,rapidCheckboxStyles:()=>ia,rapidCheckboxTemplate:()=>sa,rapidCombobox:()=>ha,rapidComboboxStyles:()=>ua,rapidComboboxTemplate:()=>pa,rapidConnectionIndicator:()=>ba,rapidDataGrid:()=>wa,rapidDataGridCell:()=>Ha,rapidDataGridCellShadowOptions:()=>za,rapidDataGridCellStyles:()=>Ia,rapidDataGridCellTemplate:()=>Pa,rapidDataGridRow:()=>Ga,rapidDataGridRowShadowOptions:()=>Wa,rapidDataGridRowStyles:()=>Ua,rapidDataGridRowTemplate:()=>Ea,rapidDataGridShadowOptions:()=>Ca,rapidDataGridStyles:()=>Da,rapidDataGridTemplate:()=>Ra,rapidDatePicker:()=>Ka,rapidDatePickerShadowOptions:()=>qa,rapidDatePickerStyles:()=>_a,rapidDatePickerTemplate:()=>Xa,rapidDefaultCardFillColor:()=>ss,rapidDefaultCardPalette:()=>ds,rapidDefaultFillColor:()=>ls,rapidDialog:()=>rr,rapidDialogShadowOptions:()=>tr,rapidDialogStyles:()=>Qa,rapidDialogTemplate:()=>l.foundationDialogTemplate,rapidDisclosure:()=>ir,rapidDisclosureStyles:()=>or,rapidDisclosureTemplate:()=>nr,rapidDivider:()=>ur,rapidDividerStyles:()=>sr,rapidDividerTemplate:()=>dr,rapidDropdownMenu:()=>hr,rapidDropdownMenuStyles:()=>pr,rapidEnvironmentIndicator:()=>vr,rapidEnvironmentIndicatorStyles:()=>mr,rapidEnvironmentIndicatorTemplate:()=>l.foundationEnvironmentIndicatorTemplate,rapidErrorBoundary:()=>Fr,rapidErrorBoundaryShadowOptions:()=>Dr,rapidErrorBoundaryStyles:()=>Rr,rapidErrorBoundaryTemplate:()=>kr,rapidFileReader:()=>Tr,rapidFileReaderStyles:()=>Cr,rapidFileReaderTemplate:()=>l.fileReaderTemplate,rapidFileUpload:()=>Pr,rapidFileUploadShadowOptions:()=>Hr,rapidFileUploadStyles:()=>Or,rapidFileUploadTemplate:()=>l.foundationFileUploadTemplate,rapidFilter:()=>$r,rapidFilterBar:()=>Gr,rapidFilterBarStyles:()=>Vr,rapidFilterBarTemplate:()=>Mr,rapidFilterTemplate:()=>Ir,rapidFlexLayout:()=>_r,rapidFlexLayoutShadowOptions:()=>Jr,rapidFlexLayoutStyles:()=>Yr,rapidFlexLayoutTemplate:()=>qr,rapidFlipper:()=>eo,rapidFlipperStyles:()=>Kr,rapidFlipperTemplate:()=>Qr,rapidFlyout:()=>lo,rapidFlyoutShadowOptions:()=>oo,rapidFlyoutStyles:()=>to,rapidFlyoutTemplate:()=>ao,rapidGridLayout:()=>po,rapidGridLayoutItem:()=>So,rapidGridLayoutItemShadowOptions:()=>Ro,rapidGridLayoutItemStyles:()=>ko,rapidGridLayoutItemTemplate:()=>wo,rapidGridLayoutShadowOptions:()=>bo,rapidGridLayoutStyles:()=>mo,rapidGridLayoutTemplate:()=>ho,rapidHorizontalScroll:()=>Ao,rapidHorizontalScrollStyles:()=>Do,rapidHorizontalScrollTemplate:()=>Co,rapidIcon:()=>zo,rapidIconShadowOptions:()=>Io,rapidIconStyles:()=>Lo,rapidListbox:()=>No,rapidListboxOption:()=>Uo,rapidListboxOptionStyles:()=>Go,rapidListboxOptionTemplate:()=>jo,rapidListboxStyles:()=>$o,rapidListboxTemplate:()=>Vo,rapidMenu:()=>qo,rapidMenuItem:()=>Zo,rapidMenuItemShadowOptions:()=>Ko,rapidMenuItemStyles:()=>Yo,rapidMenuItemTemplate:()=>Jo,rapidMenuStyles:()=>Wo,rapidMenuTemplate:()=>_o,rapidModal:()=>nn,rapidModalShadowOptions:()=>rn,rapidModalStyles:()=>en,rapidModalTemplate:()=>an,rapidMultiselect:()=>pn,rapidMultiselectShadowOptions:()=>un,rapidNumberField:()=>xn,rapidNumberFieldShadowOptions:()=>yn,rapidNumberFieldStyles:()=>mn,rapidNumberFieldTemplate:()=>fn,rapidProgress:()=>Tn,rapidProgressRing:()=>Bn,rapidProgressRingStyles:()=>On,rapidProgressRingTemplate:()=>An,rapidProgressStyles:()=>Rn,rapidProgressTemplate:()=>Dn,rapidRadio:()=>$n,rapidRadioGroup:()=>Gn,rapidRadioGroupStyles:()=>Vn,rapidRadioGroupTemplate:()=>Mn,rapidRadioStyles:()=>Pn,rapidRadioTemplate:()=>In,rapidScheduler:()=>Wn,rapidSchedulerCronBuilder:()=>Yn,rapidSchedulerCronBuilderStyles:()=>_n,rapidSchedulerCronBuilderTemplate:()=>Xn,rapidSchedulerStyles:()=>jn,rapidSchedulerTemplate:()=>En,rapidSchedulerTimezone:()=>Zn,rapidSchedulerTimezoneStyles:()=>Jn,rapidSchedulerTimezoneTemplate:()=>Kn,rapidSearchBar:()=>rl,rapidSearchBarCombobox:()=>il,rapidSearchBarComboboxStyles:()=>ol,rapidSearchBarComboboxTemplate:()=>nl,rapidSearchBarStyles:()=>el,rapidSearchBarTemplate:()=>tl,rapidSectionNavigator:()=>cl,rapidSectionNavigatorStyles:()=>sl,rapidSegmentedControl:()=>bl,rapidSegmentedControlShadowOptions:()=>hl,rapidSegmentedControlStyles:()=>ul,rapidSegmentedControlTemplate:()=>pl,rapidSegmentedItem:()=>Fl,rapidSegmentedItemShadowOptions:()=>xl,rapidSegmentedItemStyles:()=>vl,rapidSegmentedItemTemplate:()=>fl,rapidSelect:()=>Dl,rapidSelectStyles:()=>wl,rapidSelectTemplate:()=>kl,rapidSkeleton:()=>Al,rapidSkeletonStyles:()=>Cl,rapidSkeletonTemplate:()=>Tl,rapidSlider:()=>Pl,rapidSliderLabel:()=>Vl,rapidSliderLabelStyles:()=>Il,rapidSliderLabelTemplate:()=>zl,rapidSliderStyles:()=>Ll,rapidSliderTemplate:()=>Hl,rapidSnackbar:()=>El,rapidSnackbarShadowOptions:()=>Gl,rapidSnackbarStyles:()=>Ml,rapidStepper:()=>Kl,rapidStepperStyles:()=>ql,rapidStepperTab:()=>ti,rapidStepperTabPanel:()=>oi,rapidStepperTabPanelTemplate:()=>ai,rapidStepperTabStyles:()=>Ql,rapidStepperTabTemplate:()=>Zl,rapidStepperTemplate:()=>Yl,rapidSwitch:()=>di,rapidSwitchStyles:()=>ni,rapidSwitchTemplate:()=>li,rapidTab:()=>gi,rapidTabPanel:()=>vi,rapidTabPanelStyles:()=>hi,rapidTabPanelTemplate:()=>mi,rapidTabStyles:()=>ci,rapidTabTemplate:()=>ui,rapidTabs:()=>Fi,rapidTabsStyles:()=>fi,rapidTabsTemplate:()=>yi,rapidTextArea:()=>Di,rapidTextAreaStyles:()=>wi,rapidTextAreaTemplate:()=>ki,rapidTextField:()=>Ai,rapidTextFieldStyles:()=>Ci,rapidTextFieldTemplate:()=>Ti,rapidToast:()=>Ii,rapidToastShadowOptions:()=>Bi,rapidToastStyles:()=>Li,rapidToastTemplate:()=>l.foundationToastTemplate,rapidToolbar:()=>Mi,rapidToolbarStyles:()=>zi,rapidToolbarTemplate:()=>$i,rapidTooltip:()=>ji,rapidTooltipStyles:()=>Ni,rapidTreeItem:()=>Xi,rapidTreeItemStyles:()=>Ei,rapidTreeItemTemplate:()=>Ui,rapidTreeView:()=>Ki,rapidTreeViewStyles:()=>qi,rapidTreeViewTemplate:()=>Yi,rapidUrlInput:()=>ts,rapidUrlInputStyles:()=>Qi,rapidUrlInputTemplate:()=>Zi,registerRapidDesignSystem:()=>ks,robotoFontFaces:()=>us,robotoFontFamily:()=>gs,sellColor:()=>D,seriousNotifyColor:()=>H,strokeWidth:()=>i.strokeWidth,strokeWidthValue:()=>be,successColor:()=>v,swatchFromColor:()=>xi,typeRampBaseFontSize:()=>i.typeRampBaseFontSize,typeRampBaseFontSizeValue:()=>we,typeRampBaseLineHeight:()=>i.typeRampBaseLineHeight,typeRampBaseLineHeightValue:()=>ke,typeRampMinus1FontSize:()=>i.typeRampMinus1FontSize,typeRampMinus1FontSizeValue:()=>Re,typeRampMinus1LineHeight:()=>i.typeRampMinus1LineHeight,typeRampMinus1LineHeightValue:()=>De,typeRampMinus2FontSize:()=>i.typeRampMinus2FontSize,typeRampMinus2FontSizeValue:()=>Ce,typeRampMinus2LineHeight:()=>i.typeRampMinus2LineHeight,typeRampMinus2LineHeightValue:()=>Te,typeRampPlus1FontSize:()=>i.typeRampPlus1FontSize,typeRampPlus1FontSizeValue:()=>Oe,typeRampPlus1LineHeight:()=>i.typeRampPlus1LineHeight,typeRampPlus1LineHeightValue:()=>Ae,typeRampPlus2FontSize:()=>i.typeRampPlus2FontSize,typeRampPlus2FontSizeValue:()=>Le,typeRampPlus2LineHeight:()=>i.typeRampPlus2LineHeight,typeRampPlus2LineHeightValue:()=>He,typeRampPlus3FontSize:()=>i.typeRampPlus3FontSize,typeRampPlus3FontSizeValue:()=>Be,typeRampPlus3LineHeight:()=>i.typeRampPlus3LineHeight,typeRampPlus3LineHeightValue:()=>Pe,typeRampPlus4FontSize:()=>i.typeRampPlus4FontSize,typeRampPlus4FontSizeValue:()=>Ie,typeRampPlus4LineHeight:()=>i.typeRampPlus4LineHeight,typeRampPlus4LineHeightValue:()=>ze,typeRampPlus5FontSize:()=>i.typeRampPlus5FontSize,typeRampPlus5FontSizeValue:()=>$e,typeRampPlus5LineHeight:()=>i.typeRampPlus5LineHeight,typeRampPlus5LineHeightValue:()=>Ve,typeRampPlus6FontSize:()=>i.typeRampPlus6FontSize,typeRampPlus6FontSizeValue:()=>Me,typeRampPlus6LineHeight:()=>i.typeRampPlus6LineHeight,typeRampPlus6LineHeightValue:()=>Ne,warningColor:()=>x,zeroDropdownMenuTemplate:()=>l.foundationDropdownMenuTemplate,zeroFilterStyles:()=>l.foundationFilterStyles,zeroModalTemplate:()=>l.foundationModalTemplate});var r={};a.r(r),a.d(r,{accentFillActive:()=>i.accentFillActive,accentFillActiveDelta:()=>i.accentFillActiveDelta,accentFillFocus:()=>i.accentFillFocus,accentFillFocusDelta:()=>i.accentFillFocusDelta,accentFillHover:()=>i.accentFillHover,accentFillHoverDelta:()=>i.accentFillHoverDelta,accentFillRest:()=>i.accentFillRest,accentFillRestDelta:()=>i.accentFillRestDelta,accentForegroundActive:()=>i.accentForegroundActive,accentForegroundActiveDelta:()=>i.accentForegroundActiveDelta,accentForegroundFocus:()=>i.accentForegroundFocus,accentForegroundFocusDelta:()=>i.accentForegroundFocusDelta,accentForegroundHover:()=>i.accentForegroundHover,accentForegroundHoverDelta:()=>i.accentForegroundHoverDelta,accentForegroundRest:()=>i.accentForegroundRest,accentForegroundRestDelta:()=>i.accentForegroundRestDelta,accentPalette:()=>i.accentPalette,baseHeightMultiplier:()=>i.baseHeightMultiplier,baseLayerLuminance:()=>i.baseLayerLuminance,bodyFont:()=>i.bodyFont,buyColor:()=>w,controlCornerRadius:()=>i.controlCornerRadius,defaultBuyColor:()=>F,defaultErrorColor:()=>g,defaultInfoColor:()=>T,defaultSellColor:()=>R,defaultSeriousNotifyColor:()=>L,defaultSuccessColor:()=>b,defaultWarningColor:()=>y,density:()=>i.density,designUnit:()=>i.designUnit,direction:()=>i.direction,disabledOpacity:()=>i.disabledOpacity,errorColor:()=>h,fillColor:()=>i.fillColor,focusStrokeInner:()=>i.focusStrokeInner,focusStrokeOuter:()=>i.focusStrokeOuter,focusStrokeWidth:()=>i.focusStrokeWidth,foregroundOnAccentActive:()=>i.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>i.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>i.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>i.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>i.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>i.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>i.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>i.foregroundOnAccentRestLarge,infoColor:()=>O,neutralFillActive:()=>i.neutralFillActive,neutralFillActiveDelta:()=>i.neutralFillActiveDelta,neutralFillFocus:()=>i.neutralFillFocus,neutralFillFocusDelta:()=>i.neutralFillFocusDelta,neutralFillHover:()=>i.neutralFillHover,neutralFillHoverDelta:()=>i.neutralFillHoverDelta,neutralFillInputActive:()=>i.neutralFillInputActive,neutralFillInputActiveDelta:()=>i.neutralFillInputActiveDelta,neutralFillInputFocus:()=>i.neutralFillInputFocus,neutralFillInputFocusDelta:()=>i.neutralFillInputFocusDelta,neutralFillInputHover:()=>i.neutralFillInputHover,neutralFillInputHoverDelta:()=>i.neutralFillInputHoverDelta,neutralFillInputRest:()=>i.neutralFillInputRest,neutralFillInputRestDelta:()=>i.neutralFillInputRestDelta,neutralFillLayerRest:()=>i.neutralFillLayerRest,neutralFillLayerRestDelta:()=>i.neutralFillLayerRestDelta,neutralFillRest:()=>i.neutralFillRest,neutralFillRestDelta:()=>i.neutralFillRestDelta,neutralFillStealthActive:()=>i.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>i.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>i.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>i.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>i.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>i.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>i.neutralFillStealthRest,neutralFillStealthRestDelta:()=>i.neutralFillStealthRestDelta,neutralFillStrongActive:()=>i.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>i.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>i.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>i.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>i.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>i.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>i.neutralFillStrongRest,neutralFillStrongRestDelta:()=>i.neutralFillStrongRestDelta,neutralForegroundHint:()=>i.neutralForegroundHint,neutralForegroundRest:()=>i.neutralForegroundRest,neutralLayer1:()=>i.neutralLayer1,neutralLayer2:()=>i.neutralLayer2,neutralLayer3:()=>i.neutralLayer3,neutralLayer4:()=>i.neutralLayer4,neutralLayerCardContainer:()=>i.neutralLayerCardContainer,neutralLayerFloating:()=>i.neutralLayerFloating,neutralPalette:()=>i.neutralPalette,neutralStrokeActive:()=>i.neutralStrokeActive,neutralStrokeActiveDelta:()=>i.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>i.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>i.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>i.neutralStrokeFocus,neutralStrokeFocusDelta:()=>i.neutralStrokeFocusDelta,neutralStrokeHover:()=>i.neutralStrokeHover,neutralStrokeHoverDelta:()=>i.neutralStrokeHoverDelta,neutralStrokeRest:()=>i.neutralStrokeRest,neutralStrokeRestDelta:()=>i.neutralStrokeRestDelta,sellColor:()=>D,seriousNotifyColor:()=>H,strokeWidth:()=>i.strokeWidth,successColor:()=>v,typeRampBaseFontSize:()=>i.typeRampBaseFontSize,typeRampBaseLineHeight:()=>i.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>i.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>i.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>i.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>i.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>i.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>i.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>i.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>i.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>i.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>i.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>i.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>i.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>i.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>i.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>i.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>i.typeRampPlus6LineHeight,warningColor:()=>x});var o={};a.r(o),a.d(o,{accentFillActiveDeltaValue:()=>V,accentFillFocusDeltaValue:()=>M,accentFillHoverDeltaValue:()=>$,accentFillRestDeltaValue:()=>z,accentForegroundActiveDeltaValue:()=>j,accentForegroundFocusDeltaValue:()=>E,accentForegroundHoverDeltaValue:()=>G,accentForegroundRestDeltaValue:()=>N,accentPaletteValue:()=>B,baseHeightMultiplierValue:()=>fe,baseLayerLuminanceValue:()=>I,bodyFontValue:()=>Fe,controlCornerRadiusValue:()=>ye,densityValue:()=>xe,designTokens:()=>Ge,designUnitValue:()=>Se,directionValue:()=>he,disabledOpacityValue:()=>me,focusStrokeWidthValue:()=>ve,neutralFillActiveDeltaValue:()=>_,neutralFillFocusDeltaValue:()=>X,neutralFillHoverDeltaValue:()=>W,neutralFillInputActiveDeltaValue:()=>J,neutralFillInputFocusDeltaValue:()=>K,neutralFillInputHoverDeltaValue:()=>Y,neutralFillInputRestDeltaValue:()=>q,neutralFillLayerRestDeltaValue:()=>le,neutralFillRestDeltaValue:()=>U,neutralFillStealthActiveDeltaValue:()=>ee,neutralFillStealthFocusDeltaValue:()=>te,neutralFillStealthHoverDeltaValue:()=>Z,neutralFillStealthRestDeltaValue:()=>Q,neutralFillStrongActiveDeltaValue:()=>oe,neutralFillStrongFocusDeltaValue:()=>ne,neutralFillStrongHoverDeltaValue:()=>re,neutralFillStrongRestDeltaValue:()=>ae,neutralPaletteValue:()=>P,neutralStrokeActiveDeltaValue:()=>de,neutralStrokeDividerRestDeltaValue:()=>ue,neutralStrokeFocusDeltaValue:()=>ce,neutralStrokeHoverDeltaValue:()=>se,neutralStrokeRestDeltaValue:()=>ie,prefix:()=>ge,strokeWidthValue:()=>be,typeRampBaseFontSizeValue:()=>we,typeRampBaseLineHeightValue:()=>ke,typeRampMinus1FontSizeValue:()=>Re,typeRampMinus1LineHeightValue:()=>De,typeRampMinus2FontSizeValue:()=>Ce,typeRampMinus2LineHeightValue:()=>Te,typeRampPlus1FontSizeValue:()=>Oe,typeRampPlus1LineHeightValue:()=>Ae,typeRampPlus2FontSizeValue:()=>Le,typeRampPlus2LineHeightValue:()=>He,typeRampPlus3FontSizeValue:()=>Be,typeRampPlus3LineHeightValue:()=>Pe,typeRampPlus4FontSizeValue:()=>Ie,typeRampPlus4LineHeightValue:()=>ze,typeRampPlus5FontSizeValue:()=>$e,typeRampPlus5LineHeightValue:()=>Ve,typeRampPlus6FontSizeValue:()=>Me,typeRampPlus6LineHeightValue:()=>Ne});var n,l=a(53177),i=a(54634),s=a(33681),d=a(83912),c=a(38370);!function(e){e.primary="#11C9FC",e.neutral="#7C909B",e.error="#F9644D",e.success="#7ACC79",e.warning="#FFB660",e.info="#11C9FC",e.buy="#7ACC79",e.sell="#F14376",e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="#fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(n||(n={}));const{create:u}=c.DesignToken,p=(0,d.parseColorHexRGB)(n.error),g=i.SwatchRGB.create(p.r,p.g,p.b),h=u("error-color").withDefault(g),m=(0,d.parseColorHexRGB)(n.success),b=i.SwatchRGB.create(m.r,m.g,m.b),v=u("success-color").withDefault(b),f=(0,d.parseColorHexRGB)(n.warning),y=i.SwatchRGB.create(f.r,f.g,f.b),x=u("warning-color").withDefault(y),S=(0,d.parseColorHexRGB)(n.buy),F=i.SwatchRGB.create(S.r,S.g,S.b),w=u("buy-color").withDefault(F),k=(0,d.parseColorHexRGB)(n.sell),R=i.SwatchRGB.create(k.r,k.g,k.b),D=u("sell-color").withDefault(R),C=(0,d.parseColorHexRGB)(n.info),T=i.SwatchRGB.create(C.r,C.g,C.b),O=u("info-color").withDefault(T),A=(0,d.parseColorHexRGB)(n.error),L=i.SwatchRGB.create(A.r,A.g,A.b),H=u("serious-notify-color").withDefault(L),B=(0,l.paletteFromHex)(n.primary),P=(0,l.paletteFromHex)(n.neutral),I=i.StandardLuminance.DarkMode,z=0,$=4,V=-5,M=0,N=0,G=6,j=-4,E=0,U=7,W=10,_=5,X=0,q=0,Y=5,J=0,K=10,Q=0,Z=5,ee=3,te=0,ae=0,re=8,oe=-5,ne=0,le=3,ie=25,se=40,de=16,ce=25,ue=8;var pe=a(85109);const ge="rapid",he=pe.O.ltr,me=.3,be=1,ve=2,fe=10,ye=4,xe=0,Se=4,Fe='"Segoe UI", Arial, Helvetica, sans-serif',we="14px",ke="20px",Re="13px",De="19px",Ce="12px",Te="18px",Oe="15px",Ae="21px",Le="16px",He="22px",Be="17px",Pe="23px",Ie="18px",ze="24px",$e="19px",Ve="25px",Me="20px",Ne="26px",Ge={design_tokens:{color:{accent:{$value:B.source.toColorString(),$type:"color"},neutral:{$value:P.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:Fe,$type:"fontFamily"}},typography:{baseFontSize:{$value:we,$type:"dimension"},baseLineHeight:{$value:ke,$type:"dimension"}},mode:{luminance:{$value:I,$type:"number"}},style:{density:{$value:xe,$type:"number"},baseHeightMultiplier:{$value:fe,$type:"number"},borderRadius:{$value:ye,$type:"number"},strokeWidth:{$value:be,$type:"number"}},space:{designUnit:{$value:Se,$type:"number"}}}};class je extends i.DesignSystemProvider{constructor(){super(),(0,l.provideTokens)(r,o,this)}}const Ee=je.compose({baseName:"design-system-provider",template:s.html`
2
- <slot></slot>
3
- `}),Ue=(e,t)=>s.css`
4
- ${(0,l.foundationAccordionStyles)(e,t)}
5
-
6
- :host {
7
- border-top: none;
8
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
9
- }
10
-
11
- .heading {
12
- height: calc(var(--base-height-multiplier) * 4px);
13
- }
14
- `,We=(e,t)=>(0,l.foundationAccordionTemplate)(e,t);class _e extends l.Accordion{}const Xe=_e.compose(Object.assign({baseName:"accordion",template:We,styles:Ue,shadowOptions:l.foundationAccordionShadowOptions},l.defaultAccordionConfig)),qe=(e,t)=>s.css`
15
- ${(0,l.foundationAccordionItemStyles)(e,t)}
16
-
17
- :host {
18
- --icon-container-calculator: calc(
19
- (6 + (var(--design-unit) * 6)) * 1px
20
- ); /* height of section - (padding top +padding-bottom) */
21
-
22
- --icon-margin-calculation: calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
23
- }
24
-
25
- .region {
26
- padding: 0 calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px);
27
- color: var(--accent-foreground-rest);
28
- }
29
-
30
- :host([expanded]) .region {
31
- color: var(--accent-foreground-rest);
32
- }
33
-
34
- slot[name='expanded-icon'] {
35
- display: none;
36
- stroke: none;
37
- }
38
-
39
- slot[name='collapsed-icon'] path.plus-sign,
40
- slot[name='expanded-icon'] path.minus-sign {
41
- stroke: white;
42
- }
43
-
44
- slot[name='expanded-icon'],
45
- slot[name='collapsed-icon'] {
46
- background: var(--neutral-fill-rest);
47
- fill: none;
48
- stroke: none;
49
- height: calc(((var(--design-unit) * 4)) * 1px);
50
- width: calc(((var(--design-unit) * 4)) * 1px);
51
- }
52
-
53
- svg:not(:root) {
54
- height: calc(((var(--design-unit) * 4)) * 1px);
55
- width: calc(((var(--design-unit) * 4)) * 1px);
56
- }
57
-
58
- .icon {
59
- height: var(
60
- --icon-container-calculator
61
- ); /* UX 30px* for now it's 30 on default design unit - 4/ */
62
-
63
- width: var(--icon-container-calculator); /* UX 30px */
64
- margin: var(--icon-margin-calculation) var(--icon-margin-calculation)
65
- var(--icon-margin-calculation) 0;
66
- }
67
-
68
- .button {
69
- padding: 0 calc((8 + (var(--design-unit) * 2 * var(--density))) * 1px) 0
70
- calc((16 + (var(--design-unit) * 2 * var(--density))) * 1px);
71
- }
72
-
73
- .heading {
74
- grid-template-columns: auto 1fr auto;
75
- align-items: center;
76
- }
77
- `,Ye=(e,t)=>(0,l.foundationAccordionItemTemplate)(e,t);class Je extends l.AccordionItem{}const Ke=Je.compose(Object.assign({baseName:"accordion-item",template:Ye,styles:qe,shadowOptions:l.foundationAccordionItemShadowOptions},l.defaultAccordionItemConfig)),Qe=(e,t)=>s.css`
78
- :host {
79
- --actions-opener-height-multiplier: 0.6px;
80
- --menu-item-height-multiplier: 0.5px;
81
- }
82
-
83
- ${(0,l.actionsMenuBaseStyles)(e,t)}
84
-
85
- rapid-menu-item {
86
- display: flex;
87
- user-select: none;
88
- }
89
-
90
- rapid-menu-item::part(content) {
91
- margin-inline: calc(var(--design-unit) * 3px);
92
- }
93
-
94
- rapid-menu-item[disabled] {
95
- pointer-events: none;
96
- }
97
-
98
- .actions-vertical .actions-menu {
99
- padding: 0;
100
- }
101
-
102
- .actions-vertical .menu-item {
103
- margin: 0;
104
- padding: calc(var(--design-unit) * 4px);
105
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover);
106
- }
107
-
108
- .actions-vertical .menu-item:last-child {
109
- border-bottom: none;
110
- }
111
-
112
- .actions-vertical .menu-item:focus {
113
- border: calc(var(--stroke-width) * 1px) solid var(--accent-foreground-focus);
114
- }
115
- `;class Ze extends l.ActionsMenu{}const et=Ze.compose({baseName:"actions-menu",styles:Qe,template:l.foundationActionsMenuTemplate}),tt=s.css`
116
- ${l.foundationAiCriteriaSearchStyles}
117
- `,at=(e,t)=>l.foundationAiCriteriaSearchTemplate;class rt extends l.AiCriteriaSearch{}const ot=rt.compose(Object.assign({baseName:"ai-criteria-search",template:at,styles:tt,shadowOptions:l.foundationAiCriteriaSearchShadowOptions},l.defaultAiCriteriaSearchConfig));class nt extends l.AiIndicator{}const lt=nt.compose({baseName:"ai-indicator",template:l.foundationAiIndicatorTemplate,styles:(e,t)=>s.css`
118
- ${(0,l.foundationAiIndicatorStyles)(e,t)}
119
- :host {
120
- --green: var(--success-color);
121
- --trafic-light-green: var(--success-color);
122
- --red: var(--error-color);
123
- --trafic-light-red: var(--error-color);
124
- --amber: var(--warning-color);
125
- --trafic-light-amber: var(--warning-color);
126
- }
127
- `});function it(e,t){return new c.PropertyStyleSheetBehavior("appearance",e,t)}const st=s.css`
128
- :host([appearance='primary']) {
129
- background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);
130
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
131
- }
132
-
133
- :host([appearance='primary']:hover) {
134
- background: var(--accent-fill-rest);
135
- }
136
-
137
- :host([appearance='primary'][disabled]),
138
- :host([appearance='primary'][disabled]):hover,
139
- :host([appearance='primary'][disabled]):active {
140
- background: color-mix(in srgb, var(--accent-fill-rest), transparent 70%);
141
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
142
- color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
143
- opacity: 100%;
144
- }
145
-
146
- :host([appearance='primary']:active) {
147
- background: color-mix(in srgb, var(--accent-fill-rest), transparent 70%);
148
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
149
- }
150
- `,dt=s.css`
151
- :host([appearance='danger']) {
152
- background: color-mix(in srgb, var(--error-color), transparent 50%);
153
- border: calc(var(--stroke-width) * 1px) solid var(--error-color);
154
- }
155
-
156
- :host([appearance='danger']:hover) {
157
- background: var(--error-color);
158
- }
159
-
160
- :host([appearance='danger'][disabled]),
161
- :host([appearance='danger'][disabled]):hover,
162
- :host([appearance='danger'][disabled]):active {
163
- background: color-mix(in srgb, var(--error-color), transparent 70%);
164
- border: calc(var(--stroke-width) * 1px) solid var(--error-color);
165
- color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
166
- opacity: 100%;
167
- }
168
-
169
- :host([appearance='danger']:active) {
170
- background: color-mix(in srgb, var(--error-color), transparent 70%);
171
- border: calc(var(--stroke-width) * 1px) solid var(--error-color);
172
- }
173
- `,ct=s.css`
174
- :host([appearance='primary-outline']) {
175
- background: none;
176
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
177
- }
178
-
179
- :host([appearance='primary-outline']:hover) {
180
- background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);
181
- }
182
-
183
- :host([appearance='primary-outline'][disabled]),
184
- :host([appearance='primary-outline'][disabled]):hover,
185
- :host([appearance='primary-outline'][disabled]):active {
186
- background: none;
187
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
188
- color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
189
- opacity: 100%;
190
- }
191
- `,ut=s.css`
192
- :host([appearance='neutral-outline']) {
193
- background: none;
194
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
195
- }
196
-
197
- :host([appearance='neutral-outline']:hover) {
198
- background: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);
199
- }
200
-
201
- :host([appearance='neutral-outline'][disabled]),
202
- :host([appearance='neutral-outline'][disabled]):hover,
203
- :host([appearance='neutral-outline'][disabled]):active {
204
- background: none;
205
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
206
- color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
207
- opacity: 100%;
208
- }
209
- `,pt=s.css`
210
- :host([appearance='link']) {
211
- background: none;
212
- border: none;
213
- color: color-mix(in srgb, var(--accent-fill-rest), transparent 35%);
214
- }
215
-
216
- :host([appearance='link']) .control {
217
- padding: 0;
218
- }
219
-
220
- :host([appearance='link']:hover) {
221
- color: var(--accent-fill-rest);
222
- background: none;
223
- }
224
-
225
- :host([appearance='link'][disabled]),
226
- :host([appearance='link'][disabled]):hover,
227
- :host([appearance='link'][disabled]):active {
228
- background: none;
229
- color: color-mix(in srgb, var(--accent-fill-rest), transparent 35%);
230
- opacity: 100%;
231
- }
232
- `,gt=(e,t)=>s.css`
233
- ${(0,l.foundationButtonStyles)(e,t)}
234
- ${s.css`
235
- :host {
236
- font-weight: 500;
237
- color: var(--neutral-foreground-rest);
238
- box-sizing: border-box;
239
- font-size: var(--type-ramp-minus-1-font-size);
240
- height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);
241
- }
242
-
243
- .control {
244
- padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
245
- }
246
-
247
- .start {
248
- margin-inline-end: calc(var(--design-unit) * 2px);
249
- }
250
-
251
- .end {
252
- margin-inline-start: calc(var(--design-unit) * 2px);
253
- }
254
-
255
- .control:has(.start) {
256
- padding-left: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);
257
- }
258
-
259
- .control:has(.end) {
260
- padding-right: calc((12 + var(--design-unit) * 2 * var(--density)) * 1px);
261
- }
262
-
263
- :host([appearance='neutral']) {
264
- background: color-mix(in srgb, var(--neutral-fill-rest), transparent 50%);
265
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
266
- }
267
-
268
- :host([appearance='neutral']:hover) {
269
- background: var(--neutral-fill-rest);
270
- }
271
-
272
- :host([appearance='neutral']:active) {
273
- background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%));
274
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
275
- }
276
-
277
- :host([appearance='neutral'][disabled]),
278
- :host([appearance='neutral'][disabled]):hover,
279
- :host([appearance='neutral'][disabled]):active {
280
- background: color-mix(in srgb, var(--neutral-fill-rest), transparent 70%);
281
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);
282
- color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
283
- opacity: 100%;
284
- }
285
- `}
286
- `.withBehaviors(it("primary",st),it("danger",dt),it("primary-outline",ct),it("neutral-outline",ut),it("link",pt)),ht=(e,t)=>s.css`
287
- ${(0,l.foundationAnchorStyles)(e,t)}
288
- ${gt(e,t)}
289
- `.withBehaviors(...gt(e,t).behaviors),mt=(e,t)=>(0,l.foundationAnchorTemplate)(e,t);class bt extends l.Anchor{}const vt=bt.compose(Object.assign({baseName:"anchor",template:mt,styles:ht,shadowOptions:l.foundationAnchorShadowOptions},l.defaultAnchorConfig)),ft=(e,t)=>s.css`
290
- ${(0,l.foundationAnchoredRegionStyles)(e,t)}
291
- `,yt=(e,t)=>(0,l.foundationAnchoredRegionTemplate)(e,t);class xt extends l.AnchoredRegion{}const St=xt.compose(Object.assign({baseName:"anchored-region",template:yt,styles:ft,shadowOptions:l.foundationAnchoredRegionShadowOptions},l.defaultAnchoredRegionConfig)),Ft=(e,t)=>s.css`
292
- ${(0,l.foundationAvatarStyles)(e,t)}
293
- `,wt=(e,t)=>(0,l.foundationAvatarTemplate)(e,t);class kt extends l.Avatar{}const Rt=kt.compose(Object.assign({baseName:"avatar",template:wt,styles:Ft,shadowOptions:l.foundationAvatarShadowOptions},l.defaultAvatarConfig)),Dt=(e,t)=>s.css`
294
- ${(0,l.foundationBadgeStyles)(e,t)}
295
- :host {
296
- --badge-fill-primary: var(--accent-fill-rest);
297
- --badge-fill-neutral: var(--neutral-fill-rest);
298
- --badge-fill-success: var(--success-color);
299
- --badge-fill-danger: var(--error-color);
300
- --badge-fill-warning: var(--warning-color);
301
- --badge-fill-buy: var(--buy-color);
302
- --badge-fill-sell: var(--sell-color);
303
- --badge-color-text: var(--neutral-foreground-rest);
304
-
305
- font-size: var(--type-ramp-minus-2-font-size);
306
- }
307
-
308
- :host .control {
309
- padding: calc(${i.designUnit} * 1px) calc(${i.designUnit} * 2px);
310
- border: none;
311
- }
312
- `,Ct=(e,t)=>(0,l.foundationBadgeTemplate)(e,t);class Tt extends l.Badge{}const Ot=Tt.compose(Object.assign({baseName:"badge",template:Ct,styles:Dt,shadowOptions:l.foundationBadgeShadowOptions},l.defaultBadgeConfig)),At=s.css`
313
- ${l.foundationBannerStyles}
314
- :host {
315
- --banner-height: calc(
316
- ((var(--design-unit) + 2) * var(--base-height-multiplier)) +
317
- (var(--design-unit) * var(--design-unit)) * 1px
318
- );
319
- }
320
-
321
- .banner {
322
- background-color: var(--neutral-layer-1);
323
- color: var(--neutral-foreground-rest);
324
- padding: calc(var(--design-unit) * 4px);
325
- }
326
-
327
- .content {
328
- font-size: var(--type-ramp-base-font-size);
329
- font-family: var(--body-font);
330
- line-height: var(--type-ramp-base-line-height);
331
- }
332
- `,Lt=l.foundationBannerShadowOptions;class Ht extends l.Banner{}const Bt=Ht.compose({baseName:"banner",shadowOptions:Lt,styles:At,template:l.foundationBannerTemplate}),Pt=(e,t)=>s.css`
333
- ${(0,l.foundationBreadcrumbStyles)(e,t)}
334
- `,It=(e,t)=>(0,l.foundationBreadcrumbTemplate)(e,t);class zt extends l.Breadcrumb{}const $t=void 0,Vt={},Mt=zt.compose(Object.assign({baseName:"breadcrumb",template:It,styles:Pt,shadowOptions:$t},Vt)),Nt=(e,t)=>s.css`
335
- ${(0,l.foundationBreadcrumbItemStyles)(e,t)}
336
- .listitem {
337
- color: var(--accent-foreground-rest);
338
- }
339
-
340
- .control {
341
- color: var(--neutral-foreground-rest);
342
- }
343
-
344
- .control:hover {
345
- color: var(--neutral-foreground-rest);
346
- }
347
-
348
- .separator {
349
- color: var(--neutral-stroke-rest);
350
- margin: 0 12px;
351
- }
352
-
353
- .control:hover .content::before {
354
- background: var(--neutral-foreground-rest);
355
- }
356
-
357
- .control .start {
358
- width: calc(var(--base-height-multiplier) * 3px);
359
- height: calc(var(--base-height-multiplier) * 3px);
360
- display: flex;
361
- justify-content: center;
362
- align-items: center;
363
- border-radius: calc(var(--control-corner-radius) * 1px);
364
- margin: 0 -4px 0 0;
365
- }
366
-
367
- .control:hover .start {
368
- background: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
369
- }
370
- `,Gt=(e,t)=>(0,l.foundationBreadcrumbItemTemplate)(e,t);class jt extends l.BreadcrumbItem{}const Et=jt.compose(Object.assign({baseName:"breadcrumb-item",template:Gt,styles:Nt,shadowOptions:l.foundationBreadcrumbItemShadowOptions},l.defaultBreadcrumbItemConfig)),Ut=(e,t)=>(0,l.foundationButtonTemplate)(e,t);class Wt extends l.Button{}const _t=Wt.compose(Object.assign({baseName:"button",template:Ut,styles:gt,shadowOptions:l.foundationButtonShadowOptions},l.defaultButtonConfig)),Xt=()=>s.css`
371
- ${(0,l.foundationCalendarStyles)()}
372
- `,qt=(e,t)=>(0,l.foundationCalendarTemplate)(e,t);class Yt extends l.Calendar{}const Jt=Yt.compose(Object.assign({baseName:"calendar",template:qt,styles:Xt,shadowOptions:l.foundationCalendarShadowOptions},l.defaultCalendarConfig)),Kt=(e,t)=>s.css`
373
- ${(0,l.foundationCardStyles)(e,t)}
374
- :host {
375
- background: var(--neutral-layer-card-container);
376
- color: ${i.neutralForegroundRest};
377
- border: 1px solid var(--neutral-stroke-rest); /** uses a token instead of #2E3339 value available in ux docs */
378
-
379
- /* box-shadow and border-radius are being calculated at host
380
- level by using design-tokens */
381
- }
382
-
383
- ::slotted(rapid-card) {
384
- background: var(--neutral-layer-3);
385
- }
386
- `,Qt=(e,t)=>(0,l.foundationCardTemplate)(e,t);class Zt extends l.Card{}const ea=Zt.compose(Object.assign({baseName:"card",template:Qt,styles:Kt,shadowOptions:l.foundationCardShadowOptions},l.defaultCardConfig)),ta=s.css`
387
- ${l.categorizedMultiselectStyles}
388
-
389
- .label {
390
- color: var(--neutral-foreground-hint);
391
- }
392
-
393
- .options {
394
- background: var(--neutral-layer-4);
395
- }
396
-
397
- rapid-checkbox:hover:not([disabled]) {
398
- background: var(--neutral-layer-4);
399
- }
400
- `,aa=s.html`
401
- ${(0,l.getPrefixedCategorizedMultiselect)("rapid")}
402
- `;class ra extends l.CategorizedMultiselect{}const oa=l.defaultCategorizedMultiselectConfig,na=l.foundationCategorizedMultiselectShadowOptions,la=ra.compose(Object.assign({baseName:"categorized-multiselect",template:aa,styles:ta,shadowOptions:na},oa)),ia=(e,t)=>s.css`
403
- ${(0,l.foundationCheckboxStyles)(e,t)}
404
- :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
405
- fill: var(--neutral-foreground-rest);
406
- }
407
-
408
- .checked-indicator {
409
- fill: var(--neutral-foreground-rest);
410
- box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
411
- border-radius: calc(var(--control-corner-radius) * 1px);
412
- }
413
-
414
- .label {
415
- padding-inline-start: calc(var(--design-unit) * 2px);
416
- }
417
- `,sa=(e,t)=>(0,l.foundationCheckboxTemplate)(e,t);class da extends l.Checkbox{}const ca=da.compose(Object.assign({baseName:"checkbox",template:sa,styles:ia,shadowOptions:l.foundationCheckboxShadowOptions},l.defaultCheckboxConfig)),ua=(e,t)=>s.css`
418
- ${(0,l.foundationComboboxStyles)(e,t)}
419
- :host {
420
- border-style: solid;
421
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
422
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
423
- background-color: var(--neutral-fill-input-rest);
424
- height: calc(
425
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
426
- );
427
- }
428
-
429
- :host(:focus-within:not([disabled])) {
430
- border-style: solid;
431
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
432
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
433
- background-color: var(--neutral-fill-input-focus);
434
- }
435
-
436
- :host(:hover:not([disabled]):not([open])) {
437
- border-style: solid;
438
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
439
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
440
- background: var(--neutral-fill-input-hover);
441
- }
442
-
443
- :host([open][position='below']) .listbox {
444
- padding: 0;
445
- margin-top: calc(${i.designUnit} * 1px);
446
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
447
- border-radius: calc(var(--control-corner-radius) * 1px);
448
- }
449
-
450
- :host .listbox ::slotted(*:last-child) {
451
- border-bottom: none;
452
- }
453
-
454
- .control {
455
- padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);
456
- }
457
-
458
- :host(:not([disabled])) .control:active {
459
- background: none;
460
- }
461
-
462
- .indicator {
463
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
464
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
465
- background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
466
- border-radius: calc(var(--control-corner-radius) * 1px);
467
- display: flex;
468
- justify-content: center;
469
- align-items: center;
470
- }
471
-
472
- .combo-box-indicator {
473
- width: calc(var(--design-unit) * 3.5px);
474
- height: calc(var(--design-unit) * 3.5px);
475
- transition: all 0.35s;
476
- }
477
-
478
- .selected-value {
479
- height: calc(100% - (var(--design-unit) * 1px));
480
- padding: 0;
481
- margin: 0;
482
- }
483
-
484
- :host(:focus-within:not([disabled])) .indicator {
485
- background-color: transparent;
486
- }
487
-
488
- :host([open]) .combo-box-indicator {
489
- transition: all 0.35s;
490
- transform: rotate(180deg);
491
- }
492
-
493
- ::slotted([role='option']) {
494
- margin: 0;
495
- }
496
- `,pa=(e,t)=>(0,l.foundationComboboxTemplate)(e,t);class ga extends l.Combobox{}const ha=ga.compose(Object.assign({baseName:"combobox",template:pa,styles:ua,shadowOptions:l.foundationComboboxShadowOptions},l.defaultComboboxConfig));class ma extends l.ConnectionIndicator{}const ba=ma.compose({baseName:"connection-indicator",template:l.foundationConnectionIndicatorTemplate,styles:(e,t)=>s.css`
497
- ${(0,l.foundationConnectionIndicatorStyles)(e,t)}
498
- :host {
499
- --light-size: calc(var(--design-unit) * 3px);
500
- --red: var(--error-color);
501
- --trafic-light-red: color-mix(in srgb, var(--red), transparent 0%);
502
- --trafic-light-red-glow:
503
- color-mix(in srgb, var(--red), transparent 60%) 0 0 4px 4px,
504
- color-mix(in srgb, var(--red), transparent 80%) 0 0 8px 8px;
505
- --green: var(--success-color);
506
- --trafic-light-green: color-mix(in srgb, var(--green), transparent 0%);
507
- --trafic-light-green-glow:
508
- color-mix(in srgb, var(--green), transparent 60%) 0 0 4px 4px,
509
- color-mix(in srgb, var(--green), transparent 80%) 0 0 8px 8px;
510
- }
511
-
512
- .light {
513
- margin: calc(var(--design-unit) * 4px);
514
- }
515
-
516
- .label {
517
- font-family: var(--body-font);
518
- font-size: var(--type-ramp-base-font-size);
519
- color: var(--neutral-stroke-rest);
520
- }
521
- `});const va=["baseClass","baseName","shadowOptions","styles","template"],fa=e=>{const{definition:t}=e(),{shadowOptions:a,styles:r,template:o}=t,n=((e,t=va)=>Object.keys(e).filter(e=>!t.includes(e)).reduce((t,a)=>(t[a]=e[a],t),{}))(t);return{shadowOptions:a,styles:r,template:o,defaultConfig:n}},{defaultConfig:ya,shadowOptions:xa,styles:Sa,template:Fa}=fa(l.foundationDataGrid),wa=()=>(0,l.foundationDataGrid)(),ka=ya,Ra=Fa,Da=Sa,Ca=xa,{defaultConfig:Ta,shadowOptions:Oa,styles:Aa,template:La}=fa(l.foundationDataGridCell),Ha=()=>(0,l.foundationDataGridCell)(),Ba=Ta,Pa=La,Ia=Aa,za=Oa,{defaultConfig:$a,shadowOptions:Va,styles:Ma,template:Na}=fa(l.foundationDataGridRow),Ga=()=>(0,l.foundationDataGridRow)(),ja=$a,Ea=Na,Ua=Ma,Wa=Va,_a=()=>s.css`
522
- ${l.foundationDatePickerStyles}
523
-
524
- :host {
525
- --primary-gradient-angle: -113.5deg;
526
-
527
- display: inline-block;
528
- }
529
-
530
- .calendar-dropdown {
531
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
532
- font-family: var(--body-font);
533
- font-size: var(--type-ramp-base-font-size);
534
- line-height: var(--type-ramp-base-line-height);
535
- }
536
-
537
- .input-icon-container {
538
- display: flex;
539
- justify-content: center;
540
- align-items: center;
541
- border-radius: calc(var(--control-corner-radius) * 1px);
542
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
543
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
544
- }
545
-
546
- .input-icon-container:hover {
547
- background-color: var(--neutral-fill-rest);
548
- }
549
-
550
- .date-toggle::part(end) {
551
- margin-inline-end: calc(var(--design-unit) * 1px);
552
- }
553
-
554
- .date-toggle {
555
- margin-bottom: 0;
556
- }
557
-
558
- .month-day {
559
- width: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px);
560
- height: calc(((var(--base-height-multiplier) * (var(--design-unit) - 1)) + 2) * 1px);
561
- }
562
-
563
- .week-days span {
564
- font-size: var(--type-ramp-minus-2-font-size);
565
- }
566
- `,Xa=s.html`
567
- ${(0,l.getPrefixedDatePicker)("rapid")}
568
- `,qa=void 0,Ya={};class Ja extends l.DatePicker{}const Ka=Ja.compose(Object.assign({baseName:"date-picker",template:Xa,styles:_a,shadowOptions:qa},Ya)),Qa=s.css`
569
- ${l.foundationDialogStyles}
570
- :host {
571
- --dialog-background: ${i.neutralLayer2};
572
-
573
- font-family: var(--body-font);
574
- font-size: var(--type-ramp-base-font-size);
575
- line-height: var(--type-ramp-base-line-height);
576
- }
577
-
578
- dialog {
579
- position: var(--dialog-position, fixed);
580
- top: 0;
581
- bottom: 0;
582
- border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));
583
- border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));
584
- text-align: left;
585
- line-height: normal;
586
- box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
587
- }
588
-
589
- .top {
590
- display: flex;
591
- align-items: center;
592
- justify-content: space-between;
593
- color: var(--neutral-foreground-rest);
594
- margin-bottom: calc(var(--design-unit) * 2px);
595
- font-weight: 500;
596
- }
597
-
598
- .bottom {
599
- display: flex;
600
- flex-wrap: wrap;
601
- justify-content: flex-end;
602
- color: var(--neutral-foreground-rest);
603
- gap: calc(var(--design-unit) * 2px);
604
- }
605
-
606
- :host slot:first-of-type {
607
- color: ${i.neutralForegroundRest};
608
- }
609
-
610
- ::slotted(rapid-button) {
611
- margin-top: calc(var(--design-unit) * 4px - 1px);
612
- }
613
-
614
- slot[name='top']::slotted(*) {
615
- margin: 0;
616
- font-size: var(--type-ramp-base-font-size);
617
- color: var(--neutral-foreground-hint);
618
- font-weight: 700;
619
- }
620
-
621
- .content-wrapper {
622
- min-width: var(--dialog-min-width);
623
- min-height: var(--dialog-min-height);
624
- height: fit-content;
625
- width: fit-content;
626
- max-width: var(--dialog-max-width);
627
- max-height: var(--dialog-max-height);
628
- display: flex;
629
- flex-direction: column;
630
- justify-content: space-between;
631
- align-items: stretch;
632
- }
633
-
634
- .close-icon:hover svg {
635
- background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);
636
- }
637
-
638
- .close-icon svg g path {
639
- fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);
640
- }
641
-
642
- .close-icon:hover svg g path {
643
- fill: var(--neutral-foreground-rest);
644
- }
645
-
646
- .close-icon:active svg {
647
- background-color: var(--neutral-layer-4);
648
- }
649
-
650
- .close-icon:active svg g path {
651
- fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);
652
- }
653
-
654
- .header-controls {
655
- rapid-button {
656
- --base-height-multiplier: 8;
657
- }
658
-
659
- rapid-button::part(control) {
660
- padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);
661
- }
662
- }
663
- `,Za=l.defaultDialogConfig,er=l.foundationDialogTemplate,tr=l.foundationDialogShadowOptions;class ar extends l.Dialog{}const rr=ar.compose(Object.assign({baseName:"dialog",shadowOptions:tr,styles:Qa,template:er},Za)),or=(e,t)=>s.css`
664
- ${(0,l.foundationDisclosureStyles)(e,t)}
665
- :host {
666
- font-size: var(--type-ramp-base-font-size);
667
- font-family: var(--body-font);
668
- line-height: var(--type-ramp-base-line-height);
669
- color: var(--neutral-foreground-rest);
670
- }
671
-
672
- :host([appearance='accent']) .invoker {
673
- padding: calc((10 + (var(--design-unit) * 2 * var(--density))) * 1px);
674
- }
675
-
676
- #disclosure-content {
677
- padding: 0 calc(var(--design-unit) * 4px) calc(var(--design-unit) * 4px);
678
- text-align: center;
679
- }
680
- `,nr=(e,t)=>(0,l.foundationDisclosureTemplate)(e,t);class lr extends l.Disclosure{}const ir=lr.compose(Object.assign({baseName:"disclosure",template:nr,styles:or,shadowOptions:l.foundationDialogShadowOptions},l.defaultDisclosureConfig)),sr=(e,t)=>s.css`
681
- ${(0,l.foundationDividerStyles)(e,t)}
682
- `,dr=(e,t)=>(0,l.foundationDividerTemplate)(e,t);class cr extends l.Divider{}const ur=cr.compose(Object.assign({baseName:"divider",template:dr,styles:sr,shadowOptions:l.foundationDividerShadowOptions},l.defaultDividerConfig)),pr=(e,t)=>s.css`
683
- ${(0,l.dropdownMenuBaseStyles)("rapid",e,t)}
684
-
685
- .actions-menu {
686
- border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
687
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
688
- gap: 0;
689
- margin: calc(var(--design-unit) * 1px) 0;
690
- }
691
-
692
- rapid-menu {
693
- margin: 0 0 calc(var(--design-unit) * 1px) calc(var(--design-unit) * -2px);
694
- border-radius: calc(var(--control-corner-radius) * 1px) calc(var(--control-corner-radius) * 1px);
695
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
696
- }
697
- `;class gr extends l.DropdownMenu{}const hr=gr.compose({baseName:"dropdown-menu",styles:pr,template:l.foundationDropdownMenuTemplate}),mr=s.css`
698
- ${l.environmentIndicatorStyles}
699
- `;class br extends l.EnvironmentIndicator{}const vr=br.compose({baseName:"environment-indicator",styles:mr,template:l.foundationEnvironmentIndicatorTemplate}),{defaultConfig:fr,shadowOptions:yr,styles:xr,template:Sr}=fa(l.foundationErrorBoundary),Fr=()=>(0,l.foundationErrorBoundary)(),wr=fr,kr=Sr,Rr=xr,Dr=yr,Cr=l.foundationFileReaderStyles,Tr=l.FileReader.compose({baseName:"file-reader",styles:Cr,template:l.fileReaderTemplate}),Or=s.css`
700
- ${l.foundationFileUploadStyles}
701
- ::-webkit-scrollbar {
702
- width: calc(var(--design-unit) * 3px);
703
- }
704
-
705
- ::-webkit-scrollbar-track {
706
- background: rgb(31 33 38);
707
- }
708
-
709
- ::-webkit-scrollbar-thumb {
710
- width: 8px;
711
- border-radius: 10px;
712
- box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);
713
- background-color: var(--neutral-fill-rest);
714
- border: calc(var(--stroke-width) * 3px) solid var(--neutral-layer-4);
715
- }
716
-
717
- :host::part(select-file-button),
718
- :host::part(upload-file-button) {
719
- margin: 0 0 calc(var(--design-unit) * 2px) calc(var(--design-unit) * 2px);
720
- }
721
- `,Ar=s.html`
722
- ${(0,l.getPrefixedFileUpload)("rapid")}
723
- `,Lr=l.defaultFileUploadConfig,Hr=l.foundationFileUploadShadowOptions;class Br extends l.FileUpload{}const Pr=Br.compose(Object.assign({baseName:"file-upload",shadowOptions:Hr,styles:Or,template:Ar},Lr)),Ir=s.html`
724
- ${(0,l.getPrefixedFilterTemplate)("rapid")}
725
- `;class zr extends l.Filter{}const $r=zr.compose({baseName:"filter",template:Ir,styles:(e,t)=>s.css`
726
- ${l.foundationFilterStyles}
727
- .filter-wrapper {
728
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
729
- }
730
-
731
- .close-icon {
732
- border: calc(var(--stroke-width) * 1px) solid transparent;
733
- }
734
-
735
- .close-icon:hover {
736
- border-color: var(--error-color);
737
- background: color-mix(in srgb, var(--error-color), transparent 75%);
738
- }
739
-
740
- .close-icon:hover svg path {
741
- fill: var(--error-color);
742
- }
743
-
744
- rapid-select {
745
- margin-bottom: calc(var(--design-unit) * 2px);
746
- }
747
-
748
- .flex-row rapid-text-field,
749
- .flex-row rapid-select {
750
- flex: 1;
751
- }
752
- `}),Vr=(e,t)=>s.css`
753
- ${(0,l.foundationFilterBarStyles)(e,t)}
754
- .toggle,
755
- .toggle-collapsed {
756
- background: var(--neutral-layer-4);
757
- color: var(--neutral-foreground-hint);
758
- }
759
-
760
- .toggle {
761
- border-top: calc(var(--stroke-width) * 2px) solid;
762
- }
763
-
764
- .toggle:hover,
765
- .toggle-collapsed:hover {
766
- color: var(--accent-foreground-rest);
767
- }
768
-
769
- .filter-bar {
770
- background: var(--neutral-layer-3);
771
- }
772
- `,Mr=s.html`
773
- ${(0,l.filterBarTemplate)("rapid")}
774
- `;class Nr extends l.FilterBar{}const Gr=Nr.compose({baseName:"filter-bar",template:Mr,styles:Vr}),{defaultConfig:jr,shadowOptions:Er,styles:Ur,template:Wr}=fa(l.foundationFlexLayout),_r=()=>(0,l.foundationFlexLayout)(),Xr=jr,qr=Wr,Yr=Ur,Jr=Er,Kr=(e,t)=>s.css`
775
- ${(0,l.foundationFlipperStyles)(e,t)}
776
- :host {
777
- color: var(--neutral-foreground-rest);
778
- }
779
-
780
- :host(:hover) {
781
- color: var(--neutral-foreground-rest);
782
- }
783
-
784
- :host::before {
785
- background: color-mix(in srgb, var(--accent-fill-rest), transparent 50%);
786
- border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);
787
- color: var(--neutral-foreground-rest);
788
- }
789
-
790
- :host(:hover)::before {
791
- background: var(--accent-fill-rest);
792
- color: var(--neutral-foreground-rest);
793
- }
794
- `,Qr=(e,t)=>(0,l.foundationFlipperTemplate)(e,t);class Zr extends l.Flipper{}const eo=Zr.compose(Object.assign({baseName:"flipper",template:Qr,styles:Kr,shadowOptions:l.foundationFlipperShadowOptions},l.defaultFlipperConfig)),to=s.css`
795
- ${l.foundationFlyoutStyles}
796
- div.flyout {
797
- background-color: var(--neutral-layer-2);
798
- border-color: var(--neutral-stroke-rest);
799
- color: var(--neutral-foreground-rest);
800
- padding: calc(var(--design-unit) * 4px);
801
- }
802
-
803
- div.background {
804
- padding: calc(var(--design-unit) * 4px) 0;
805
- }
806
-
807
- :host {
808
- font-size: var(--type-ramp-base-font-size);
809
- font-family: var(--body-font);
810
- line-height: var(--type-ramp-base-line-height);
811
- }
812
-
813
- :host([position='left']) div.flyout {
814
- border-right-style: solid;
815
- border-right-width: calc(var(--stroke-width) * 1px);
816
- }
817
-
818
- :host([position='right']) div.flyout {
819
- border-left-style: solid;
820
- border-left-width: calc(var(--stroke-width) * 1px);
821
- }
822
-
823
- div.exit {
824
- cursor: pointer;
825
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
826
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
827
- display: flex;
828
- justify-content: center;
829
- align-items: center;
830
- }
831
-
832
- div.content,
833
- div.footer {
834
- padding: 0 0 calc(var(--design-unit) * 2px);
835
- }
836
-
837
- div.exit:hover {
838
- background-color: var(--neutral-fill-hover);
839
- border-radius: calc(var(--stroke-width) * 3px);
840
- }
841
- `,ao=s.html`
842
- ${(0,l.getPrefixedFlyout)("rapid")}
843
- `,ro=l.defaultFlyoutConfig,oo=l.foundationFlyoutShadowOptions;class no extends l.Flyout{}const lo=no.compose(Object.assign({baseName:"flyout",shadowOptions:oo,styles:to,template:ao},ro)),{defaultConfig:io,shadowOptions:so,styles:co,template:uo}=fa(l.foundationGridLayout),po=()=>(0,l.foundationGridLayout)(),go=io,ho=uo,mo=co,bo=so,{defaultConfig:vo,shadowOptions:fo,styles:yo,template:xo}=fa(l.foundationGridLayoutItem),So=()=>(0,l.foundationGridLayoutItem)(),Fo=vo,wo=xo,ko=yo,Ro=fo,Do=(e,t)=>s.css`
844
- ${(0,l.foundationHorizontalScrollStyles)(e,t)}
845
- `,Co=(e,t)=>(0,l.foundationHorizontalScrollTemplate)(e,t);class To extends l.HorizontalScroll{}const Oo={nextFlipper:s.html`
846
- <rapid-flipper
847
- @click="${e=>e.scrollToNext()}"
848
- aria-hidden="${e=>e.flippersHiddenFromAT}"
849
- ></rapid-flipper>
850
- `,previousFlipper:s.html`
851
- <rapid-flipper
852
- @click="${e=>e.scrollToPrevious()}"
853
- direction="previous"
854
- aria-hidden="${e=>e.flippersHiddenFromAT}"
855
- ></rapid-flipper>
856
- `},Ao=To.compose(Object.assign({baseName:"horizontal-scroll",template:Co,styles:Do,shadowOptions:l.foundationHorizontalScrollShadowOptions},Oo)),Lo=(e,t)=>s.css`
857
- ${(0,l.foundationIconStyles)(e,t)}
858
- `,Ho=s.html`
859
- ${(0,l.getPrefixedIcon)("rapid")}
860
- `;class Bo extends l.Icon{}const Po=l.defaultIconConfig,Io=l.foundationIconShadowOptions,zo=Bo.compose(Object.assign({baseName:"icon",template:Ho,styles:Lo,shadowOptions:Io},Po)),$o=(e,t)=>s.css`
861
- ${(0,l.foundationListboxStyles)(e,t)}
862
-
863
- :host {
864
- padding: 0;
865
- max-width: 300px; /** if removed max-width will be fit-content */
866
- }
867
-
868
- ::slotted(*:last-child) {
869
- border-bottom: none;
870
- }
871
- `,Vo=(e,t)=>(0,l.foundationListboxTemplate)(e,t);class Mo extends l.Listbox{}const No=Mo.compose(Object.assign({baseName:"listbox",template:Vo,styles:$o,shadowOptions:l.foundationListboxShadowOptions},l.defaultListboxConfig)),Go=(e,t)=>s.css`
872
- ${(0,l.foundationListboxOptionStyles)(e,t)}
873
- :host {
874
- border-radius: 0;
875
- padding: 0 calc(var(--design-unit) * 4px);
876
- height: calc(
877
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
878
- );
879
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
880
- }
881
-
882
- :host(.selected),
883
- :host(:not([disabled])[aria-selected='true']:active),
884
- :host(:not([disabled])[aria-selected='true']:hover) {
885
- background: var(--neutral-layer-4);
886
- color: var(--accent-fill-rest);
887
- }
888
- `,jo=(e,t)=>(0,l.foundationListboxOptionTemplate)(e,t);class Eo extends l.ListboxOption{}const Uo=Eo.compose(Object.assign({baseName:"option",template:jo,styles:Go,shadowOptions:l.foundationListboxOptionShadowOptions},l.defaultListboxOptionConfig)),Wo=(e,t)=>s.css`
889
- ${(0,l.foundationMenuStyles)(e,t)}
890
- :host {
891
- border: calc(var(--focus-stroke-width) * 1px) solid
892
- color-mix(in srgb, ${i.neutralFillStealthHover}, transparent 15%);
893
- padding: 0;
894
- }
895
- `,_o=(e,t)=>(0,l.foundationMenuTemplate)(e,t);class Xo extends l.Menu{}const qo=Xo.compose(Object.assign({baseName:"menu",template:_o,styles:Wo,shadowOptions:l.foundationMenuShadowOptions},l.defaultMenuConfig)),Yo=(e,t)=>s.css`
896
- ${(0,l.foundationMenuItemStyles)(e,t)}
897
- :host {
898
- margin: 0;
899
-
900
- --control-corner-radius: 0;
901
-
902
- background: var(--neutral-fill-stealth-rest);
903
- border-radius: calc(var(--control-corner-radius) * 1px);
904
- }
905
-
906
- :host(:hover) {
907
- background: color-mix(in srgb, ${i.neutralFillStealthHover}, transparent 15%);
908
- border: calc(var(--focus-stroke-width) * 1px) solid
909
- color-mix(in srgb, ${i.neutralFillStealthHover}, transparent 15%);
910
- }
911
-
912
- :host(:focus) {
913
- background: var(--neutral-fill-stealth-hover);
914
- }
915
-
916
- :host(.indent-0) {
917
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-stealth-hover);
918
- }
919
-
920
- /*
921
- UX team wants
922
- border: solid 1px #2E3339;
923
- background: #2E3339
924
- */
925
-
926
- /*
927
- tokens being used by fast
928
- background: ${i.neutralFillStealthHover}
929
- color: ${i.neutralForegroundRest}
930
- */
931
- `,Jo=(e,t)=>(0,l.foundationMenuItemTemplate)(e,t),Ko=l.foundationMenuItemShadowOptions;class Qo extends l.MenuItem{}const Zo=Qo.compose(Object.assign({baseName:"menu-item",template:Jo,styles:Yo,shadowOptions:Ko},l.defaultMenuItemConfig)),en=s.css`
932
- ${Qa}
933
- `,tn=l.defaultModalConfig,an=l.foundationModalTemplate,rn=l.foundationModalShadowOptions;class on extends l.Modal{}const nn=on.compose(Object.assign({baseName:"modal",shadowOptions:rn,styles:en,template:an},tn)),ln=s.css`
934
- ${l.multiselectStyles}
935
-
936
- .control {
937
- height: calc(
938
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
939
- );
940
- min-height: 0;
941
- outline: none;
942
- border-style: solid;
943
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
944
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
945
- background-color: var(--neutral-fill-input-rest);
946
- color: var(--neutral-foreground-rest);
947
- font-size: var(--type-ramp-base-font-size);
948
- line-height: var(--type-ramp-base-line-height);
949
- font-family: var(--body-font);
950
- box-sizing: border-box;
951
- }
952
-
953
- :host(:focus-within:not([disabled])) .control {
954
- outline: none;
955
- border-style: solid;
956
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
957
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
958
- background-color: var(--neutral-fill-input-focus);
959
- }
960
-
961
- .control:hover:not(:focus):not([disabled]) {
962
- outline: none;
963
- border-style: solid;
964
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
965
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
966
- background: var(--neutral-fill-input-hover);
967
- }
968
-
969
- #display-field {
970
- min-height: unset;
971
- padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);
972
- font-family: var(--body-font);
973
- background-color: transparent;
974
- }
975
-
976
- #display-field:focus {
977
- outline: none;
978
- background: unset;
979
- }
980
-
981
- #display-field:hover:not(:focus):not([disabled]) {
982
- outline: none;
983
- }
984
-
985
- .indicator {
986
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
987
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
988
- left: calc(
989
- 100% -
990
- ((var(--base-height-multiplier) * (var(--design-unit) - 1)) + (var(--design-unit) - 2)) *
991
- 1px
992
- );
993
- background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
994
- border-radius: calc(var(--control-corner-radius) * 1px);
995
- display: flex;
996
- justify-content: center;
997
- align-items: center;
998
- }
999
-
1000
- #arrow-icon {
1001
- width: calc(var(--design-unit) * 3.5px);
1002
- height: calc(var(--design-unit) * 3.5px);
1003
- fill: var(--neutral-foreground-rest);
1004
- }
1005
-
1006
- .label {
1007
- color: var(--neutral-foreground-hint);
1008
- }
1009
-
1010
- .options {
1011
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1012
- overflow-x: hidden;
1013
- }
1014
-
1015
- rapid-checkbox {
1016
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1017
- padding: calc((var(--design-unit) + 1) * 1px) 0 calc((var(--design-unit) + 1) * 1px)
1018
- calc((var(--design-unit) + 1) * 1px);
1019
- margin: 0;
1020
- }
1021
-
1022
- rapid-checkbox:hover:not([disabled]) {
1023
- background: var(--neutral-layer-4);
1024
- }
1025
-
1026
- rapid-checkbox::part(label) {
1027
- overflow-x: hidden;
1028
- text-overflow: ellipsis;
1029
- white-space: nowrap;
1030
- }
1031
-
1032
- rapid-checkbox[disabled] {
1033
- cursor: not-allowed;
1034
- }
1035
- `,sn=s.html`
1036
- ${(0,l.getPrefixedMultiselect)("rapid")}
1037
- `;class dn extends l.Multiselect{}const cn=l.defaultMultiselectConfig,un=l.foundationMultiselectShadowOptions,pn=dn.compose(Object.assign({baseName:"multiselect",template:sn,styles:ln,shadowOptions:un},cn));class gn extends l.NotificationListener{}const hn=gn.compose({baseName:"notification-listener",template:l.foundationNotificationListenerTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}}),mn=(e,t)=>s.css`
1038
- :host {
1039
- flex: 1 1 auto;
1040
- box-sizing: border-box;
1041
- }
1042
-
1043
- :host([disabled]) {
1044
- opacity: var(--disabled-opacity);
1045
- cursor: not-allowed;
1046
- }
1047
-
1048
- :host .control {
1049
- height: 100%;
1050
- width: 100%;
1051
- border: none;
1052
- background-color: transparent;
1053
- padding: 0 calc(var(--design-unit) * 2px);
1054
- color: var(--neutral-foreground-rest);
1055
- font-size: var(--type-ramp-base-font-size);
1056
- font-family: var(--body-font);
1057
- }
1058
-
1059
- :host .root {
1060
- display: flex;
1061
- box-sizing: border-box;
1062
- position: relative;
1063
- align-items: center;
1064
- border-radius: calc(var(--control-corner-radius) * 1px);
1065
- border-style: solid;
1066
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
1067
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
1068
- background-color: var(--neutral-fill-input-rest);
1069
- height: calc(
1070
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
1071
- );
1072
- }
1073
-
1074
- :host(:hover:not([disabled])) .root {
1075
- border-style: solid;
1076
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
1077
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
1078
- background: var(--neutral-fill-input-hover);
1079
- }
1080
-
1081
- :host(:focus-within:not([disabled])) .root {
1082
- border-style: solid;
1083
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
1084
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
1085
- background-color: var(--neutral-fill-input-focus);
1086
- box-shadow: none;
1087
- }
1088
-
1089
- .label {
1090
- display: block;
1091
- color: var(--neutral-foreground-hint);
1092
- font-weight: 700;
1093
- margin: calc(var(--design-unit) * 2px) 0;
1094
- font-family: var(--body-font);
1095
- font-size: var(--type-ramp-base-font-size);
1096
- line-height: var(--type-ramp-base-line-height);
1097
- }
1098
-
1099
- .label-hidden {
1100
- margin: 0;
1101
- }
1102
-
1103
- .controls {
1104
- position: absolute;
1105
- right: 3px;
1106
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
1107
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
1108
- background-color: var(--neutral-fill-rest);
1109
- border-radius: calc(var(--control-corner-radius) * 1px);
1110
- display: flex;
1111
- justify-content: center;
1112
- align-items: center;
1113
- flex-direction: column;
1114
- cursor: pointer;
1115
- }
1116
-
1117
- .step-down,
1118
- .step-up {
1119
- width: 1em;
1120
- height: 1em;
1121
- margin: -2px;
1122
- }
1123
-
1124
- .step-up-glyph,
1125
- .step-down-glyph {
1126
- fill: var(--neutral-foreground-hint);
1127
- }
1128
-
1129
- .control:focus-visible {
1130
- outline: none;
1131
- }
1132
-
1133
- ${l.sharedFieldStyles}
1134
- `;class bn extends l.NumberField{}const vn=l.defaultNumberFieldConfig,fn=l.foundationNumberFieldTemplate,yn=l.foundationNumberFieldShadowOptions,xn=bn.compose(Object.assign({baseName:"number-field",template:fn,styles:mn,shadowOptions:yn},vn));class Sn extends l.Optgroup{}const Fn=Sn.compose({baseName:"optgroup",template:(e,t)=>(0,l.foundationOptgroupTemplate)(e,t),styles:(e,t)=>s.css`
1135
- ${(0,l.foundationOptgroupStyles)(e,t)}
1136
- `});class wn extends l.SystemHealthOverlay{}const kn=wn.compose(Object.assign({baseName:"system-health-overlay",template:l.foundationSystemHealthOverlayTemplate,styles:l.foundationSystemHealthOverlayStyles,shadowOptions:l.foundationSystemHealthOverlayShadowOptions},l.defaultSystemHealthOverlayConfig)),Rn=(e,t)=>s.css`
1137
- ${(0,l.foundationProgressStyles)(e,t)}
1138
- `,Dn=(e,t)=>(0,l.foundationProgressTemplate)(e,t);class Cn extends l.Progress{}const Tn=Cn.compose(Object.assign({baseName:"progress",template:Dn,styles:Rn,shadowOptions:l.foundationProgressShadowOptions},l.defaultProgressConfig)),On=(e,t)=>s.css`
1139
- ${(0,l.foundationProgressRingStyles)(e,t)}
1140
- `,An=(e,t)=>(0,l.foundationProgressRingTemplate)(e,t);class Ln extends l.ProgressRing{}const Hn={},Bn=Ln.compose(Object.assign({baseName:"progress-ring",template:An,styles:On,shadowOptions:l.foundationProgressRingShadowOptions},l.defaultProgressRingConfig)),Pn=(e,t)=>s.css`
1141
- ${(0,l.foundationRadioStyles)(e,t)}
1142
- :host {
1143
- margin: calc(var(--design-unit) * 2px) 0 calc(var(--design-unit) * 2px) 0;
1144
- }
1145
-
1146
- :host .control {
1147
- background: transparent;
1148
- }
1149
-
1150
- :host([aria-checked='true']) .control {
1151
- background: transparent;
1152
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1153
- }
1154
-
1155
- :host .label {
1156
- padding-inline-start: calc(var(--design-unit) * 2px);
1157
- }
1158
-
1159
- :host(:not([disabled])) .control:hover {
1160
- background: transparent;
1161
- }
1162
-
1163
- :host([aria-checked='true']:not([disabled])) .control:hover {
1164
- background: transparent;
1165
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);
1166
- }
1167
-
1168
- .checked-indicator,
1169
- :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
1170
- background: var(--accent-fill-rest);
1171
- }
1172
- `,In=(e,t)=>(0,l.foundationRadioTemplate)(e,t);class zn extends l.Radio{}const $n=zn.compose(Object.assign({baseName:"radio",template:In,styles:Pn,shadowOptions:l.foundationRadioShadowOptions},l.defaultRadioConfig)),Vn=(e,t)=>s.css`
1173
- ${(0,l.foundationRadioGroupStyles)(e,t)}
1174
- `,Mn=(e,t)=>(0,l.foundationRadioGroupTemplate)(e,t);class Nn extends l.RadioGroup{}const Gn=Nn.compose(Object.assign({baseName:"radio-group",template:Mn,styles:Vn,shadowOptions:l.foundationRadioGroupShadowOptions},l.defaultRadioGroupConfig)),jn=s.css`
1175
- ${l.schedulerStyles}
1176
-
1177
- :host {
1178
- font-family: var(--body-font);
1179
- }
1180
- `,En=s.html`
1181
- ${(0,l.getPrefixedScheduler)("rapid")}
1182
- `;class Un extends l.Scheduler{}const Wn=Un.compose(Object.assign({baseName:"scheduler",template:En,styles:jn,shadowOptions:l.foundationSchedulerShadowOptions},l.defaultConfig)),_n=s.css`
1183
- ${l.schedulerCronBuilderStyles}
1184
-
1185
- :host {
1186
- font-family: var(--body-font);
1187
- }
1188
- `,Xn=s.html`
1189
- ${(0,l.getPrefixedCronBuilder)("rapid")}
1190
- `;class qn extends l.SchedulerCronBuilder{}const Yn=qn.compose(Object.assign({baseName:"scheduler-cron-builder",template:Xn,styles:_n,shadowOptions:l.foundationSchedulerCronBuilderShadowOptions},l.defaultCronBuilderConfig)),Jn=s.css`
1191
- ${l.schedulerTimezoneStyles}
1192
-
1193
- :host {
1194
- font-family: var(--body-font);
1195
- }
1196
- `,Kn=s.html`
1197
- ${(0,l.getPrefixedSchedulerTimezone)("rapid")}
1198
- `;class Qn extends l.SchedulerTimezone{}const Zn=Qn.compose(Object.assign({baseName:"scheduler-timezone",template:Kn,styles:Jn,shadowOptions:l.foundationSchedulerTimezoneShadowOptions},l.defaultTimezoneConfig)),el=s.css`
1199
- ${l.foundationSearchBarStyles}
1200
- `,tl=s.html`
1201
- ${(0,l.getPrefixedSearchBar)("rapid")}
1202
- `;class al extends l.SearchBar{}const rl=al.compose(Object.assign({baseName:"search-bar",template:tl,styles:el,shadowOptions:l.foundationSearchBarShadowOptions},l.defaultSearchBarConfig)),ol=(e,t)=>s.css`
1203
- ${(0,l.foundationSearchBarComboboxStyles)(e,t)}
1204
-
1205
- :host {
1206
- border-style: solid;
1207
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
1208
- border-color: var(--neutral-stroke-fill-rest, var(--neutral-stroke-rest));
1209
- background-color: var(--neutral-fill-input-rest);
1210
- height: calc(
1211
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
1212
- );
1213
- }
1214
-
1215
- :host(:focus-within:not([disabled])) {
1216
- border-style: solid;
1217
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
1218
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
1219
- background-color: var(--neutral-fill-input-focus);
1220
- }
1221
-
1222
- :host(:hover:not([disabled]):not([open])) {
1223
- border-style: solid;
1224
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
1225
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
1226
- background: var(--neutral-fill-input-hover);
1227
- }
1228
-
1229
- :host([open][position='below']) .listbox {
1230
- padding: 0;
1231
- margin-top: calc(${l.designUnit} * 1px);
1232
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1233
- border-radius: calc(var(--control-corner-radius) * 1px);
1234
- }
1235
-
1236
- :host .listbox ::slotted(*:last-child) {
1237
- border-bottom: none;
1238
- }
1239
- `,nl=(e,t)=>(0,l.foundationSearchBarComboboxTemplate)(e,t);class ll extends l.SearchBarCombobox{}const il=ll.compose(Object.assign({baseName:"search-bar-combobox",template:nl,styles:ol,shadowOptions:l.foundationSearchBarComboboxShadowOptions},l.defaultSearchBarComboboxConfig)),sl=(e,t)=>l.foundationSectionNavigatorStyles;class dl extends l.SectionNavigator{}const cl=dl.compose(Object.assign({baseName:"section-navigator",template:l.foundationSectionNavigatorTemplate,styles:sl,shadowOptions:l.foundationSectionNavigatorShadowOptions},l.defaultSectionNavigatorConfig)),ul=(e,t)=>s.css`
1240
- ${(0,l.foundationSegmentedControlStyles)(e,t)}
1241
- :host {
1242
- font-family: var(--body-font);
1243
- }
1244
-
1245
- :host ::slotted(*) {
1246
- transition: color 0.4s ease 0s;
1247
- }
1248
-
1249
- :host ::slotted(label) {
1250
- color: var(--neutral-foreground-rest);
1251
- }
1252
-
1253
- :host ::slotted(rapid-segmented-item:first-of-type) {
1254
- border-radius: calc(var(--control-corner-radius) * 1px) 0 0
1255
- calc(var(--control-corner-radius) * 1px);
1256
- border-right-width: 0;
1257
- }
1258
-
1259
- :host ::slotted(rapid-segmented-item:last-of-type) {
1260
- border-radius: 0 calc(var(--control-corner-radius) * 1px)
1261
- calc(var(--control-corner-radius) * 1px) 0;
1262
- border-left-width: 0;
1263
- }
1264
-
1265
- :host ::slotted(rapid-segmented-item:only-of-type) {
1266
- border-radius: calc(var(--control-corner-radius) * 1px);
1267
- border-left-width: 1px;
1268
- border-right-width: 1px;
1269
- }
1270
-
1271
- :host ::slotted(*[aria-checked='true']) {
1272
- background: var(--neutral-fill-rest);
1273
- box-shadow: none;
1274
- color: var(--neutral-foreground-rest);
1275
- }
1276
-
1277
- :host([appearance='primary']) ::slotted(*[aria-checked='true']) {
1278
- background: var(--accent-fill-rest);
1279
- border-color: transparent;
1280
- box-shadow: none;
1281
- color: var(--foreground-on-accent-rest);
1282
- }
1283
- `,pl=(e,t)=>(0,l.foundationSegmentedControlTemplate)(e,t);class gl extends l.SegmentedControl{}const hl=void 0,ml={},bl=gl.compose(Object.assign({baseName:"segmented-control",template:pl,styles:ul,shadowOptions:hl},ml)),vl=(e,t)=>s.css`
1284
- ${(0,l.foundationSegmentedItemStyles)(e,t)}
1285
- :host {
1286
- color: var(--neutral-fill-strong-rest);
1287
- font-size: var(--type-ramp-minus-2-font-size);
1288
- font-weight: 500;
1289
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1290
- box-sizing: border-box;
1291
- height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);
1292
- padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
1293
- }
1294
-
1295
- :host([aria-checked='true']) {
1296
- color: color-mix(in srgb, white, transparent 10%);
1297
- }
1298
- `,fl=(e,t)=>(0,l.foundationSegmentedItemTemplate)(e,t);class yl extends l.Radio{}const xl=void 0,Sl={},Fl=yl.compose(Object.assign({baseName:"segmented-item",template:fl,styles:vl,shadowOptions:xl},Sl)),wl=(e,t)=>s.css`
1299
- ${(0,l.foundationSelectStyles)(e,t)}
1300
- :host {
1301
- border-radius: calc(var(--control-corner-radius) * 1px);
1302
- border-style: solid;
1303
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
1304
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
1305
- background-color: var(--neutral-fill-input-rest);
1306
- height: calc(
1307
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
1308
- );
1309
- }
1310
-
1311
- :host(:focus-within:not([disabled])) {
1312
- border-style: solid;
1313
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
1314
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
1315
- background-color: var(--neutral-fill-input-focus);
1316
- }
1317
-
1318
- :host(:hover:not([disabled]):not(.open)) {
1319
- border-style: solid;
1320
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
1321
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
1322
- background: var(--neutral-fill-input-hover);
1323
- }
1324
-
1325
- :host([open][position='below']) .listbox {
1326
- padding: 0;
1327
- margin-top: calc(${i.designUnit} * 1px);
1328
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1329
- border-radius: calc(var(--control-corner-radius) * 1px);
1330
- }
1331
-
1332
- .control {
1333
- padding: 0 calc((var(--design-unit) - 2) * 1px) 0 calc(var(--design-unit) * 2px);
1334
- }
1335
-
1336
- :host(:not([disabled])) .control:active {
1337
- background: none;
1338
- }
1339
-
1340
- .indicator {
1341
- width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
1342
- height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);
1343
- background-color: var(--dropdown-indicator-background, var(--neutral-fill-rest));
1344
- border-radius: calc(var(--control-corner-radius) * 1px);
1345
- display: flex;
1346
- justify-content: center;
1347
- align-items: center;
1348
- }
1349
-
1350
- .select-indicator {
1351
- width: calc(var(--design-unit) * 3.5px);
1352
- height: calc(var(--design-unit) * 3.5px);
1353
- transition: all 0.35s;
1354
- min-width: unset;
1355
- min-height: unset;
1356
- }
1357
-
1358
- .selected-value {
1359
- display: flex;
1360
- align-items: center;
1361
- height: calc(100% - (var(--design-unit) * 1px));
1362
- padding: 0;
1363
- margin: 0;
1364
- }
1365
-
1366
- :host(:focus-within:not([disabled])) .indicator {
1367
- background-color: transparent;
1368
- }
1369
-
1370
- :host([open]) .select-indicator {
1371
- transition: all 0.35s;
1372
- transform: rotate(180deg);
1373
- }
1374
-
1375
- ::slotted([role='option']) {
1376
- margin: 0;
1377
- }
1378
- `,kl=(e,t)=>(0,l.foundationSelectTemplate)(e,t);class Rl extends l.Select{}const Dl=Rl.compose(Object.assign({baseName:"select",template:kl,styles:wl,shadowOptions:l.foundationSelectShadowOptions},l.defaultSelectConfig)),Cl=(e,t)=>s.css`
1379
- ${(0,l.foundationSkeletonStyles)(e,t)}
1380
- :host {
1381
- --skeleton-fill: var(
1382
- --neutral-fill-stealth-rest
1383
- ); /** value in ux doc rgba(242 242 242 / 0.1) */
1384
- }
1385
- `,Tl=(e,t)=>(0,l.foundationSkeletonTemplate)(e,t);class Ol extends l.Skeleton{}const Al=Ol.compose(Object.assign({baseName:"skeleton",template:Tl,styles:Cl,shadowOptions:l.foundationSkeletonShadowOptions},l.defaultSkeletonConfig)),Ll=(e,t)=>s.css`
1386
- ${(0,l.foundationSliderStyles)(e,t)}
1387
-
1388
- .thumb-cursor {
1389
- background: var(--accent-fill-rest);
1390
- border-radius: calc(var(--control-corner-radius) * 2px);
1391
- }
1392
-
1393
- .thumb-cursor:hover,
1394
- .thumb-cursor:focus,
1395
- .thumb-cursor:active {
1396
- background: var(--accent-fill-rest);
1397
- border-radius: transparent;
1398
- }
1399
-
1400
- :host(:focus-visible) .thumb-cursor {
1401
- box-shadow: 0 0 0 0;
1402
- }
1403
-
1404
- .thumb-cursor:hover::after,
1405
- .thumb-cursor:focus::after,
1406
- .thumb-cursor:active::after {
1407
- content: '';
1408
- height: calc(var(--thumb-size) * 2px);
1409
- width: calc(var(--thumb-size) * 2px);
1410
- border-radius: calc(var(--control-corner-radius) * 4px);
1411
- position: absolute;
1412
- top: 50%;
1413
- left: 50%;
1414
- transform: translate(-50%, -50%);
1415
- z-index: -1;
1416
- }
1417
-
1418
- .thumb-cursor:hover::after {
1419
- background-color: color-mix(in srgb, ${i.accentFillRest}, transparent 90%);
1420
- }
1421
-
1422
- .thumb-cursor:focus::after {
1423
- background-color: color-mix(in srgb, ${i.accentFillRest}, transparent 80%);
1424
- }
1425
-
1426
- .thumb-cursor:active::after {
1427
- background-color: color-mix(in srgb, ${i.accentFillRest}, transparent 70%);
1428
- }
1429
-
1430
- .track {
1431
- background-color: var(--neutral-fill-rest);
1432
- }
1433
-
1434
- :host([orientation='horizontal']) .track .track-progress {
1435
- background-color: var(--neutral-stroke-rest);
1436
- height: calc((var(--track-width) + 2) * 1px) !important;
1437
- }
1438
-
1439
- :host([orientation='vertical']) .track .track-progress {
1440
- background-color: var(--neutral-stroke-rest);
1441
- width: calc((var(--track-width) + 2) * 1px) !important;
1442
- }
1443
- `,Hl=(e,t)=>(0,l.foundationSliderTemplate)(e,t);class Bl extends l.Slider{}const Pl=Bl.compose(Object.assign({baseName:"slider",template:Hl,styles:Ll,shadowOptions:l.foundationSliderShadowOptions},l.defaultSliderConfig)),Il=(e,t)=>s.css`
1444
- ${(0,l.foundationSliderLabelStyles)(e,t)}
1445
- .label {
1446
- padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);
1447
- border-radius: calc(var(--control-corner-radius) * 1px);
1448
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-4);
1449
- background-color: var(--neutral-fill-strong-hover);
1450
- color: var(--neutral-layer-4);
1451
- text-align: center;
1452
- font-size: var(--type-ramp-minus-1-font-size, 12px);
1453
- }
1454
- `,zl=(e,t)=>(0,l.foundationSliderLabelTemplate)(e,t);class $l extends l.SliderLabel{}const Vl=$l.compose(Object.assign({baseName:"slider-label",template:zl,styles:Il,shadowOptions:l.foundationSliderLabelShadowOptions},l.defaultSliderLabelConfig)),Ml=s.css`
1455
- ${l.foundationSnackbarStyles}
1456
- .snackbar {
1457
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);
1458
- background-color: var(--neutral-layer-1);
1459
- padding: calc((var(--design-unit) - 2) * 1px) calc(var(--design-unit) * 4px);
1460
- }
1461
-
1462
- :host([type='error']) .snackbar::after {
1463
- background-color: var(--error-color);
1464
- }
1465
-
1466
- .content {
1467
- font-family: var(--body-font);
1468
- font-size: var(--type-ramp-minus-2-font-size);
1469
- color: var(--neutral-foreground-rest);
1470
- }
1471
-
1472
- .action {
1473
- gap: calc(var(--design-unit) * 2px);
1474
- }
1475
- `,Nl=s.html`
1476
- ${(0,l.getPrefixedSnackbar)("rapid")}
1477
- `,Gl=l.foundationSnackbarShadowOptions;class jl extends l.Snackbar{}const El=jl.compose({baseName:"snackbar",shadowOptions:Gl,styles:Ml,template:Nl});class Ul extends l.StackingIcons{}const Wl=Ul.compose({baseName:"stacking-icons",template:l.foundationStackingIconsTemplate,styles:(e,t)=>s.css`
1478
- ${(0,l.foundationStackingIconsStyles)(e,t)}
1479
- `});class _l extends l.StatusPill{}const Xl=_l.compose({baseName:"status-pill",template:l.foundationStatusPillTemplate,styles:l.statusPillStyles}),ql=s.css`
1480
- ${l.foundationStepperStyles}
1481
-
1482
- :host {
1483
- font-family: var(--body-font);
1484
- }
1485
-
1486
- :host([orientation='horizontal']) {
1487
- height: 100%;
1488
- }
1489
-
1490
- .stepper-tab-panel {
1491
- border: none;
1492
- height: auto;
1493
- }
1494
-
1495
- :host([orientation='horizontal']) .stepper-tab-panel {
1496
- height: 100%;
1497
- }
1498
-
1499
- .stepper-tab {
1500
- background-color: var(--neutral-layer-3);
1501
- border: none;
1502
- }
1503
-
1504
- .stepper-panel-container {
1505
- padding: calc(var(--design-unit) * 4px);
1506
- }
1507
-
1508
- .action-buttons-container {
1509
- padding: calc(var(--design-unit) * 2px);
1510
- width: auto;
1511
- gap: calc(var(--design-unit) * 2px);
1512
- }
1513
-
1514
- .stepper-tab-menu {
1515
- margin-bottom: calc(var(--design-unit) * 4px);
1516
- }
1517
-
1518
- .stepper-tab-progress {
1519
- padding: calc(var(--design-unit) * 4px) 0;
1520
- }
1521
-
1522
- label {
1523
- padding: 0 calc(var(--design-unit) * 2px);
1524
- color: var(--neutral-foreground-hint);
1525
- }
1526
- `,Yl=s.html`
1527
- ${(0,l.getPrefixedStepper)("rapid")}
1528
- `;class Jl extends l.Stepper{}const Kl=Jl.compose(Object.assign({baseName:"stepper",template:Yl,styles:ql,shadowOptions:l.foundationStepperShadowOptions},l.defaultStepperConfig)),Ql=(e,t)=>s.css`
1529
- ${(0,l.foundationStepperTabStyles)(e,t)}
1530
-
1531
- rapid-tree-item {
1532
- --design-unit: 2.5;
1533
- --neutral-fill-stealth-rest: var(--neutral-layer-3);
1534
- --neutral-fill-stealth-hover: var(--fill-color);
1535
- --neutral-fill-rest: var(--fill-color);
1536
- --base-height-multiplier: 14.5;
1537
-
1538
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--fill-color);
1539
- }
1540
-
1541
- .completed-icon {
1542
- color: var(--success-color);
1543
- }
1544
-
1545
- .tree-item::part(positioning-region)::before {
1546
- width: var(--tree-item-nested-width);
1547
- }
1548
-
1549
- .stepper-icon {
1550
- margin-right: calc(var(--design-unit) * 2px);
1551
- }
1552
-
1553
- .error-icon {
1554
- color: var(--error-color);
1555
- }
1556
-
1557
- .step-number {
1558
- font-size: var(--type-ramp-minus-1-font-size);
1559
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-input-rest);
1560
- }
1561
-
1562
- .step-title {
1563
- font-size: var(--type-ramp-base-font-size);
1564
- }
1565
-
1566
- .angle-icon {
1567
- margin: 0 calc(var(--design-unit) * 4px);
1568
- }
1569
-
1570
- :host([completed]) .step-number {
1571
- border-color: var(--success-color);
1572
- color: white;
1573
- background-color: var(--success-color);
1574
- }
1575
-
1576
- :host([completed]) .step-title {
1577
- color: var(--success-color);
1578
- }
1579
-
1580
- :host([error]) .step-number {
1581
- border-color: var(--error-color);
1582
- color: white;
1583
- background-color: var(--error-color);
1584
- }
1585
-
1586
- :host([error]) .step-title {
1587
- color: var(--error-color);
1588
- }
1589
- `,Zl=s.html`
1590
- ${(0,l.getPrefixedStepperTab)("rapid")}
1591
- `;class ei extends l.StepperTab{}const ti=ei.compose(Object.assign({baseName:"stepper-tab",template:Zl,styles:Ql,shadowOptions:l.foundationStepperTabShadowOptions},l.defaultStepperTabConfig)),ai=(e,t)=>(0,l.foundationStepperTabPanelTemplate)(e,t);class ri extends l.StepperTabPanel{}const oi=ri.compose(Object.assign({baseName:"stepper-tab-panel",template:ai,shadowOptions:l.foundationStepperTabPanelShadowOptions},l.defaultStepperTabPanelConfig)),ni=(e,t)=>s.css`
1592
- ${(0,l.foundationSwitchStyles)(e,t)}
1593
- :host {
1594
- --primary-gradient-angle: -113.5deg;
1595
- }
1596
-
1597
- .switch {
1598
- background: none;
1599
- border-color: var(--neutral-stroke-rest);
1600
- }
1601
-
1602
- .checked-indicator {
1603
- background-color: var(--neutral-stroke-rest);
1604
- }
1605
-
1606
- .switch:hover {
1607
- border-color: var(--neutral-stroke-rest);
1608
- background: none;
1609
- }
1610
-
1611
- :host([aria-checked='true']) .switch {
1612
- background: none;
1613
- }
1614
-
1615
- :host([aria-checked='true']) .checked-indicator {
1616
- background: var(--accent-fill-rest);
1617
- }
1618
-
1619
- :host([aria-checked='true']:not([disabled])) .switch:hover,
1620
- :host([aria-checked='true']:not([disabled])) .switch:active {
1621
- background: none;
1622
- }
1623
-
1624
- :host([aria-checked='true']:not([disabled])) .switch:hover .checked-indicator,
1625
- :host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
1626
- background: var(--accent-fill-rest);
1627
- }
1628
- `,li=(e,t)=>(0,l.foundationSwitchTemplate)(e,t),ii={switch:'<div class="checked-indicator" part="checked-indicator"></div>'};class si extends l.Switch{}const di=si.compose(Object.assign({baseName:"switch",template:li,styles:ni,shadowOptions:l.foundationSwitchShadowOptions},ii)),ci=(e,t)=>s.css`
1629
- ${(0,l.foundationTabStyles)(e,t)}
1630
- :host {
1631
- background-color: var(--neutral-layer-2);
1632
- border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);
1633
- box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
1634
- margin-right: calc(var(--design-unit) * 5px);
1635
- height: calc(
1636
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
1637
- );
1638
- }
1639
-
1640
- :host([aria-selected='true']),
1641
- :host([aria-selected='true']:hover) {
1642
- background-color: var(--neutral-layer-4);
1643
- }
1644
- `,ui=(e,t)=>(0,l.foundationTabTemplate)(e,t);class pi extends l.Tab{}const gi=pi.compose(Object.assign({baseName:"tab",template:ui,styles:ci,shadowOptions:l.foundationTabShadowOptions},l.defaultTabConfig)),hi=(e,t)=>s.css`
1645
- ${(0,l.foundationTabPanelStyles)(e,t)}
1646
- :host {
1647
- padding: 0;
1648
- background-color: var(--neutral-layer-card-container);
1649
- border-radius: calc(var(--control-corner-radius) * 1.5px);
1650
- border: 1px solid var(--neutral-stroke-rest);
1651
- }
1652
- `,mi=(e,t)=>(0,l.foundationTabPanelTemplate)(e,t);class bi extends l.TabPanel{}const vi=bi.compose(Object.assign({baseName:"tab-panel",template:mi,styles:hi,shadowOptions:l.foundationTabPanelShadowOptions},l.defaultTabPanelConfig)),fi=(e,t)=>s.css`
1653
- ${(0,l.foundationTabsStyles)(e,t)}
1654
- :host {
1655
- background: var(--neutral-layer-3);
1656
- border-radius: calc(var(--control-corner-radius) * 1px);
1657
- }
1658
-
1659
- :host([appearance='secondary']) {
1660
- background: transparent;
1661
- }
1662
-
1663
- :host .tablist {
1664
- padding: 0;
1665
- display: grid;
1666
- border-bottom: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-divider-rest);
1667
- width: max-content;
1668
- margin-bottom: -2px;
1669
- margin-top: 1px;
1670
- }
1671
-
1672
- :host([appearance='secondary']) .tablist {
1673
- margin-bottom: 0;
1674
- }
1675
-
1676
- :host .end,
1677
- :host .start {
1678
- padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
1679
- height: calc(100% - 1px);
1680
- display: flex;
1681
- align-items: center;
1682
- }
1683
-
1684
- ::slotted([slot='tab']:hover) {
1685
- color: var(--neutral-foreground-rest);
1686
- background: var(--neutral-layer-1);
1687
- }
1688
-
1689
- ::slotted([role='tab']) {
1690
- border-radius: calc(var(--control-corner-radius) * 1.5px)
1691
- calc(var(--control-corner-radius) * 1.5px) 0 0;
1692
- background: var(--neutral-layer-4);
1693
- padding: 0 calc((16 + var(--design-unit) * 2 * var(--density)) * 1px);
1694
- margin-right: 2px;
1695
- box-shadow: none;
1696
- font-size: var(--type-ramp-minus-1-font-size);
1697
- }
1698
-
1699
- ::slotted([role='tab'][aria-selected='true']:not([appearance='secondary'])) {
1700
- border: 1px solid var(--neutral-stroke-rest);
1701
- border-bottom: 0;
1702
- }
1703
-
1704
- ::slotted([role='tab'][aria-selected='true']) {
1705
- color: var(--accent-foreground-rest);
1706
- background: var(--neutral-layer-card-container);
1707
- }
1708
-
1709
- /* stylelint-disable selector-class-pattern */
1710
- .activeIndicator {
1711
- display: none;
1712
- }
1713
-
1714
- :host([appearance='secondary']) .tablist .activeIndicator {
1715
- display: block;
1716
- height: 1px;
1717
- margin-top: unset;
1718
- }
1719
-
1720
- ::slotted([role='tab'][aria-selected='true'][appearance='secondary']) {
1721
- background: none;
1722
- }
1723
-
1724
- ::slotted([role='tab'][appearance='secondary']) {
1725
- margin-left: 0;
1726
- box-shadow: none;
1727
- background: none;
1728
- }
1729
-
1730
- :host([appearance='secondary']:hover) {
1731
- color: var(--neutral-foreground-rest);
1732
- background: none;
1733
- }
1734
-
1735
- :host([orientation='horizontal']) ::slotted([role='tabpanel'][slot='tabpanel']) {
1736
- padding: 0 calc((3 + (var(--design-unit) * 2 * var(--density))) * 1px);
1737
- }
1738
-
1739
- :host([appearance='secondary']) ::slotted([role='tabpanel']) {
1740
- border: 0;
1741
- }
1742
- `,yi=(e,t)=>(0,l.foundationTabsTemplate)(e,t),xi=e=>{const t=(0,d.parseColorHexRGB)(e);return t?i.SwatchRGB.from(t):null};class Si extends l.Tabs{}const Fi=Si.compose(Object.assign({baseName:"tabs",template:yi,styles:fi,shadowOptions:l.foundationTabsShadowOptions},l.defaultTabsConfig)),wi=(e,t)=>s.css`
1743
- ${(0,l.foundationTextAreaStyles)(e,t)}
1744
-
1745
- :host {
1746
- display: grid;
1747
- flex: 1 1 auto;
1748
- box-sizing: border-box;
1749
- }
1750
-
1751
- :host .control {
1752
- height: 100%;
1753
- border-style: solid;
1754
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
1755
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
1756
- background-color: var(--neutral-fill-input-rest);
1757
- border-radius: calc(var(--control-corner-radius) * 1px);
1758
- padding: calc(var(--design-unit) * 2px);
1759
- }
1760
-
1761
- :host(:hover:not([disabled])) .control {
1762
- border-style: solid;
1763
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
1764
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
1765
- background: var(--neutral-fill-input-hover);
1766
- }
1767
-
1768
- :host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .control {
1769
- border-style: solid;
1770
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
1771
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
1772
- background-color: var(--neutral-fill-input-focus);
1773
- box-shadow: none;
1774
- }
1775
-
1776
- .label {
1777
- color: var(--neutral-foreground-hint);
1778
- font-weight: 700;
1779
- margin: calc(var(--design-unit) * 2px) 0;
1780
- }
1781
- `,ki=(e,t)=>(0,l.foundationTextAreaTemplate)(e,t);class Ri extends l.TextArea{}const Di=Ri.compose(Object.assign({baseName:"text-area",template:ki,styles:wi,shadowOptions:l.foundationTextAreaShadowOptions},l.defaultTextAreaConfig)),Ci=(e,t)=>s.css`
1782
- ${(0,l.foundationTextFieldStyles)(e,t)}
1783
-
1784
- :host {
1785
- display: block;
1786
- flex: 1 1 auto;
1787
- box-sizing: border-box;
1788
- }
1789
-
1790
- :host .control {
1791
- height: 100%;
1792
- border-radius: calc(var(--control-corner-radius) * 1px);
1793
- padding: 0 calc(var(--design-unit) * 2px);
1794
- }
1795
-
1796
- :host .root {
1797
- border-style: solid;
1798
- border-width: var(--neutral-stroke-width-rest, 1px 1px 1px 1px);
1799
- border-color: var(--neutral-stroke-fill-rest, var(--focus-stroke-outer));
1800
- background-color: var(--neutral-fill-input-rest);
1801
- height: calc(
1802
- (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
1803
- );
1804
- }
1805
-
1806
- :host(:hover:not([disabled])) .root {
1807
- border-style: solid;
1808
- border-width: var(--neutral-stroke-width-hover, 1px 1px 1px 1px);
1809
- border-color: var(--neutral-stroke-fill-hover, var(--neutral-foreground-rest));
1810
- background: var(--neutral-fill-input-hover);
1811
- box-shadow: none;
1812
- }
1813
-
1814
- :host(:is(:focus, :focus-within, :focus-visible):not([disabled])) .root {
1815
- border-style: solid;
1816
- border-width: var(--neutral-stroke-width-focus, 1px 1px 1px 1px);
1817
- border-color: var(--neutral-stroke-fill-focus, var(--accent-fill-rest));
1818
- background-color: var(--neutral-fill-input-focus);
1819
- box-shadow: none;
1820
- }
1821
-
1822
- .label {
1823
- color: var(--neutral-foreground-hint);
1824
- font-weight: 700;
1825
- margin: calc(var(--design-unit) * 2px) 0;
1826
- }
1827
-
1828
- .label-hidden {
1829
- margin: 0;
1830
- }
1831
-
1832
- :host input::placeholder {
1833
- color: var(--neutral-foreground-hint);
1834
- opacity: 75%;
1835
- }
1836
- `,Ti=(e,t)=>(0,l.foundationTextFieldTemplate)(e,t);class Oi extends l.TextField{}const Ai=Oi.compose(Object.assign({baseName:"text-field",template:Ti,styles:Ci,shadowOptions:l.foundationTextFieldShadowOptions},l.defaultTextFieldConfig)),Li=s.css`
1837
- ${l.foundationToastStyles}
1838
- .toast {
1839
- background-color: ${i.neutralLayer1};
1840
- border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px);
1841
- border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
1842
- }
1843
-
1844
- .top {
1845
- align-items: flex-start;
1846
- }
1847
-
1848
- :host {
1849
- font-size: var(--type-ramp-base-font-size);
1850
- font-family: var(--body-font);
1851
- line-height: var(--type-ramp-base-line-height);
1852
- color: var(--neutral-foreground-rest);
1853
- }
1854
-
1855
- .content {
1856
- font-size: var(--type-ramp-minus-1-font-size);
1857
- }
1858
-
1859
- .date {
1860
- margin: calc(var(--design-unit) * 2px) calc(var(--design-unit) * 0)
1861
- calc(var(--design-unit) * 1px);
1862
- }
1863
-
1864
- .content-wrapper {
1865
- padding: calc(var(--design-unit) * 2px);
1866
- }
1867
-
1868
- .toast::after {
1869
- background-color: var(--accent-fill-rest);
1870
- border-radius: 0;
1871
- height: calc(100% - calc(var(--design-unit) * 5px));
1872
- margin: calc(var(--design-unit) * 0) calc(var(--design-unit) * 1px);
1873
- }
1874
-
1875
- :host([notify='warning']) .toast::after {
1876
- background-color: var(--warning-color);
1877
- }
1878
-
1879
- :host([notify='success']) .toast::after {
1880
- background-color: var(--success-color);
1881
- }
1882
-
1883
- :host([notify='critical']) .toast::after,
1884
- :host([notify='serious']) .toast::after,
1885
- :host([notify='error']) .toast::after {
1886
- background-color: var(--error-color);
1887
- }
1888
- `,Hi=l.defaultToastConfig,Bi=l.foundationToastShadowOptions;class Pi extends l.Toast{}const Ii=Pi.compose(Object.assign({baseName:"toast",shadowOptions:Bi,styles:Li,template:l.foundationToastTemplate},Hi)),zi=(e,t)=>s.css`
1889
- ${(0,l.foundationToolbarStyles)(e,t)}
1890
- :host {
1891
- align-items: center;
1892
- color: var(--neutral-foreground-rest);
1893
- }
1894
-
1895
- .positioning-region {
1896
- align-items: center;
1897
- }
1898
- `,$i=(e,t)=>(0,l.foundationToolbarTemplate)(e,t);class Vi extends l.Toolbar{}const Mi=Vi.compose(Object.assign({baseName:"toolbar",template:$i,styles:zi,shadowOptions:l.foundationToolbarShadowOptions},l.defaultToolbarConfig)),Ni=(e,t)=>s.css`
1899
- ${(0,l.foundationTooltipStyles)(e,t)}
1900
-
1901
- :host {
1902
- visibility: visible;
1903
- }
1904
-
1905
- .tooltip {
1906
- padding: calc((var(--design-unit) - 1) * 2px) calc(var(--design-unit) * 2px);
1907
- text-align: center;
1908
- white-space: inherit;
1909
- font-weight: 400;
1910
- }
1911
-
1912
- rapid-anchored-region.bottom .tooltip {
1913
- margin-top: calc(var(--design-unit) * 1px);
1914
- margin-left: calc(var(--design-unit) * 2px);
1915
- }
1916
-
1917
- rapid-anchored-region.top.right .tooltip,
1918
- rapid-anchored-region.bottom.right .tooltip {
1919
- margin-left: 0;
1920
- }
1921
- `;class Gi extends l.Tooltip{}const ji=Gi.compose(Object.assign({baseName:"tooltip",template:(e,t)=>(0,l.foundationTooltipTemplate)(e,t),styles:Ni,shadowOptions:l.foundationTooltipShadowOptions},l.defaultTooltipConfig)),Ei=(e,t)=>s.css`
1922
- ${(0,l.foundationTreeItemStyles)(e,t)}
1923
- :host {
1924
- font-size: var(--type-ramp-base-font-size);
1925
- color: var(--neutral-foreground-rest);
1926
- background-color: transparent;
1927
- }
1928
-
1929
- :host(.nested) .expand-collapse-button {
1930
- background: var(--neutral-fill-rest);
1931
- border-radius: calc(var(--control-corner-radius) * 1px);
1932
- width: calc(var(--design-unit) * 5px);
1933
- height: calc(var(--design-unit) * 5px);
1934
- margin-left: calc(var(--design-unit) * 2px);
1935
- }
1936
-
1937
- :host([selected]) .positioning-region {
1938
- background: var(--neutral-fill-stealth-active);
1939
- }
1940
-
1941
- .positioning-region::before {
1942
- width: calc(var(--design-unit) * 1px);
1943
- }
1944
-
1945
- :host([selected])::after {
1946
- background: var(--accent-fill-rest);
1947
- background-origin: border-box;
1948
- background-size: cover;
1949
- background-repeat: no-repeat;
1950
- }
1951
-
1952
- :host([slot='item']) .content-region {
1953
- margin-inline-start: calc(var(--design-unit) * 4px + var(--expand-collapse-button-size));
1954
- }
1955
-
1956
- .expand-collapse-glyph {
1957
- width: calc(var(--design-unit) * 3px);
1958
- height: calc(var(--design-unit) * 3px);
1959
- }
1960
- `,Ui=(e,t)=>(0,l.foundationTreeItemTemplate)(e,t);class Wi extends l.TreeItem{}const _i={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>'},Xi=Wi.compose(Object.assign({baseName:"tree-item",template:Ui,styles:Ei,shadowOptions:l.foundationTreeItemShadowOptions},_i)),qi=(e,t)=>s.css`
1961
- ${(0,l.foundationTreeViewStyles)(e,t)}
1962
- `,Yi=(e,t)=>(0,l.foundationTreeViewTemplate)(e,t);class Ji extends l.TreeView{}const Ki=Ji.compose(Object.assign({baseName:"tree-view",template:Yi,styles:qi,shadowOptions:l.foundationTreeViewShadowOptions},l.defaultTreeViewConfig)),Qi=(e,t)=>s.css`
1963
- ${(0,l.foundationUrlInputStyles)(e,t)}
1964
- a {
1965
- color: var(--accent-fill-rest);
1966
- opacity: 65%;
1967
- }
1968
-
1969
- a:hover {
1970
- opacity: 100%;
1971
- }
1972
-
1973
- .url-input-link {
1974
- font-family: var(--body-font);
1975
- font-size: var(--type-ramp-base-font-size);
1976
- top: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) / 2 * 1px);
1977
- }
1978
- `,Zi=s.html`
1979
- ${(0,l.getPrefixedUrlInput)("rapid")}
1980
- `;class es extends l.UrlInput{}const ts=es.compose(Object.assign({baseName:"url-input",template:Zi,styles:Qi,shadowOptions:l.foundationUrlInputShadowOptions},l.defaultUrlInputConfig)),as={designSystemProvider:Ee,rapidAccordion:Xe,rapidAccordionItem:Ke,rapidAiCriteriaSearch:ot,rapidAiIndicator:lt,rapidActionsMenu:et,rapidAnchor:vt,rapidSectionNavigator:cl,rapidAnchoredRegion:St,rapidAvatar:Rt,rapidBadge:Ot,rapidBanner:Bt,rapidBreadcrumb:Mt,rapidBreadcrumbItem:Et,rapidButton:_t,rapidCalendar:Jt,rapidCard:ea,rapidCategorizedMultiselect:la,rapidCheckbox:ca,rapidCombobox:ha,rapidConnectionIndicator:ba,rapidDataGrid:wa,rapidDataGridCell:Ha,rapidDataGridRow:Ga,rapidDatePicker:Ka,rapidDialog:rr,rapidDisclosure:ir,rapidDivider:ur,rapidDropdownMenu:hr,rapidEnvironmentIndicator:vr,rapidErrorBoundary:Fr,rapidFileReader:Tr,rapidFileUpload:Pr,rapidFilter:$r,rapidFilterBar:Gr,rapidFlexLayout:_r,rapidFlipper:eo,rapidFlyout:lo,rapidGridLayout:po,rapidGridLayoutItem:So,rapidHorizontalScroll:Ao,rapidIcon:zo,rapidListbox:No,rapidListboxOption:Uo,rapidMenu:qo,rapidMenuItem:Zo,rapidModal:nn,rapidMultiselect:pn,rapidNotificationListener:hn,rapidNumberField:xn,rapidOptgroup:Fn,rapidProgress:Tn,rapidProgressRing:Bn,rapidRadio:$n,rapidRadioGroup:Gn,rapidScheduler:Wn,rapidSchedulerCronBuilder:Yn,rapidSchedulerTimezone:Zn,rapidSearchBar:rl,rapidSearchBarCombobox:il,rapidSegmentedControl:bl,rapidSegmentedItem:Fl,rapidSelect:Dl,rapidSkeleton:Al,rapidSlider:Pl,rapidSliderLabel:Vl,rapidSnackbar:El,rapidStackingIcons:Wl,rapidStatusPill:Xl,rapidStepper:Kl,rapidStepperTab:ti,rapidStepperTabPanel:oi,rapidSwitch:di,rapidSystemHealthOverlay:kn,rapidTab:gi,rapidTabPanel:vi,rapidTabs:Fi,rapidTextArea:Di,rapidTextField:Ai,rapidToast:Ii,rapidToolbar:Mi,rapidTooltip:ji,rapidTreeItem:Xi,rapidTreeView:Ki,rapidUrlInput:ts,register(e,...t){if(e)for(const a in this)"register"!==a&&this[a]().register(e,...t)}},rs=(e,t="rapid")=>(0,l.provideDesignSystem)(e,t,o,r),os="#585858",ns=(0,d.parseColorHexRGB)(os),ls=i.SwatchRGB.create(ns.r,ns.g,ns.b),is=(0,d.parseColorHexRGB)("#202126"),ss=i.SwatchRGB.create(is.r,is.g,is.b),ds=i.PaletteRGB.from(ss);var cs=a(80273);const us="\n @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n",ps=()=>{(0,cs.WP)(us,"roboto-font-faces")},gs='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',hs=(e=cs.zz.Normal,t=cs.IT.Regular)=>(0,cs.f4)(gs,e,t);var ms=a(55823);function bs(e,...t){let a="";return e.forEach((e,r)=>{a+=e,r<t.length&&(a+=t[r])}),a}const vs={number:"rapid-number-field",text:"rapid-text-field",date:"rapid-text-field",datetimeLocal:"rapid-text-field",checkbox:"rapid-checkbox",button:"rapid-button",select:"rapid-select",option:"rapid-option",optgroup:"rapid-optgroup",radio:{input:"rapid-radio",group:"rapid-radio-group"}},fs=bs`
1981
- rapid-select,
1982
- rapid-text-field,
1983
- rapid-number-field {
1984
- min-width: 180px;
1985
- }
1986
-
1987
- rapid-button.btn {
1988
- padding: 0;
1989
- }
1990
-
1991
- rapid-button.btn-success {
1992
- background-color: var(--accent-fill-active);
1993
- border-color: var(--accent-fill-active);
1994
- }
1995
-
1996
- rapid-button.btn-danger {
1997
- background-color: var(--error-color);
1998
- border-color: var(--error-border-color);
1999
- }
2000
-
2001
- rapid-select::part(listbox) {
2002
- max-height: 15vh;
2003
- }
2004
- `,ys=bs`
2005
- border: unset;
2006
- border: 1px solid var(--focus-stroke-outer);
2007
- padding: calc(var(--design-unit) * 2.5px);
2008
- border-radius: 10px;
2009
- margin: calc(var(--design-unit) * 1px);
2010
- `,xs={value:bs`
2011
- ${fs}
2012
-
2013
- rapid-number-field,
2014
- rapid-text-field {
2015
- margin-bottom: 0;
2016
- }
2017
-
2018
- rapid-number-field::part(label) {
2019
- display: none;
2020
- }
2021
-
2022
- p.validation-msg {
2023
- color: var(--neutral-foreground-rest);
2024
- }
2025
- `,rule:bs`
2026
- ${fs}
2027
-
2028
- div.rule-container {
2029
- ${ys}
2030
- }
2031
-
2032
- div.rule-container.error {
2033
- border-color: var(--error-border-color);
2034
- }
2035
- `,operator:bs`
2036
- ${fs}
2037
-
2038
- rapid-select {
2039
- min-width: 350px;
2040
- }
2041
- `,field:bs`
2042
- ${fs}
2043
-
2044
- rapid-select {
2045
- min-width: 350px;
2046
- }
2047
- `,group:bs`
2048
- ${fs}
2049
-
2050
- div.rules-group-container {
2051
- ${ys}
2052
- }
2053
-
2054
- p.group-combinator-link {
2055
- padding-left: calc(var(--design-unit) * 2.5px);
2056
- color: var(--neutral-foreground-rest);
2057
- }
2058
- `};let Ss=class extends l.FoundationExpressionBuilder{constructor(){super(...arguments),this.styles={customElements:vs,customStyles:xs}}};(0,ms.Cg)([s.observable],Ss.prototype,"styles",void 0),Ss=(0,ms.Cg)([(0,s.customElement)({name:"rapid-expression-builder",styles:l.ExpressionBuilderCore.styles,template:l.ExpressionBuilderCore.template})],Ss);let Fs=class extends l.FoundationRuleExpressionBuilder{constructor(){super(...arguments),this.styles={customElements:vs,customStyles:xs}}};(0,ms.Cg)([s.observable],Fs.prototype,"styles",void 0),Fs=(0,ms.Cg)([(0,s.customElement)({name:"rapid-rule-expression-builder",styles:l.ExpressionBuilderCore.styles,template:l.ExpressionBuilderCore.template})],Fs);let ws=class extends l.FoundationValueExpressionBuilder{constructor(){super(...arguments),this.styles={customElements:vs,customStyles:xs}}};(0,ms.Cg)([s.observable],ws.prototype,"styles",void 0),ws=(0,ms.Cg)([(0,s.customElement)({name:"rapid-value-expression-builder",styles:l.ExpressionBuilderCore.styles,template:l.ExpressionBuilderCore.template})],ws);const ks=()=>rs().register(as)},80273(e,t,a){a.d(t,{Du:()=>s,IT:()=>l,WP:()=>o,f4:()=>i,zz:()=>n});var r=a(52945);const o=(e,t)=>{(0,r.O5)(e,t)};var n,l;!function(e){e.Italic="italic",e.Normal="normal"}(n||(n={})),function(e){e[e.Thin=100]="Thin",e[e.Light=300]="Light",e[e.Regular=400]="Regular",e[e.Medium=500]="Medium",e[e.Bold=700]="Bold",e[e.Black=900]="Black"}(l||(l={}));const i=(e,t=n.Normal,a=l.Regular)=>`\n font-family: ${e};\n font-style: ${t};\n font-weight: ${a};\n`,s={minusOne:-1,minusTwo:-2,plusOne:1,plusTwo:2,plusThree:3,plusFour:4,plusFive:5,plusSix:6}},52945(e,t,a){a.d(t,{O5:()=>o,fI:()=>n});var r=a(28745);const o=(e,t)=>{var a;let o=document.getElementById(t);if(o)return void r.v.debug(`\n An element with the id of '${t}' already exists and likely has the css rules applied.\n `);const n=null!==(a=document.head)&&void 0!==a?a:document.getElementsByTagName("head")[0];o=document.createElement("style"),o.id=t,n.appendChild(o);if((e.match(/}/g)||[]).length>1)return o.textContent=e,()=>{o&&n.removeChild(o)};{const t=o.sheet.insertRule(e);return()=>{o&&(o.sheet.deleteRule(t),n.removeChild(o))}}};function n(e){const t=[],a=new Set;return function e(r){const o=Array.from(r.querySelectorAll("*"));t.push(...o),o.forEach(t=>{t.shadowRoot&&!a.has(t.shadowRoot)&&(a.add(t.shadowRoot),e(t.shadowRoot))})}(e),t}},28745(e,t,a){a.d(t,{v:()=>r});const r=(0,a(32117).createLogger)("foundation-utils")}}]);
2059
- //# sourceMappingURL=3.6fb7f8ef5a4012462d71f23c0348de13.js.map