@fabric-msft/fabric-web 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +180 -0
- package/CHANGELOG.md +56 -1
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.d.ts +2 -2
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.d.ts.map +1 -1
- package/dist/dts/components/component-register.d.ts +67 -0
- package/dist/dts/components/component-register.d.ts.map +1 -0
- package/dist/dts/components/field/field.d.ts +32 -1
- package/dist/dts/components/field/field.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.d.ts +1 -1
- package/dist/dts/components/filter-pill/filter-pill.d.ts.map +1 -1
- package/dist/dts/components/listbox/listbox.d.ts +1 -1
- package/dist/dts/components/listbox/listbox.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.d.ts +71 -83
- package/dist/dts/components/menu/menu.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.positioning.d.ts +26 -67
- package/dist/dts/components/menu/menu.positioning.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.styles.d.ts.map +1 -1
- package/dist/dts/components/menu-item/menu-item.d.ts +4 -4
- package/dist/dts/components/menu-item/menu-item.d.ts.map +1 -1
- package/dist/dts/components/menu-list/menu-list.d.ts +1 -1
- package/dist/dts/components/menu-list/menu-list.d.ts.map +1 -1
- package/dist/dts/components/option-group/option-group.d.ts +1 -1
- package/dist/dts/components/option-group/option-group.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.d.ts +48 -69
- package/dist/dts/components/popover/popover.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.definition.d.ts +1 -1
- package/dist/dts/components/popover/popover.definition.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.options.d.ts +2 -2
- package/dist/dts/components/popover/popover.options.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.positioning.d.ts +92 -0
- package/dist/dts/components/popover/popover.positioning.d.ts.map +1 -0
- package/dist/dts/components/popover/popover.styles.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.d.ts +1 -1
- package/dist/dts/components/search-box/search-box.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.options.d.ts.map +1 -1
- package/dist/dts/components/table/table.d.ts +1 -1
- package/dist/dts/components/table/table.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.base.d.ts +3 -3
- package/dist/dts/components/text-input/text-input.base.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.d.ts.map +1 -1
- package/dist/dts/components/tooltip/tooltip.d.ts +5 -0
- package/dist/dts/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/dts/components/tooltip/tooltip.template.d.ts +13 -0
- package/dist/dts/components/tooltip/tooltip.template.d.ts.map +1 -0
- package/dist/dts/components/tree/tree.d.ts +16 -0
- package/dist/dts/components/tree/tree.d.ts.map +1 -1
- package/dist/dts/components/tree-item/index.d.ts +2 -1
- package/dist/dts/components/tree-item/index.d.ts.map +1 -1
- package/dist/dts/components/tree-item/tree-item.definition.d.ts.map +1 -1
- package/dist/dts/components/tree-item/tree-item.styles.d.ts +2 -0
- package/dist/dts/components/tree-item/tree-item.styles.d.ts.map +1 -0
- package/dist/dts/components/tree-item/tree-item.template.d.ts +4 -0
- package/dist/dts/components/tree-item/tree-item.template.d.ts.map +1 -0
- package/dist/dts/components/wizard/wizard.d.ts +1 -1
- package/dist/dts/components/wizard/wizard.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.d.ts +1 -1
- package/dist/dts/components/wizard-step/wizard-step.d.ts.map +1 -1
- package/dist/dts/index.d.ts +3 -2
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/util/accessibility-utilities.d.ts +23 -0
- package/dist/dts/util/accessibility-utilities.d.ts.map +1 -0
- package/dist/dts/util/attribute-utilities.d.ts +9 -0
- package/dist/dts/util/attribute-utilities.d.ts.map +1 -0
- package/dist/dts/util/debounce.d.ts.map +1 -0
- package/dist/dts/util/debug.d.ts +32 -0
- package/dist/dts/util/debug.d.ts.map +1 -0
- package/dist/dts/util/direction.d.ts +193 -0
- package/dist/dts/util/direction.d.ts.map +1 -1
- package/dist/dts/util/dom.d.ts +2 -0
- package/dist/dts/util/dom.d.ts.map +1 -0
- package/dist/dts/util/element-internal-mocks.d.ts +67 -0
- package/dist/dts/util/element-internal-mocks.d.ts.map +1 -0
- package/dist/dts/util/focus-management.d.ts +132 -0
- package/dist/dts/util/focus-management.d.ts.map +1 -0
- package/dist/dts/util/hash-utilities.d.ts +8 -0
- package/dist/dts/util/hash-utilities.d.ts.map +1 -0
- package/dist/dts/util/index.d.ts +13 -6
- package/dist/dts/util/index.d.ts.map +1 -1
- package/dist/dts/util/positioning/flexible-position-strategy.d.ts +87 -0
- package/dist/dts/util/positioning/flexible-position-strategy.d.ts.map +1 -0
- package/dist/dts/util/positioning/index.d.ts +9 -0
- package/dist/dts/util/positioning/index.d.ts.map +1 -0
- package/dist/dts/util/positioning/position-calculator.d.ts +46 -0
- package/dist/dts/util/positioning/position-calculator.d.ts.map +1 -0
- package/dist/dts/util/positioning/types.d.ts +181 -0
- package/dist/dts/util/positioning/types.d.ts.map +1 -0
- package/dist/esm/components/accordion-menu/accordion-menu.js +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.js.map +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.styles.js +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js +2 -2
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +1 -1
- package/dist/esm/components/card/card.styles.js +1 -1
- package/dist/esm/components/card-footer/card-footer.styles.js +1 -1
- package/dist/esm/components/card-header/card-header.styles.js +1 -1
- package/dist/esm/components/card-preview/card-preview.styles.js +1 -1
- package/dist/esm/components/carousel/carousel.js +1 -1
- package/dist/esm/components/carousel/carousel.js.map +1 -1
- package/dist/esm/components/carousel/carousel.styles.js +1 -1
- package/dist/esm/components/component-register.js +67 -0
- package/dist/esm/components/component-register.js.map +1 -0
- package/dist/esm/components/compound-button/compound-button.options.js +1 -1
- package/dist/esm/components/field/field.js +68 -1
- package/dist/esm/components/field/field.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.js +1 -1
- package/dist/esm/components/filter-pill/filter-pill.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.options.js +1 -1
- package/dist/esm/components/filter-pill/filter-pill.styles.js +3 -2
- package/dist/esm/components/listbox/listbox.js +1 -1
- package/dist/esm/components/listbox/listbox.js.map +1 -1
- package/dist/esm/components/loading-button/loading-button.js.map +1 -1
- package/dist/esm/components/menu/menu.js +158 -230
- package/dist/esm/components/menu/menu.js.map +1 -1
- package/dist/esm/components/menu/menu.options.js +1 -1
- package/dist/esm/components/menu/menu.options.js.map +1 -1
- package/dist/esm/components/menu/menu.positioning.js +98 -201
- package/dist/esm/components/menu/menu.positioning.js.map +1 -1
- package/dist/esm/components/menu/menu.styles.js +2 -2
- package/dist/esm/components/menu/menu.styles.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.js +4 -4
- package/dist/esm/components/menu-item/menu-item.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.styles.js +1 -1
- package/dist/esm/components/menu-list/menu-list.js +1 -1
- package/dist/esm/components/menu-list/menu-list.js.map +1 -1
- package/dist/esm/components/menu-list/menu-list.styles.js +1 -1
- package/dist/esm/components/multi-view/multi-view.styles.js +1 -1
- package/dist/esm/components/multi-view-controller/multi-view-controller.styles.js +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.styles.js +1 -1
- package/dist/esm/components/option-group/option-group.js +1 -1
- package/dist/esm/components/option-group/option-group.js.map +1 -1
- package/dist/esm/components/popover/define.js +2 -2
- package/dist/esm/components/popover/define.js.map +1 -1
- package/dist/esm/components/popover/popover.definition.js.map +1 -1
- package/dist/esm/components/popover/popover.js +82 -122
- package/dist/esm/components/popover/popover.js.map +1 -1
- package/dist/esm/components/popover/popover.options.js +2 -2
- package/dist/esm/components/popover/popover.options.js.map +1 -1
- package/dist/esm/components/popover/popover.positioning.js +314 -0
- package/dist/esm/components/popover/popover.positioning.js.map +1 -0
- package/dist/esm/components/popover/popover.styles.js +14 -18
- package/dist/esm/components/popover/popover.styles.js.map +1 -1
- package/dist/esm/components/search-box/search-box.js +1 -1
- package/dist/esm/components/search-box/search-box.js.map +1 -1
- package/dist/esm/components/search-box/search-box.options.js +1 -1
- package/dist/esm/components/search-box/search-box.options.js.map +1 -1
- package/dist/esm/components/simple-table/simple-table.styles.js +2 -1
- package/dist/esm/components/table/table.js +1 -1
- package/dist/esm/components/table/table.js.map +1 -1
- package/dist/esm/components/table/table.styles.js +1 -1
- package/dist/esm/components/table-cell/table-cell.styles.js +1 -1
- package/dist/esm/components/tag/tag.styles.js +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.styles.js +1 -1
- package/dist/esm/components/text-input/text-input.base.js +3 -3
- package/dist/esm/components/text-input/text-input.base.js.map +1 -1
- package/dist/esm/components/text-input/text-input.js +1 -0
- package/dist/esm/components/text-input/text-input.js.map +1 -1
- package/dist/esm/components/text-input/text-input.styles.js +1 -1
- package/dist/esm/components/tooltip/tooltip.js +23 -0
- package/dist/esm/components/tooltip/tooltip.js.map +1 -1
- package/dist/esm/components/tooltip/tooltip.template.js +16 -0
- package/dist/esm/components/tooltip/tooltip.template.js.map +1 -0
- package/dist/esm/components/tree/tree.js +38 -1
- package/dist/esm/components/tree/tree.js.map +1 -1
- package/dist/esm/components/tree-item/index.js +2 -1
- package/dist/esm/components/tree-item/index.js.map +1 -1
- package/dist/esm/components/tree-item/tree-item.definition.js +4 -3
- package/dist/esm/components/tree-item/tree-item.definition.js.map +1 -1
- package/dist/esm/components/tree-item/tree-item.styles.js +9 -0
- package/dist/esm/components/tree-item/tree-item.styles.js.map +1 -0
- package/dist/esm/components/tree-item/tree-item.template.js +6 -0
- package/dist/esm/components/tree-item/tree-item.template.js.map +1 -0
- package/dist/esm/components/wizard/wizard.js +3 -3
- package/dist/esm/components/wizard/wizard.js.map +1 -1
- package/dist/esm/components/wizard/wizard.styles.js +1 -1
- package/dist/esm/components/wizard-panel/wizard-panel.styles.js +1 -1
- package/dist/esm/components/wizard-step/wizard-step.js +1 -1
- package/dist/esm/components/wizard-step/wizard-step.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.styles.js +1 -1
- package/dist/esm/index.js +17 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/util/accessibility-utilities.js +40 -0
- package/dist/esm/util/accessibility-utilities.js.map +1 -0
- package/dist/esm/util/attribute-utilities.js +12 -0
- package/dist/esm/util/attribute-utilities.js.map +1 -0
- package/dist/esm/util/debounce.js.map +1 -0
- package/dist/esm/util/debug.js +74 -0
- package/dist/esm/util/debug.js.map +1 -0
- package/dist/esm/util/direction.js +240 -8
- package/dist/esm/util/direction.js.map +1 -1
- package/dist/esm/util/dom.js +3 -0
- package/dist/esm/util/dom.js.map +1 -0
- package/dist/esm/util/element-internal-mocks.js +114 -0
- package/dist/esm/util/element-internal-mocks.js.map +1 -0
- package/dist/esm/util/focus-management.js +247 -0
- package/dist/esm/util/focus-management.js.map +1 -0
- package/dist/esm/util/hash-utilities.js +12 -0
- package/dist/esm/util/hash-utilities.js.map +1 -0
- package/dist/esm/util/index.js +13 -6
- package/dist/esm/util/index.js.map +1 -1
- package/dist/esm/util/positioning/flexible-position-strategy.js +232 -0
- package/dist/esm/util/positioning/flexible-position-strategy.js.map +1 -0
- package/dist/esm/util/positioning/index.js +10 -0
- package/dist/esm/util/positioning/index.js.map +1 -0
- package/dist/esm/util/positioning/position-calculator.js +196 -0
- package/dist/esm/util/positioning/position-calculator.js.map +1 -0
- package/dist/esm/util/positioning/types.js +30 -0
- package/dist/esm/util/positioning/types.js.map +1 -0
- package/dist/index.d.ts +697 -223
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2365 -1215
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +109 -110
- package/dist/index.min.js.map +1 -1
- package/package.json +6 -8
- package/dist/component-utilities.js +0 -43
- package/dist/dts/components/popover/positioning.d.ts +0 -51
- package/dist/dts/components/popover/positioning.d.ts.map +0 -1
- package/dist/dts/util/positioning.d.ts +0 -129
- package/dist/dts/util/positioning.d.ts.map +0 -1
- package/dist/dts/utils/debounce.d.ts.map +0 -1
- package/dist/esm/component-utilities.js +0 -13
- package/dist/esm/components/popover/positioning.js +0 -189
- package/dist/esm/components/popover/positioning.js.map +0 -1
- package/dist/esm/util/positioning.js +0 -130
- package/dist/esm/util/positioning.js.map +0 -1
- package/dist/esm/utils/debounce.js.map +0 -1
- /package/dist/dts/{utils → util}/debounce.d.ts +0 -0
- /package/dist/esm/{utils → util}/debounce.js +0 -0
package/dist/index.min.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import{display as e,spacingHorizontalXL as t,spacingHorizontalL as o,spacingVerticalXXS as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingHorizontalS as s,fontFamilyBase as a,fontSizeBase300 as l,fontWeightRegular as d,lineHeightBase300 as c,spacingHorizontalMNudge as h,spacingHorizontalXS as u,colorNeutralForeground1 as p,colorTransparentBackground as m,colorNeutralBackground1Hover as g,colorNeutralForeground2Hover as b,colorNeutralBackground1Pressed as f,colorNeutralForeground2Pressed as v,colorNeutralForegroundDisabled as w,fontSizeBase200 as y,lineHeightBase200 as x,fontSizeBase400 as $,lineHeightBase400 as k,fontSizeBase500 as C,lineHeightBase500 as S,spacingHorizontalXXS as B,spacingHorizontalSNudge as I,shadow4 as E,colorBrandBackground2 as L,strokeWidthThick as M,colorTransparentStroke as P,colorNeutralBackground1 as R,strokeWidthThin as O,colorNeutralBackground2 as A,colorNeutralStroke1 as z,colorSubtleBackground as N,colorTransparentStrokeInteractive as T,shadow8 as D,colorNeutralBackground2Hover as F,colorNeutralBackground2Pressed as H,colorTransparentBackgroundHover as V,colorNeutralStroke1Hover as _,colorTransparentBackgroundPressed as j,colorNeutralStroke1Pressed as W,colorSubtleBackgroundHover as K,colorSubtleBackgroundPressed as q,colorNeutralBackground1Selected as G,colorSubtleBackgroundSelected as X,colorNeutralStroke1Selected as U,colorTransparentBackgroundSelected as Z,colorNeutralBackground2Selected as Y,colorNeutralBackgroundDisabled as Q,colorTransparentStrokeDisabled as J,shadow2 as ee,spacingHorizontalM as te,spacingVerticalS as oe,fontWeightBold as ne,spacingVerticalM as ie,BaseButton as re,ButtonType as se,ButtonFormTarget as ae,ButtonAppearance as le,ButtonShape as de,ButtonSize as ce,ButtonStyles as he,colorBrandBackground as ue,colorNeutralForegroundOnBrand as pe,colorNeutralStrokeOnBrand as me,colorBrandBackgroundHover as ge,colorBrandBackgroundPressed as be,ButtonTemplate as fe,colorNeutralBackground4 as ve,spacingHorizontalXXXL as we,fontWeightSemibold as ye,durationFaster as xe,curveEasyEase as $e,colorNeutralForeground1Hover as ke,colorNeutralForeground1Pressed as Ce,fontSizeBase600 as Se,borderRadiusSmall as Be,spacingVerticalXXXL as Ie,borderRadiusLarge as Ee,borderRadiusCircular as Le,borderRadiusNone as Me,colorNeutralBackground4Hover as Pe,colorNeutralStroke2 as Re,colorNeutralBackgroundInverted as Oe,colorNeutralForeground2 as Ae,colorNeutralForeground2BrandHover as ze,colorNeutralForeground2BrandPressed as Ne,colorNeutralStrokeDisabled as Te,colorNeutralForegroundInverted as De,colorNeutralForeground2Selected as Fe,colorNeutralForeground2BrandSelected as He,CompoundButtonStyles as Ve,CompoundButtonTemplate as _e,Button as je,forcedColorsStylesheetBehavior as We,spacingVerticalL as Ke,ButtonDefinition as qe,typographyCaption1Styles as Ge,typographyCaption2Styles as Xe,typographyBody1Styles as Ue,colorNeutralBackground3 as Ze,colorBrandForeground1 as Ye,spacingHorizontalNone as Qe,spacingVerticalXXL as Je,spacingVerticalXS as et,shadow16 as tt,spacingHorizontalXXL as ot,colorNeutralForeground3 as nt,colorBrandForeground2 as it,colorPaletteRedForeground3 as rt,AccordionItem as st,AccordionItemMarkerPosition as at,AccordionItemSize as lt,accordionItemStyles as dt,accordionItemTemplate as ct,Accordion as ht,accordionStyles as ut,accordionTemplate as pt,AccordionExpandMode as mt,Link as gt,LinkAppearance as bt,LinkTarget as ft,AnchorTarget as vt,LinkStyles as wt,LinkTemplate as yt,Avatar as xt,AvatarActive as $t,AvatarAppearance as kt,AvatarColor as Ct,AvatarNamedColor as St,AvatarShape as Bt,AvatarSize as It,AvatarStyles as Et,AvatarTemplate as Lt,Badge as Mt,BadgeAppearance as Pt,BadgeColor as Rt,BadgeShape as Ot,BadgeSize as At,BadgeStyles as zt,BadgeTemplate as Nt,Checkbox as Tt,CheckboxShape as Dt,CheckboxSize as Ft,CheckboxStyles as Ht,CheckboxTemplate as Vt,CounterBadge as _t,CounterBadgeAppearance as jt,CounterBadgeColor as Wt,CounterBadgeShape as Kt,CounterBadgeSize as qt,CounterBadgeStyles as Gt,CounterBadgeTemplate as Xt,Dialog as Ut,DialogStyles as Zt,DialogTemplate as Yt,DialogBody as Qt,DialogBodyStyles as Jt,DialogBodyTemplate as eo,Divider as to,DividerAlignContent as oo,DividerAppearance as no,DividerOrientation as io,DividerRole as ro,DividerStyles as so,DividerTemplate as ao,Drawer as lo,DrawerPosition as co,DrawerSize as ho,DrawerType as uo,DrawerStyles as po,DrawerTemplate as mo,DrawerBody as go,DrawerBodyStyles as bo,DrawerBodyTemplate as fo,Dropdown as vo,DropdownAppearance as wo,DropdownSize as yo,DropdownType as xo,DropdownStyles as $o,DropdownTemplate as ko,DropdownOption as Co,DropdownOptionStyles as So,DropdownOptionTemplate as Bo,isDropdownOption as Io,Listbox as Eo,ListboxStyles as Lo,ListboxTemplate as Mo,Field as Po,FieldStyles as Ro,FieldTemplate as Oo,Image as Ao,ImageFit as zo,ImageShape as No,ImageStyles as To,ImageTemplate as Do,Label as Fo,LabelStyles as Ho,LabelTemplate as Vo,LabelSize as _o,LabelWeight as jo,AnchorButton as Wo,AnchorButtonAppearance as Ko,AnchorButtonShape as qo,AnchorButtonSize as Go,ToggleButtonStyles as Xo,AnchorButtonTemplate as Uo,MessageBar as Zo,MessageBarStyles as Yo,MessageBarTemplate as Qo,MenuButton as Jo,MenuButtonStyles as en,MenuButtonTemplate as tn,colorCompoundBrandForeground1Pressed as on,ProgressBar as nn,ProgressBarStyles as rn,ProgressBarTemplate as sn,ProgressBarShape as an,ProgressBarThickness as ln,ProgressBarValidationState as dn,RadioGroup as cn,RadioGroupOrientation as hn,RadioGroupStyles as un,RadioGroupTemplate as pn,Radio as mn,RadioStyles as gn,RadioTemplate as bn,RatingDisplay as fn,RatingDisplayStyles as vn,RatingDisplayTemplate as wn,RatingDisplayColor as yn,RatingDisplaySize as xn,StartEnd as $n,colorNeutralStrokeAccessible as kn,colorPaletteRedBorder2 as Cn,colorCompoundBrandStroke as Sn,durationUltraFast as Bn,curveAccelerateMid as In,colorNeutralForeground4 as En,colorNeutralStrokeAccessibleHover as Ln,durationNormal as Mn,curveDecelerateMid as Pn,colorCompoundBrandStrokePressed as Rn,colorNeutralStrokeAccessiblePressed as On,Slider as An,SliderMode as zn,SliderOrientation as Nn,SliderSize as Tn,SliderStyles as Dn,SliderTemplate as Fn,Spinner as Hn,SpinnerAppearance as Vn,SpinnerSize as _n,SpinnerStyles as jn,SpinnerTemplate as Wn,Switch as Kn,SwitchStyles as qn,SwitchTemplate as Gn,Tab as Xn,TabStyles as Un,TabTemplate as Zn,TablistAppearance as Yn,TablistOrientation as Qn,TablistSize as Jn,Tablist as ei,TablistStyles as ti,TablistTemplate as oi,TextArea as ni,TextAreaStyles as ii,TextAreaTemplate as ri,TextAreaAppearance as si,TextAreaAppearancesForDisplayShadow as ai,TextAreaAutocomplete as li,TextAreaResize as di,TextAreaSize as ci,Text as hi,TextStyles as ui,TextTemplate as pi,TextAlign as mi,TextFont as gi,TextSize as bi,TextWeight as fi,Tree as vi,TreeStyles as wi,TreeTemplate as yi,TreeItem as xi,TreeItemStyles as $i,TreeItemTemplate as ki,ToggleButton as Ci,ToggleButtonAppearance as Si,ToggleButtonShape as Bi,ToggleButtonSize as Ii,ToggleButtonTemplate as Ei,Tooltip as Li,TooltipStyles as Mi,TooltipTemplate as Pi,TooltipPositioningOption as Ri}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeItemStyles,TreeItemTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Oi,attr as Ai,observable as zi,Updates as Ni,Observable as Ti,slotted as Di,html as Fi,css as Hi,ref as Vi,elements as _i,InlineTemplateDirective as ji,AttributeConfiguration as Wi,nullableNumberConverter as Ki,when as qi}from"@microsoft/fast-element";function Gi(...e){return e.every(e=>e instanceof HTMLElement)}const Xi="ArrowDown",Ui="ArrowUp",Zi="End",Yi="Enter",Qi="Escape",Ji="Home",er=" ",tr="Tab";let or=0;function nr(e=""){return`${e}${or++}`}CSS.supports("anchor-name: --a");const ir=CSS.supports("selector(:state(g))"),rr=new Map;function sr(e){var t;return null!==(t=rr.get(e))&&void 0!==t?t:rr.set(e,ir?`:state(${e})`:`[state--${e}]`).get(e)}function ar(e,t,o){t&&e&&(ir?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function lr(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}const dr={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},cr={[dr.menuitem]:"menuitem",[dr.menuitemcheckbox]:"menuitemcheckbox",[dr.menuitemradio]:"menuitemradio"},hr={group:"group"},ur={group:hr.group};var pr,mr,gr,br=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},fr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class vr extends Oi{constructor(){super(...arguments),pr.add(this),this.elementInternals=this.attachInternals(),this.role=dr.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Yi:case er:return this.invoke(),!1;case"ArrowRight":return!this.disabled&&wr(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case"ArrowLeft":{const e=this.parentElement;return wr(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case dr.menuitemcheckbox:this.checked=!this.checked;break;case dr.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case dr.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,ar(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:dr.menuitem;const o=(null!=t?t:dr.menuitem)!==dr.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,ar(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==dr.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,ar(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",ar(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,ar(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:dr.menuitem,fr(this,pr,"m",mr).call(this)}disconnectedCallback(){super.disconnectedCallback(),fr(this,pr,"m",gr).call(this)}}function wr(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}pr=new WeakSet,mr=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},gr=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},br([Ai({mode:"boolean"})],vr.prototype,"disabled",void 0),br([Ai],vr.prototype,"role",void 0),br([Ai({mode:"boolean"})],vr.prototype,"checked",void 0),br([Ai({mode:"boolean"})],vr.prototype,"hidden",void 0),br([zi],vr.prototype,"slottedSubmenu",void 0),br([zi],vr.prototype,"submenu",void 0);var yr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class xr extends Oi{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Gi(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===dr.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===dr.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof vr||Gi(e)&&e.getAttribute("role")in xr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case Xi:return void this.setFocus(this.focusIndex+1,1);case Ui:return void this.setFocus(this.focusIndex-1,-1);case Zi:return void this.setFocus(this.menuItems.length-1,-1);case Ji:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ti.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==dr.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ti.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=xr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof vr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}xr.focusableElementRoles=dr,yr([zi],xr.prototype,"items",void 0);var $r=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class kr extends Oi{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case Yi:case er:e.preventDefault(),this.expanded=!this.expanded;break;case Qi:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=nr("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Ni.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(ar(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){ar(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&ar(this.elementInternals,e,!1),t&&ar(this.elementInternals,t,!0)}blockChanged(e,t){ar(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&ar(this.elementInternals,`align-${e}`,!1),t&&ar(this.elementInternals,`align-${t}`,!0)}}$r([zi],kr.prototype,"menuList",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"expanded",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"disabled",void 0),$r([Ai],kr.prototype,"id",void 0),$r([Ai],kr.prototype,"size",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"block",void 0),$r([Ai({attribute:"marker-position"})],kr.prototype,"markerPosition",void 0);const Cr={single:"single",multi:"multi"};var Sr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Br extends Oi{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Cr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof vr||Gi(e)&&e.getAttribute("role")in xr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ti.getNotifier(e).unsubscribe(this,"disabled"),Ti.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===Cr.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof kr&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof vr&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof kr&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Ti.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof kr&&Ti.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=Br.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof vr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==dr.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Cr.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof kr&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}Sr([Ai({attribute:"expand-mode"})],Br.prototype,"expandmode",void 0),Sr([zi],Br.prototype,"slottedElements",void 0);const Ir=Fi`<template class="accordion-menu"><slot ${Di({property:"slottedElements"})}></slot></template>`,Er=Hi`
|
|
2
|
-
${
|
|
1
|
+
import{spacingHorizontalXL as e,spacingHorizontalL as t,spacingVerticalXXS as o,display as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingHorizontalS as s,fontFamilyBase as a,fontSizeBase300 as l,fontWeightRegular as d,lineHeightBase300 as c,spacingHorizontalMNudge as h,spacingHorizontalXS as u,colorNeutralForeground1 as p,colorTransparentBackground as m,colorNeutralBackground1Hover as g,colorNeutralForeground2Hover as f,colorNeutralBackground1Pressed as b,colorNeutralForeground2Pressed as v,colorNeutralForegroundDisabled as w,fontSizeBase200 as y,lineHeightBase200 as x,fontSizeBase400 as $,lineHeightBase400 as k,fontSizeBase500 as C,lineHeightBase500 as S,spacingHorizontalXXS as I,spacingHorizontalSNudge as B,shadow4 as E,colorBrandBackground2 as L,strokeWidthThick as M,colorTransparentStroke as R,colorNeutralBackground1 as A,strokeWidthThin as P,colorNeutralBackground2 as O,colorNeutralStroke1 as z,colorSubtleBackground as N,colorTransparentStrokeInteractive as T,shadow8 as D,colorNeutralBackground2Hover as F,colorNeutralBackground2Pressed as H,colorTransparentBackgroundHover as V,colorNeutralStroke1Hover as _,colorTransparentBackgroundPressed as j,colorNeutralStroke1Pressed as X,colorSubtleBackgroundHover as W,colorSubtleBackgroundPressed as K,colorNeutralBackground1Selected as q,colorSubtleBackgroundSelected as G,colorNeutralStroke1Selected as Y,colorTransparentBackgroundSelected as U,colorNeutralBackground2Selected as Z,colorNeutralBackgroundDisabled as Q,colorTransparentStrokeDisabled as J,shadow2 as ee,spacingHorizontalM as te,spacingVerticalS as oe,fontWeightBold as ne,spacingVerticalM as ie,BaseButton as re,ButtonAppearance as se,ButtonFormTarget as ae,ButtonShape as le,ButtonSize as de,ButtonType as ce,ButtonStyles as he,colorBrandBackground as ue,colorNeutralForegroundOnBrand as pe,colorNeutralStrokeOnBrand as me,colorBrandBackgroundHover as ge,colorBrandBackgroundPressed as fe,ButtonTemplate as be,colorNeutralBackground4 as ve,spacingHorizontalXXXL as we,fontWeightSemibold as ye,durationFaster as xe,curveEasyEase as $e,colorNeutralForeground1Hover as ke,colorNeutralForeground1Pressed as Ce,fontSizeBase600 as Se,borderRadiusSmall as Ie,spacingVerticalXXXL as Be,borderRadiusLarge as Ee,borderRadiusCircular as Le,borderRadiusNone as Me,colorNeutralBackground4Hover as Re,colorNeutralStroke2 as Ae,colorNeutralBackgroundInverted as Pe,colorNeutralForeground2 as Oe,colorNeutralForeground2BrandHover as ze,colorNeutralForeground2BrandPressed as Ne,colorNeutralStrokeDisabled as Te,colorNeutralForegroundInverted as De,colorNeutralForeground2Selected as Fe,colorNeutralForeground2BrandSelected as He,CompoundButtonStyles as Ve,CompoundButtonTemplate as _e,Button as je,forcedColorsStylesheetBehavior as Xe,spacingVerticalL as We,ButtonDefinition as Ke,typographyCaption1Styles as qe,typographyCaption2Styles as Ge,typographyBody1Styles as Ye,colorNeutralBackground3 as Ue,colorBrandForeground1 as Ze,spacingHorizontalNone as Qe,spacingVerticalXXL as Je,spacingVerticalXS as et,shadow16 as tt,spacingHorizontalXXL as ot,colorNeutralForeground3 as nt,colorBrandForeground2 as it,colorPaletteRedForeground3 as rt,AccordionItem as st,AccordionItemMarkerPosition as at,AccordionItemSize as lt,accordionItemStyles as dt,accordionItemTemplate as ct,Accordion as ht,accordionStyles as ut,accordionTemplate as pt,AccordionExpandMode as mt,Link as gt,AnchorTarget as ft,LinkAppearance as bt,LinkTarget as vt,LinkStyles as wt,LinkTemplate as yt,Avatar as xt,AvatarActive as $t,AvatarAppearance as kt,AvatarColor as Ct,AvatarNamedColor as St,AvatarShape as It,AvatarSize as Bt,AvatarStyles as Et,AvatarTemplate as Lt,Badge as Mt,BadgeAppearance as Rt,BadgeColor as At,BadgeShape as Pt,BadgeSize as Ot,BadgeStyles as zt,BadgeTemplate as Nt,Checkbox as Tt,CheckboxShape as Dt,CheckboxSize as Ft,CheckboxStyles as Ht,CheckboxTemplate as Vt,CounterBadge as _t,CounterBadgeAppearance as jt,CounterBadgeColor as Xt,CounterBadgeShape as Wt,CounterBadgeSize as Kt,CounterBadgeStyles as qt,CounterBadgeTemplate as Gt,Dialog as Yt,DialogStyles as Ut,DialogTemplate as Zt,DialogBody as Qt,DialogBodyStyles as Jt,DialogBodyTemplate as eo,Divider as to,DividerAlignContent as oo,DividerAppearance as no,DividerOrientation as io,DividerRole as ro,DividerStyles as so,DividerTemplate as ao,Drawer as lo,DrawerPosition as co,DrawerSize as ho,DrawerType as uo,DrawerStyles as po,DrawerTemplate as mo,DrawerBody as go,DrawerBodyStyles as fo,DrawerBodyTemplate as bo,Dropdown as vo,DropdownAppearance as wo,DropdownSize as yo,DropdownType as xo,DropdownStyles as $o,DropdownTemplate as ko,DropdownOption as Co,DropdownOptionStyles as So,DropdownOptionTemplate as Io,isDropdownOption as Bo,Listbox as Eo,ListboxStyles as Lo,ListboxTemplate as Mo,Field as Ro,FieldStyles as Ao,FieldTemplate as Po,Image as Oo,ImageFit as zo,ImageShape as No,ImageStyles as To,ImageTemplate as Do,Label as Fo,LabelStyles as Ho,LabelTemplate as Vo,LabelSize as _o,LabelWeight as jo,AnchorButton as Xo,AnchorButtonAppearance as Wo,AnchorButtonShape as Ko,AnchorButtonSize as qo,ToggleButtonStyles as Go,AnchorButtonTemplate as Yo,MessageBar as Uo,MessageBarStyles as Zo,MessageBarTemplate as Qo,MenuButton as Jo,MenuButtonStyles as en,MenuButtonTemplate as tn,colorCompoundBrandForeground1Pressed as on,ProgressBar as nn,ProgressBarStyles as rn,ProgressBarTemplate as sn,ProgressBarShape as an,ProgressBarThickness as ln,ProgressBarValidationState as dn,RadioGroup as cn,RadioGroupOrientation as hn,RadioGroupStyles as un,RadioGroupTemplate as pn,Radio as mn,RadioStyles as gn,RadioTemplate as fn,RatingDisplay as bn,RatingDisplayStyles as vn,RatingDisplayTemplate as wn,RatingDisplayColor as yn,RatingDisplaySize as xn,StartEnd as $n,colorNeutralStrokeAccessible as kn,colorPaletteRedBorder2 as Cn,colorCompoundBrandStroke as Sn,durationUltraFast as In,curveAccelerateMid as Bn,colorNeutralForeground4 as En,colorNeutralStrokeAccessibleHover as Ln,durationNormal as Mn,curveDecelerateMid as Rn,colorCompoundBrandStrokePressed as An,colorNeutralStrokeAccessiblePressed as Pn,Slider as On,SliderMode as zn,SliderOrientation as Nn,SliderSize as Tn,SliderStyles as Dn,SliderTemplate as Fn,Spinner as Hn,SpinnerAppearance as Vn,SpinnerSize as _n,SpinnerStyles as jn,SpinnerTemplate as Xn,Switch as Wn,SwitchStyles as Kn,SwitchTemplate as qn,Tab as Gn,TabStyles as Yn,TabTemplate as Un,TablistAppearance as Zn,TablistOrientation as Qn,TablistSize as Jn,Tablist as ei,TablistStyles as ti,TablistTemplate as oi,TextArea as ni,TextAreaStyles as ii,TextAreaTemplate as ri,TextAreaAppearance as si,TextAreaAppearancesForDisplayShadow as ai,TextAreaAutocomplete as li,TextAreaResize as di,TextAreaSize as ci,Text as hi,TextStyles as ui,TextTemplate as pi,TextAlign as mi,TextFont as gi,TextSize as fi,TextWeight as bi,Tree as vi,TreeStyles as wi,TreeTemplate as yi,TreeItem as xi,TreeItemStyles as $i,ToggleButton as ki,ToggleButtonAppearance as Ci,ToggleButtonShape as Si,ToggleButtonSize as Ii,ToggleButtonTemplate as Bi,Tooltip as Ei,TooltipStyles as Li,TooltipTemplate as Mi,TooltipPositioningOption as Ri}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Ai,attr as Pi,observable as Oi,Updates as zi,Observable as Ni,slotted as Ti,html as Di,css as Fi,ref as Hi,elements as Vi,AttributeConfiguration as _i,InlineTemplateDirective as ji,nullableNumberConverter as Xi,when as Wi}from"@microsoft/fast-element";function Ki(...e){return e.every(e=>e instanceof HTMLElement)}const qi="ArrowDown",Gi="ArrowLeft",Yi="ArrowRight",Ui="ArrowUp",Zi="End",Qi="Enter",Ji="Escape",er="Home",tr=" ",or="Tab";var nr;!function(e){e.ltr="ltr",e.rtl="rtl"}(nr||(nr={}));let ir=0;function rr(e=""){return`${e}${ir++}`}CSS.supports("anchor-name: --a");const sr=CSS.supports("selector(:state(g))"),ar=new Map;function lr(e){var t;return null!==(t=ar.get(e))&&void 0!==t?t:ar.set(e,sr?`:state(${e})`:`[state--${e}]`).get(e)}function dr(e,t,o){t&&e&&(sr?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function cr(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}const hr={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},ur={[hr.menuitem]:"menuitem",[hr.menuitemcheckbox]:"menuitemcheckbox",[hr.menuitemradio]:"menuitemradio"},pr={group:"group"},mr={group:pr.group};var gr,fr,br,vr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},wr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class yr extends Ai{constructor(){super(...arguments),gr.add(this),this.elementInternals=this.attachInternals(),this.role=hr.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Qi:case tr:return this.invoke(),!1;case Yi:return!this.disabled&&xr(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case Gi:{const e=this.parentElement;return xr(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case hr.menuitemcheckbox:this.checked=!this.checked;break;case hr.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case hr.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,dr(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:hr.menuitem;const o=(null!=t?t:hr.menuitem)!==hr.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,dr(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==hr.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,dr(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",dr(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,dr(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:hr.menuitem,wr(this,gr,"m",fr).call(this)}disconnectedCallback(){super.disconnectedCallback(),wr(this,gr,"m",br).call(this)}}function xr(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}gr=new WeakSet,fr=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},br=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},vr([Pi({mode:"boolean"})],yr.prototype,"disabled",void 0),vr([Pi],yr.prototype,"role",void 0),vr([Pi({mode:"boolean"})],yr.prototype,"checked",void 0),vr([Pi({mode:"boolean"})],yr.prototype,"hidden",void 0),vr([Oi],yr.prototype,"slottedSubmenu",void 0),vr([Oi],yr.prototype,"submenu",void 0);var $r=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class kr extends Ai{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Ki(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===hr.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===hr.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof yr||Ki(e)&&e.getAttribute("role")in kr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case qi:return void this.setFocus(this.focusIndex+1,1);case Ui:return void this.setFocus(this.focusIndex-1,-1);case Zi:return void this.setFocus(this.menuItems.length-1,-1);case er:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ni.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==hr.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ni.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=kr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof yr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}kr.focusableElementRoles=hr,$r([Oi],kr.prototype,"items",void 0);var Cr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Sr extends Ai{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case Qi:case tr:e.preventDefault(),this.expanded=!this.expanded;break;case Ji:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=rr("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&zi.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(dr(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){dr(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&dr(this.elementInternals,e,!1),t&&dr(this.elementInternals,t,!0)}blockChanged(e,t){dr(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&dr(this.elementInternals,`align-${e}`,!1),t&&dr(this.elementInternals,`align-${t}`,!0)}}Cr([Oi],Sr.prototype,"menuList",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"expanded",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"disabled",void 0),Cr([Pi],Sr.prototype,"id",void 0),Cr([Pi],Sr.prototype,"size",void 0),Cr([Pi({mode:"boolean"})],Sr.prototype,"block",void 0),Cr([Pi({attribute:"marker-position"})],Sr.prototype,"markerPosition",void 0);const Ir={single:"single",multi:"multi"};var Br=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Er extends Ai{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Ir.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof yr||Ki(e)&&e.getAttribute("role")in kr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ni.getNotifier(e).unsubscribe(this,"disabled"),Ni.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===Ir.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof Sr&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof yr&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof Sr&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Ni.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof Sr&&Ni.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=Er.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof yr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==hr.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Ir.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof Sr&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}Br([Pi({attribute:"expand-mode"})],Er.prototype,"expandmode",void 0),Br([Oi],Er.prototype,"slottedElements",void 0);const Lr=Di`<template class="accordion-menu"><slot ${Ti({property:"slottedElements"})}></slot></template>`,Mr=Fi`
|
|
2
|
+
${n("flex")}
|
|
3
3
|
|
|
4
|
-
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${t} * 15);min-width:calc(${o} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${n}}`,Lr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),Mr=Br.compose({name:`${Lr.prefix}-accordion-menu`,template:Ir,styles:Er,shadowOptions:{mode:Lr.shadowRootMode}}),Pr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},Rr={start:"start",end:"end"},Or=Fi.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Ar=Fi.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const zr=Fi`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Vi("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${Ar}</slot><slot name="marker-collapsed">${Or}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Di("menuList")}></slot></div></template>`;sr("active");const Nr=sr("align-end");sr("align-start"),sr("anchor"),sr("auto-resize"),sr("bad-input"),sr("beige"),sr("block"),sr("blue"),sr("bold"),sr("bordered"),sr("brand"),sr("brass"),sr("brown"),sr("center");const Tr=sr("checked"),Dr=sr("circular");sr("cornflower"),sr("cranberry"),sr("custom-error"),sr("danger"),sr("dark-green"),sr("dark-red"),sr("description");const Fr=sr("disabled");sr("display-shadow"),sr("dot"),sr("end"),sr("error");const Hr=sr("expanded"),Vr=sr("extra-large");sr("extra-small"),sr("filled-darker"),sr("filled-lighter"),sr("fit-center"),sr("fit-contain"),sr("fit-cover"),sr("fit-none"),sr("flip-block"),sr("focus-visible"),sr("forest"),sr("ghost"),sr("gold"),sr("grape"),sr("has-message"),sr("huge");const _r=sr("icon");sr("important"),sr("indeterminate"),sr("informative"),sr("inline"),sr("inset"),sr("inverted"),sr("italic"),sr("justify");const jr=sr("large");sr("lavender"),sr("light-teal"),sr("lilac"),sr("magenta"),sr("marigold");const Wr=sr("medium");sr("mink"),sr("monospace"),sr("multiline"),sr("multiple"),sr("navy"),sr("neutral"),sr("nowrap"),sr("numeric"),sr("open");const Kr=sr("outline");sr("pattern-mismatch"),sr("peach"),sr("pink"),sr("placeholder-shown"),sr("platinum"),sr("plum");const qr=sr("pressed"),Gr=sr("primary");sr("pumpkin"),sr("purple"),sr("range-overflow"),sr("range-underflow"),sr("red"),sr("resize-both"),sr("resize-horizontal"),sr("resize-vertical"),sr("rounded"),sr("royal-blue"),sr("seafoam"),sr("selected"),sr("semibold"),sr("severe"),sr("shadow"),sr("size-1000"),sr("size-100"),sr("size-200"),sr("size-400"),sr("size-500"),sr("size-600"),sr("size-700"),sr("size-800"),sr("size-900");const Xr=sr("small"),Ur=sr("square");sr("steel"),sr("step-mismatch"),sr("strikethrough"),sr("strong");const Zr=sr("submenu"),Yr=sr("subtle");sr("success"),sr("teal"),sr("tint"),sr("tiny"),sr("too-long"),sr("too-short");const Qr=sr("transparent");sr("truncate"),sr("type-mismatch"),sr("underline"),sr("user-invalid"),sr("valid"),sr("value-missing"),sr("vertical"),sr("warning");const Jr="#050505",es="#0a0a0a",ts="#0f0f0f",os="#141414",ns="#1a1a1a",is="#1f1f1f",rs="#242424",ss="#292929",as="#2e2e2e",ls="#333333",ds="#383838",cs="#3d3d3d",hs="#424242",us="#4d4d4d",ps="#525252",ms="#575757",gs="#5c5c5c",bs="#616161",fs="#666666",vs="#6b6b6b",ws="#707070",ys="#757575",xs="#999999",$s="#adadad",ks="#b3b3b3",Cs="#bdbdbd",Ss="#c7c7c7",Bs="#d1d1d1",Is="#d6d6d6",Es="#dbdbdb",Ls="#e0e0e0",Ms="#e6e6e6",Ps="#ebebeb",Rs="#f0f0f0",Os="#f5f5f5",As="#fafafa",zs="rgba(255, 255, 255, 0.05)",Ns="rgba(255, 255, 255, 0.1)",Ts="rgba(255, 255, 255, 0.2)",Ds="rgba(255, 255, 255, 0.4)",Fs="rgba(255, 255, 255, 0.5)",Hs="rgba(255, 255, 255, 0.6)",Vs="rgba(255, 255, 255, 0.7)",_s="rgba(255, 255, 255, 0.8)",js="rgba(0, 0, 0, 0.05)",Ws="rgba(0, 0, 0, 0.1)",Ks="rgba(0, 0, 0, 0.2)",qs="rgba(0, 0, 0, 0.3)",Gs="rgba(0, 0, 0, 0.4)",Xs="rgba(0, 0, 0, 0.5)",Us="rgba(26, 26, 26, 0.5)",Zs="rgba(31, 31, 31, 0.7)",Ys="rgba(36, 36, 36, 0.5)",Qs="rgba(36, 36, 36, 0.8)",Js="#ffffff",ea="#000000",ta={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},oa={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},na={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:oa,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},ia={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:ta,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},ra={cranberry:ta,green:oa,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},sa=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],aa=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],la={success:"green",warning:"orange",danger:"cranberry"},da=sa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:na[t].tint60,[`colorPalette${o}Background2`]:na[t].tint40,[`colorPalette${o}Background3`]:na[t].primary,[`colorPalette${o}Foreground1`]:na[t].shade10,[`colorPalette${o}Foreground2`]:na[t].shade30,[`colorPalette${o}Foreground3`]:na[t].primary,[`colorPalette${o}BorderActive`]:na[t].primary,[`colorPalette${o}Border1`]:na[t].tint40,[`colorPalette${o}Border2`]:na[t].primary};return Object.assign(e,n)},{});da.colorPaletteYellowForeground1=na.yellow.shade30,da.colorPaletteRedForegroundInverted=na.red.tint20,da.colorPaletteGreenForegroundInverted=na.green.tint20,da.colorPaletteYellowForegroundInverted=na.yellow.tint40;const ca=aa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:ia[t].tint40,[`colorPalette${o}Foreground2`]:ia[t].shade30,[`colorPalette${o}BorderActive`]:ia[t].primary};return Object.assign(e,n)},{}),ha={...da,...ca},ua=Object.entries(la).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:ra[o].tint60,[`colorStatus${n}Background2`]:ra[o].tint40,[`colorStatus${n}Background3`]:ra[o].primary,[`colorStatus${n}Foreground1`]:ra[o].shade10,[`colorStatus${n}Foreground2`]:ra[o].shade30,[`colorStatus${n}Foreground3`]:ra[o].primary,[`colorStatus${n}ForegroundInverted`]:ra[o].tint30,[`colorStatus${n}BorderActive`]:ra[o].primary,[`colorStatus${n}Border1`]:ra[o].tint40,[`colorStatus${n}Border2`]:ra[o].primary};return Object.assign(e,i)},{});ua.colorStatusDangerBackground3Hover=ra[la.danger].shade10,ua.colorStatusDangerBackground3Pressed=ra[la.danger].shade20,ua.colorStatusWarningForeground1=ra[la.warning].shade20,ua.colorStatusWarningForeground3=ra[la.warning].shade20,ua.colorStatusWarningBorder2=ra[la.warning].shade20;const pa={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadiusCircular:"10000px"},ma={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},ga={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},ba={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},fa={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},va={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},wa={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ya="0",xa="2px",$a="4px",ka="6px",Ca="8px",Sa="10px",Ba="12px",Ia="16px",Ea="20px",La="24px",Ma="32px",Pa={spacingHorizontalNone:ya,spacingHorizontalXXS:xa,spacingHorizontalXS:$a,spacingHorizontalSNudge:ka,spacingHorizontalS:Ca,spacingHorizontalMNudge:Sa,spacingHorizontalM:Ba,spacingHorizontalL:Ia,spacingHorizontalXL:Ea,spacingHorizontalXXL:La,spacingHorizontalXXXL:Ma},Ra={spacingVerticalNone:ya,spacingVerticalXXS:xa,spacingVerticalXS:$a,spacingVerticalSNudge:ka,spacingVerticalS:Ca,spacingVerticalMNudge:Sa,spacingVerticalM:Ba,spacingVerticalL:Ia,spacingVerticalXL:Ea,spacingVerticalXXL:La,spacingVerticalXXXL:Ma},Oa={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Aa(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const za=e=>{const t=(e=>({colorNeutralForeground1:rs,colorNeutralForeground1Hover:rs,colorNeutralForeground1Pressed:rs,colorNeutralForeground1Selected:rs,colorNeutralForeground2:hs,colorNeutralForeground2Hover:rs,colorNeutralForeground2Pressed:rs,colorNeutralForeground2Selected:rs,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:bs,colorNeutralForeground3Hover:hs,colorNeutralForeground3Pressed:hs,colorNeutralForeground3Selected:hs,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:ws,colorNeutralForegroundDisabled:Cs,colorNeutralForegroundInvertedDisabled:Ds,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:hs,colorNeutralForeground2LinkHover:rs,colorNeutralForeground2LinkPressed:rs,colorNeutralForeground2LinkSelected:rs,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:rs,colorNeutralForegroundStaticInverted:Js,colorNeutralForegroundInverted:Js,colorNeutralForegroundInvertedHover:Js,colorNeutralForegroundInvertedPressed:Js,colorNeutralForegroundInvertedSelected:Js,colorNeutralForegroundInverted2:Js,colorNeutralForegroundOnBrand:Js,colorNeutralForegroundInvertedLink:Js,colorNeutralForegroundInvertedLinkHover:Js,colorNeutralForegroundInvertedLinkPressed:Js,colorNeutralForegroundInvertedLinkSelected:Js,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Js,colorNeutralBackground1Hover:Os,colorNeutralBackground1Pressed:Ls,colorNeutralBackground1Selected:Ps,colorNeutralBackground2:As,colorNeutralBackground2Hover:Rs,colorNeutralBackground2Pressed:Es,colorNeutralBackground2Selected:Ms,colorNeutralBackground3:Os,colorNeutralBackground3Hover:Ps,colorNeutralBackground3Pressed:Is,colorNeutralBackground3Selected:Ls,colorNeutralBackground4:Rs,colorNeutralBackground4Hover:As,colorNeutralBackground4Pressed:Os,colorNeutralBackground4Selected:Js,colorNeutralBackground5:Ps,colorNeutralBackground5Hover:Os,colorNeutralBackground5Pressed:Rs,colorNeutralBackground5Selected:As,colorNeutralBackground6:Ms,colorNeutralBackgroundInverted:ss,colorNeutralBackgroundStatic:ls,colorNeutralBackgroundAlpha:Fs,colorNeutralBackgroundAlpha2:_s,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:Os,colorSubtleBackgroundPressed:Ls,colorSubtleBackgroundSelected:Ps,colorSubtleBackgroundLightAlphaHover:Vs,colorSubtleBackgroundLightAlphaPressed:Fs,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Ws,colorSubtleBackgroundInvertedPressed:qs,colorSubtleBackgroundInvertedSelected:Ks,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Rs,colorNeutralBackgroundInvertedDisabled:Ns,colorNeutralStencil1:Ms,colorNeutralStencil2:As,colorNeutralStencil1Alpha:Ws,colorNeutralStencil2Alpha:js,colorBackgroundOverlay:Gs,colorScrollbarOverlay:Xs,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Js,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:As,colorNeutralCardBackgroundHover:Js,colorNeutralCardBackgroundPressed:Os,colorNeutralCardBackgroundSelected:Ps,colorNeutralCardBackgroundDisabled:Rs,colorNeutralStrokeAccessible:bs,colorNeutralStrokeAccessibleHover:ms,colorNeutralStrokeAccessiblePressed:us,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:Bs,colorNeutralStroke1Hover:Ss,colorNeutralStroke1Pressed:ks,colorNeutralStroke1Selected:Cs,colorNeutralStroke2:Ls,colorNeutralStroke3:Rs,colorNeutralStrokeSubtle:Ls,colorNeutralStrokeOnBrand:Js,colorNeutralStrokeOnBrand2:Js,colorNeutralStrokeOnBrand2Hover:Js,colorNeutralStrokeOnBrand2Pressed:Js,colorNeutralStrokeOnBrand2Selected:Js,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:Ls,colorNeutralStrokeInvertedDisabled:Ds,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:js,colorNeutralStrokeAlpha2:Ts,colorStrokeFocus1:Js,colorStrokeFocus2:ea,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...pa,...ba,...fa,...wa,...va,...Oa,...Pa,...Ra,...ga,...ma,...t,...ha,...ua,...Aa(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Aa(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Na={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Ta=sa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:na[t].shade40,[`colorPalette${o}Background2`]:na[t].shade30,[`colorPalette${o}Background3`]:na[t].primary,[`colorPalette${o}Foreground1`]:na[t].tint30,[`colorPalette${o}Foreground2`]:na[t].tint40,[`colorPalette${o}Foreground3`]:na[t].tint20,[`colorPalette${o}BorderActive`]:na[t].tint30,[`colorPalette${o}Border1`]:na[t].primary,[`colorPalette${o}Border2`]:na[t].tint20};return Object.assign(e,n)},{});Ta.colorPaletteRedForeground3=na.red.tint30,Ta.colorPaletteRedBorder2=na.red.tint30,Ta.colorPaletteGreenForeground3=na.green.tint40,Ta.colorPaletteGreenBorder2=na.green.tint40,Ta.colorPaletteDarkOrangeForeground3=na.darkOrange.tint30,Ta.colorPaletteDarkOrangeBorder2=na.darkOrange.tint30,Ta.colorPaletteRedForegroundInverted=na.red.primary,Ta.colorPaletteGreenForegroundInverted=na.green.primary,Ta.colorPaletteYellowForegroundInverted=na.yellow.shade30;const Da=aa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:ia[t].shade30,[`colorPalette${o}Foreground2`]:ia[t].tint40,[`colorPalette${o}BorderActive`]:ia[t].tint30};return Object.assign(e,n)},{});Da.colorPaletteDarkRedBackground2=ia.darkRed.shade20,Da.colorPalettePlumBackground2=ia.plum.shade20;const Fa={...Ta,...Da},Ha=Object.entries(la).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:ra[o].shade40,[`colorStatus${n}Background2`]:ra[o].shade30,[`colorStatus${n}Background3`]:ra[o].primary,[`colorStatus${n}Foreground1`]:ra[o].tint30,[`colorStatus${n}Foreground2`]:ra[o].tint40,[`colorStatus${n}Foreground3`]:ra[o].tint20,[`colorStatus${n}BorderActive`]:ra[o].tint30,[`colorStatus${n}ForegroundInverted`]:ra[o].shade10,[`colorStatus${n}Border1`]:ra[o].primary,[`colorStatus${n}Border2`]:ra[o].tint20};return Object.assign(e,i)},{});Ha.colorStatusDangerBackground3Hover=ra[la.danger].shade10,Ha.colorStatusDangerBackground3Pressed=ra[la.danger].shade20,Ha.colorStatusDangerForeground3=ra[la.danger].tint40,Ha.colorStatusDangerBorder2=ra[la.danger].tint30,Ha.colorStatusSuccessForeground3=ra[la.success].tint40,Ha.colorStatusSuccessBorder2=ra[la.success].tint40,Ha.colorStatusWarningForegroundInverted=ra[la.warning].shade20;const Va=za(Na),_a=e=>{const t=(e=>({colorNeutralForeground1:Js,colorNeutralForeground1Hover:Js,colorNeutralForeground1Pressed:Js,colorNeutralForeground1Selected:Js,colorNeutralForeground2:Is,colorNeutralForeground2Hover:Js,colorNeutralForeground2Pressed:Js,colorNeutralForeground2Selected:Js,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:$s,colorNeutralForeground3Hover:Is,colorNeutralForeground3Pressed:Is,colorNeutralForeground3Selected:Is,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:xs,colorNeutralForegroundDisabled:gs,colorNeutralForegroundInvertedDisabled:Ds,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:Is,colorNeutralForeground2LinkHover:Js,colorNeutralForeground2LinkPressed:Js,colorNeutralForeground2LinkSelected:Js,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:rs,colorNeutralForegroundStaticInverted:Js,colorNeutralForegroundInverted:rs,colorNeutralForegroundInvertedHover:rs,colorNeutralForegroundInvertedPressed:rs,colorNeutralForegroundInvertedSelected:rs,colorNeutralForegroundInverted2:rs,colorNeutralForegroundOnBrand:Js,colorNeutralForegroundInvertedLink:Js,colorNeutralForegroundInvertedLinkHover:Js,colorNeutralForegroundInvertedLinkPressed:Js,colorNeutralForegroundInvertedLinkSelected:Js,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:ss,colorNeutralBackground1Hover:cs,colorNeutralBackground1Pressed:is,colorNeutralBackground1Selected:ds,colorNeutralBackground2:is,colorNeutralBackground2Hover:ls,colorNeutralBackground2Pressed:os,colorNeutralBackground2Selected:as,colorNeutralBackground3:os,colorNeutralBackground3Hover:ss,colorNeutralBackground3Pressed:es,colorNeutralBackground3Selected:rs,colorNeutralBackground4:es,colorNeutralBackground4Hover:is,colorNeutralBackground4Pressed:ea,colorNeutralBackground4Selected:ns,colorNeutralBackground5:ea,colorNeutralBackground5Hover:os,colorNeutralBackground5Pressed:Jr,colorNeutralBackground5Selected:ts,colorNeutralBackground6:ls,colorNeutralBackgroundInverted:Js,colorNeutralBackgroundStatic:cs,colorNeutralBackgroundAlpha:Us,colorNeutralBackgroundAlpha2:Zs,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:ds,colorSubtleBackgroundPressed:as,colorSubtleBackgroundSelected:ls,colorSubtleBackgroundLightAlphaHover:Qs,colorSubtleBackgroundLightAlphaPressed:Ys,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Ws,colorSubtleBackgroundInvertedPressed:qs,colorSubtleBackgroundInvertedSelected:Ks,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:os,colorNeutralBackgroundInvertedDisabled:Ns,colorNeutralStencil1:ms,colorNeutralStencil2:ls,colorNeutralStencil1Alpha:Ns,colorNeutralStencil2Alpha:zs,colorBackgroundOverlay:Xs,colorScrollbarOverlay:Hs,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Js,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:ls,colorNeutralCardBackgroundHover:cs,colorNeutralCardBackgroundPressed:as,colorNeutralCardBackgroundSelected:ds,colorNeutralCardBackgroundDisabled:os,colorNeutralStrokeAccessible:$s,colorNeutralStrokeAccessibleHover:Cs,colorNeutralStrokeAccessiblePressed:ks,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:fs,colorNeutralStroke1Hover:ys,colorNeutralStroke1Pressed:vs,colorNeutralStroke1Selected:ws,colorNeutralStroke2:ps,colorNeutralStroke3:cs,colorNeutralStrokeSubtle:es,colorNeutralStrokeOnBrand:ss,colorNeutralStrokeOnBrand2:Js,colorNeutralStrokeOnBrand2Hover:Js,colorNeutralStrokeOnBrand2Pressed:Js,colorNeutralStrokeOnBrand2Selected:Js,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:hs,colorNeutralStrokeInvertedDisabled:Ds,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Ns,colorNeutralStrokeAlpha2:Ts,colorStrokeFocus1:ea,colorStrokeFocus2:Js,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...pa,...ba,...fa,...wa,...va,...Oa,...Pa,...Ra,...ga,...ma,...t,...Fa,...Ha,...Aa(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Aa(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},ja=_a(Na),Wa={iconErrorColor:Va.colorStatusDangerForeground1,iconValidationColor:Va.colorStatusSuccessForeground1,iconSystemColor:Va.colorPaletteBlueForeground2,iconContentManagementColor:Va.colorPaletteGrapeBorderActive,iconMonitoringColor:Va.colorPaletteMarigoldForeground2,iconMiscColor:Va.colorNeutralForeground2,colorRibbonIconError:Va.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Va.colorPaletteCranberryBackground2,colorRibbonIconValidation:Va.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Va.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Va.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Va.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Va.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Va.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Va.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Va.colorPaletteGoldBackground2,colorRibbonIconMisc:Va.colorNeutralForeground2,colorRibbonIconMiscDisabled:Va.colorNeutralForegroundDisabled},Ka={iconErrorColor:ja.colorStatusDangerBackground3,iconValidationColor:ja.colorPaletteLightGreenBorder1,iconSystemColor:Va.colorPaletteBlueBorderActive,iconContentManagementColor:Va.colorPaletteLilacBorderActive,iconMonitoringColor:Va.colorPaletteGoldBorderActive,iconMiscColor:ja.colorNeutralForeground1,colorRibbonIconError:ja.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:ja.colorPaletteCranberryBackground2,colorRibbonIconValidation:ja.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:ja.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Va.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:ja.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Va.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:ja.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Va.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:ja.colorPaletteGoldBackground2,colorRibbonIconMisc:ja.colorNeutralForeground1,colorRibbonIconMiscDisabled:ja.colorNeutralForegroundDisabled},qa="var(--sizeVerticalNone)",Ga="var(--sizeVerticalXXS)",Xa="var(--sizeVerticalXS)",Ua="var(--sizeVerticalSNudge)",Za="var(--sizeVerticalS)",Ya="var(--sizeVerticalMNudge)",Qa="var(--sizeVerticalM)",Ja="var(--sizeVerticalL)",el="var(--sizeVerticalXL)",tl="var(--sizeVerticalXXL)",ol="var(--sizeVerticalXXXL)",nl="var(--sizeHorizontalNone)",il="var(--sizeHorizontalXXS)",rl="var(--sizeHorizontalXS)",sl="var(--sizeHorizontalSNudge)",al="var(--sizeHorizontalS)",ll="var(--sizeHorizontalMNudge)",dl="var(--sizeHorizontalM)",cl="var(--sizeHorizontalL)",hl="var(--sizeHorizontalXL)",ul="var(--sizeHorizontalXXL)",pl="var(--sizeHorizontalXXXL)",ml={sizeVerticalNone:"0",sizeVerticalXXS:"2px",sizeVerticalXS:"4px",sizeVerticalSNudge:"6px",sizeVerticalS:"8px",sizeVerticalMNudge:"10px",sizeVerticalM:"12px",sizeVerticalL:"16px",sizeVerticalXL:"20px",sizeVerticalXXL:"24px",sizeVerticalXXXL:"32px",sizeHorizontalNone:"0",sizeHorizontalXXS:"2px",sizeHorizontalXS:"4px",sizeHorizontalSNudge:"6px",sizeHorizontalS:"8px",sizeHorizontalMNudge:"10px",sizeHorizontalM:"12px",sizeHorizontalL:"16px",sizeHorizontalXL:"20px",sizeHorizontalXXL:"24px",sizeHorizontalXXXL:"32px"},gl={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},bl=za(gl),fl=_a(gl),vl={...bl,...Wa,...ml},wl={...fl,...Ka,...ml};async function yl(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}const xl=Hi`
|
|
5
|
-
${
|
|
4
|
+
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${e} * 15);min-width:calc(${t} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${o}}`,Rr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),Ar=Er.compose({name:`${Rr.prefix}-accordion-menu`,template:Lr,styles:Mr,shadowOptions:{mode:Rr.shadowRootMode}}),Pr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},Or={start:"start",end:"end"},zr=Di.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Nr=Di.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const Tr=Di`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Hi("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${Nr}</slot><slot name="marker-collapsed">${zr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Ti("menuList")}></slot></div></template>`;lr("active");const Dr=lr("align-end");lr("align-start"),lr("anchor"),lr("auto-resize"),lr("bad-input"),lr("beige"),lr("block"),lr("blue"),lr("bold"),lr("bordered"),lr("brand"),lr("brass"),lr("brown"),lr("center");const Fr=lr("checked"),Hr=lr("circular");lr("cornflower"),lr("cranberry"),lr("custom-error"),lr("danger"),lr("dark-green"),lr("dark-red"),lr("description");const Vr=lr("disabled");lr("display-shadow"),lr("dot"),lr("end"),lr("error");const _r=lr("expanded"),jr=lr("extra-large");lr("extra-small"),lr("filled-darker"),lr("filled-lighter"),lr("fit-center"),lr("fit-contain"),lr("fit-cover"),lr("fit-none"),lr("flip-block"),lr("focus-visible"),lr("forest"),lr("ghost"),lr("gold"),lr("grape"),lr("has-message"),lr("huge");const Xr=lr("icon");lr("important"),lr("indeterminate"),lr("informative"),lr("inline"),lr("inset"),lr("inverted"),lr("italic"),lr("justify");const Wr=lr("large");lr("lavender"),lr("light-teal"),lr("lilac"),lr("magenta"),lr("marigold");const Kr=lr("medium");lr("mink"),lr("monospace"),lr("multiline"),lr("multiple"),lr("navy"),lr("neutral"),lr("nowrap"),lr("numeric"),lr("open");const qr=lr("outline");lr("pattern-mismatch"),lr("peach"),lr("pink"),lr("placeholder-shown"),lr("platinum"),lr("plum");const Gr=lr("pressed"),Yr=lr("primary");lr("pumpkin"),lr("purple"),lr("range-overflow"),lr("range-underflow"),lr("red"),lr("resize-both"),lr("resize-horizontal"),lr("resize-vertical"),lr("rounded"),lr("royal-blue"),lr("seafoam"),lr("selected"),lr("semibold"),lr("severe"),lr("shadow"),lr("size-1000"),lr("size-100"),lr("size-200"),lr("size-400"),lr("size-500"),lr("size-600"),lr("size-700"),lr("size-800"),lr("size-900");const Ur=lr("small"),Zr=lr("square");lr("steel"),lr("step-mismatch"),lr("strikethrough"),lr("strong");const Qr=lr("submenu"),Jr=lr("subtle");lr("success"),lr("teal"),lr("tint"),lr("tiny"),lr("too-long"),lr("too-short");const es=lr("transparent");lr("truncate"),lr("type-mismatch"),lr("underline"),lr("user-invalid"),lr("valid"),lr("value-missing"),lr("vertical"),lr("warning");const ts="#050505",os="#0a0a0a",ns="#0f0f0f",is="#141414",rs="#1a1a1a",ss="#1f1f1f",as="#242424",ls="#292929",ds="#2e2e2e",cs="#333333",hs="#383838",us="#3d3d3d",ps="#424242",ms="#4d4d4d",gs="#525252",fs="#575757",bs="#5c5c5c",vs="#616161",ws="#666666",ys="#6b6b6b",xs="#707070",$s="#757575",ks="#999999",Cs="#adadad",Ss="#b3b3b3",Is="#bdbdbd",Bs="#c7c7c7",Es="#d1d1d1",Ls="#d6d6d6",Ms="#dbdbdb",Rs="#e0e0e0",As="#e6e6e6",Ps="#ebebeb",Os="#f0f0f0",zs="#f5f5f5",Ns="#fafafa",Ts="#fcfcfc",Ds="rgba(255, 255, 255, 0.05)",Fs="rgba(255, 255, 255, 0.1)",Hs="rgba(255, 255, 255, 0.2)",Vs="rgba(255, 255, 255, 0.4)",_s="rgba(255, 255, 255, 0.5)",js="rgba(255, 255, 255, 0.6)",Xs="rgba(255, 255, 255, 0.7)",Ws="rgba(255, 255, 255, 0.8)",Ks="rgba(0, 0, 0, 0.05)",qs="rgba(0, 0, 0, 0.1)",Gs="rgba(0, 0, 0, 0.2)",Ys="rgba(0, 0, 0, 0.3)",Us="rgba(0, 0, 0, 0.4)",Zs="rgba(0, 0, 0, 0.5)",Qs="rgba(26, 26, 26, 0.5)",Js="rgba(31, 31, 31, 0.7)",ea="rgba(36, 36, 36, 0.5)",ta="rgba(36, 36, 36, 0.8)",oa="#ffffff",na="#000000",ia={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},ra={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},sa={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:ra,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},aa={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:ia,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},la={cranberry:ia,green:ra,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},da=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],ca=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],ha={success:"green",warning:"orange",danger:"cranberry"},ua=da.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:sa[t].tint60,[`colorPalette${o}Background2`]:sa[t].tint40,[`colorPalette${o}Background3`]:sa[t].primary,[`colorPalette${o}Foreground1`]:sa[t].shade10,[`colorPalette${o}Foreground2`]:sa[t].shade30,[`colorPalette${o}Foreground3`]:sa[t].primary,[`colorPalette${o}BorderActive`]:sa[t].primary,[`colorPalette${o}Border1`]:sa[t].tint40,[`colorPalette${o}Border2`]:sa[t].primary};return Object.assign(e,n)},{});ua.colorPaletteYellowForeground1=sa.yellow.shade30,ua.colorPaletteRedForegroundInverted=sa.red.tint20,ua.colorPaletteGreenForegroundInverted=sa.green.tint20,ua.colorPaletteYellowForegroundInverted=sa.yellow.tint40;const pa=ca.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:aa[t].tint40,[`colorPalette${o}Foreground2`]:aa[t].shade30,[`colorPalette${o}BorderActive`]:aa[t].primary};return Object.assign(e,n)},{}),ma={...ua,...pa},ga=Object.entries(ha).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:la[o].tint60,[`colorStatus${n}Background2`]:la[o].tint40,[`colorStatus${n}Background3`]:la[o].primary,[`colorStatus${n}Foreground1`]:la[o].shade10,[`colorStatus${n}Foreground2`]:la[o].shade30,[`colorStatus${n}Foreground3`]:la[o].primary,[`colorStatus${n}ForegroundInverted`]:la[o].tint30,[`colorStatus${n}BorderActive`]:la[o].primary,[`colorStatus${n}Border1`]:la[o].tint40,[`colorStatus${n}Border2`]:la[o].primary};return Object.assign(e,i)},{});ga.colorStatusDangerBackground3Hover=la[ha.danger].shade10,ga.colorStatusDangerBackground3Pressed=la[ha.danger].shade20,ga.colorStatusWarningForeground1=la[ha.warning].shade20,ga.colorStatusWarningForeground3=la[ha.warning].shade20,ga.colorStatusWarningBorder2=la[ha.warning].shade20;const fa={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadius2XLarge:"12px",borderRadius3XLarge:"16px",borderRadius4XLarge:"24px",borderRadius5XLarge:"32px",borderRadius6XLarge:"40px",borderRadiusCircular:"10000px"},ba={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},va={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},wa={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},ya={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},xa={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},$a={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ka="0",Ca="2px",Sa="4px",Ia="6px",Ba="8px",Ea="10px",La="12px",Ma="16px",Ra="20px",Aa="24px",Pa="32px",Oa={spacingHorizontalNone:ka,spacingHorizontalXXS:Ca,spacingHorizontalXS:Sa,spacingHorizontalSNudge:Ia,spacingHorizontalS:Ba,spacingHorizontalMNudge:Ea,spacingHorizontalM:La,spacingHorizontalL:Ma,spacingHorizontalXL:Ra,spacingHorizontalXXL:Aa,spacingHorizontalXXXL:Pa},za={spacingVerticalNone:ka,spacingVerticalXXS:Ca,spacingVerticalXS:Sa,spacingVerticalSNudge:Ia,spacingVerticalS:Ba,spacingVerticalMNudge:Ea,spacingVerticalM:La,spacingVerticalL:Ma,spacingVerticalXL:Ra,spacingVerticalXXL:Aa,spacingVerticalXXXL:Pa},Na={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Ta(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const Da=e=>{const t=(e=>({colorNeutralForeground1:as,colorNeutralForeground1Hover:as,colorNeutralForeground1Pressed:as,colorNeutralForeground1Selected:as,colorNeutralForeground2:ps,colorNeutralForeground2Hover:as,colorNeutralForeground2Pressed:as,colorNeutralForeground2Selected:as,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:vs,colorNeutralForeground3Hover:ps,colorNeutralForeground3Pressed:ps,colorNeutralForeground3Selected:ps,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:xs,colorNeutralForeground5:vs,colorNeutralForeground5Hover:as,colorNeutralForeground5Pressed:as,colorNeutralForeground5Selected:as,colorNeutralForegroundDisabled:Is,colorNeutralForegroundInvertedDisabled:Vs,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:ps,colorNeutralForeground2LinkHover:as,colorNeutralForeground2LinkPressed:as,colorNeutralForeground2LinkSelected:as,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:as,colorNeutralForegroundStaticInverted:oa,colorNeutralForegroundInverted:oa,colorNeutralForegroundInvertedHover:oa,colorNeutralForegroundInvertedPressed:oa,colorNeutralForegroundInvertedSelected:oa,colorNeutralForegroundInverted2:oa,colorNeutralForegroundOnBrand:oa,colorNeutralForegroundInvertedLink:oa,colorNeutralForegroundInvertedLinkHover:oa,colorNeutralForegroundInvertedLinkPressed:oa,colorNeutralForegroundInvertedLinkSelected:oa,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:oa,colorNeutralBackground1Hover:zs,colorNeutralBackground1Pressed:Rs,colorNeutralBackground1Selected:Ps,colorNeutralBackground2:Ns,colorNeutralBackground2Hover:Os,colorNeutralBackground2Pressed:Ms,colorNeutralBackground2Selected:As,colorNeutralBackground3:zs,colorNeutralBackground3Hover:Ps,colorNeutralBackground3Pressed:Ls,colorNeutralBackground3Selected:Rs,colorNeutralBackground4:Os,colorNeutralBackground4Hover:Ns,colorNeutralBackground4Pressed:zs,colorNeutralBackground4Selected:oa,colorNeutralBackground5:Ps,colorNeutralBackground5Hover:zs,colorNeutralBackground5Pressed:Os,colorNeutralBackground5Selected:Ns,colorNeutralBackground6:As,colorNeutralBackground7:"#00000000",colorNeutralBackground7Hover:Ps,colorNeutralBackground7Pressed:Ls,colorNeutralBackground7Selected:"#00000000",colorNeutralBackground8:Ts,colorNeutralBackgroundInverted:ls,colorNeutralBackgroundInvertedHover:us,colorNeutralBackgroundInvertedPressed:ss,colorNeutralBackgroundInvertedSelected:hs,colorNeutralBackgroundStatic:cs,colorNeutralBackgroundAlpha:_s,colorNeutralBackgroundAlpha2:Ws,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:zs,colorSubtleBackgroundPressed:Rs,colorSubtleBackgroundSelected:Ps,colorSubtleBackgroundLightAlphaHover:Xs,colorSubtleBackgroundLightAlphaPressed:_s,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:qs,colorSubtleBackgroundInvertedPressed:Ys,colorSubtleBackgroundInvertedSelected:Gs,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Os,colorNeutralBackgroundDisabled2:oa,colorNeutralBackgroundInvertedDisabled:Fs,colorNeutralStencil1:As,colorNeutralStencil2:Ns,colorNeutralStencil1Alpha:qs,colorNeutralStencil2Alpha:Ks,colorBackgroundOverlay:Us,colorScrollbarOverlay:Zs,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:oa,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:Ns,colorNeutralCardBackgroundHover:oa,colorNeutralCardBackgroundPressed:zs,colorNeutralCardBackgroundSelected:Ps,colorNeutralCardBackgroundDisabled:Os,colorNeutralStrokeAccessible:vs,colorNeutralStrokeAccessibleHover:fs,colorNeutralStrokeAccessiblePressed:ms,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:Es,colorNeutralStroke1Hover:Bs,colorNeutralStroke1Pressed:Ss,colorNeutralStroke1Selected:Is,colorNeutralStroke2:Rs,colorNeutralStroke3:Os,colorNeutralStroke4:Ps,colorNeutralStroke4Hover:Rs,colorNeutralStroke4Pressed:Ls,colorNeutralStroke4Selected:Ps,colorNeutralStrokeSubtle:Rs,colorNeutralStrokeOnBrand:oa,colorNeutralStrokeOnBrand2:oa,colorNeutralStrokeOnBrand2Hover:oa,colorNeutralStrokeOnBrand2Pressed:oa,colorNeutralStrokeOnBrand2Selected:oa,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:Rs,colorNeutralStrokeDisabled2:Ps,colorNeutralStrokeInvertedDisabled:Vs,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Ks,colorNeutralStrokeAlpha2:Hs,colorStrokeFocus1:oa,colorStrokeFocus2:na,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...fa,...wa,...ya,...$a,...xa,...Na,...Oa,...za,...va,...ba,...t,...ma,...ga,...Ta(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Ta(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Fa={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Ha=da.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:sa[t].shade40,[`colorPalette${o}Background2`]:sa[t].shade30,[`colorPalette${o}Background3`]:sa[t].primary,[`colorPalette${o}Foreground1`]:sa[t].tint30,[`colorPalette${o}Foreground2`]:sa[t].tint40,[`colorPalette${o}Foreground3`]:sa[t].tint20,[`colorPalette${o}BorderActive`]:sa[t].tint30,[`colorPalette${o}Border1`]:sa[t].primary,[`colorPalette${o}Border2`]:sa[t].tint20};return Object.assign(e,n)},{});Ha.colorPaletteRedForeground3=sa.red.tint30,Ha.colorPaletteRedBorder2=sa.red.tint30,Ha.colorPaletteGreenForeground3=sa.green.tint40,Ha.colorPaletteGreenBorder2=sa.green.tint40,Ha.colorPaletteDarkOrangeForeground3=sa.darkOrange.tint30,Ha.colorPaletteDarkOrangeBorder2=sa.darkOrange.tint30,Ha.colorPaletteRedForegroundInverted=sa.red.primary,Ha.colorPaletteGreenForegroundInverted=sa.green.primary,Ha.colorPaletteYellowForegroundInverted=sa.yellow.shade30;const Va=ca.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:aa[t].shade30,[`colorPalette${o}Foreground2`]:aa[t].tint40,[`colorPalette${o}BorderActive`]:aa[t].tint30};return Object.assign(e,n)},{});Va.colorPaletteDarkRedBackground2=aa.darkRed.shade20,Va.colorPalettePlumBackground2=aa.plum.shade20;const _a={...Ha,...Va},ja=Object.entries(ha).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:la[o].shade40,[`colorStatus${n}Background2`]:la[o].shade30,[`colorStatus${n}Background3`]:la[o].primary,[`colorStatus${n}Foreground1`]:la[o].tint30,[`colorStatus${n}Foreground2`]:la[o].tint40,[`colorStatus${n}Foreground3`]:la[o].tint20,[`colorStatus${n}BorderActive`]:la[o].tint30,[`colorStatus${n}ForegroundInverted`]:la[o].shade10,[`colorStatus${n}Border1`]:la[o].primary,[`colorStatus${n}Border2`]:la[o].tint20};return Object.assign(e,i)},{});ja.colorStatusDangerBackground3Hover=la[ha.danger].shade10,ja.colorStatusDangerBackground3Pressed=la[ha.danger].shade20,ja.colorStatusDangerForeground3=la[ha.danger].tint40,ja.colorStatusDangerBorder2=la[ha.danger].tint30,ja.colorStatusSuccessForeground3=la[ha.success].tint40,ja.colorStatusSuccessBorder2=la[ha.success].tint40,ja.colorStatusWarningForegroundInverted=la[ha.warning].shade20;const Xa=Da(Fa),Wa=e=>{const t=(e=>({colorNeutralForeground1:oa,colorNeutralForeground1Hover:oa,colorNeutralForeground1Pressed:oa,colorNeutralForeground1Selected:oa,colorNeutralForeground2:Ls,colorNeutralForeground2Hover:oa,colorNeutralForeground2Pressed:oa,colorNeutralForeground2Selected:oa,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:Cs,colorNeutralForeground3Hover:Ls,colorNeutralForeground3Pressed:Ls,colorNeutralForeground3Selected:Ls,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:ks,colorNeutralForeground5:Cs,colorNeutralForeground5Hover:oa,colorNeutralForeground5Pressed:oa,colorNeutralForeground5Selected:oa,colorNeutralForegroundDisabled:bs,colorNeutralForegroundInvertedDisabled:Vs,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:Ls,colorNeutralForeground2LinkHover:oa,colorNeutralForeground2LinkPressed:oa,colorNeutralForeground2LinkSelected:oa,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:as,colorNeutralForegroundStaticInverted:oa,colorNeutralForegroundInverted:as,colorNeutralForegroundInvertedHover:as,colorNeutralForegroundInvertedPressed:as,colorNeutralForegroundInvertedSelected:as,colorNeutralForegroundInverted2:as,colorNeutralForegroundOnBrand:oa,colorNeutralForegroundInvertedLink:oa,colorNeutralForegroundInvertedLinkHover:oa,colorNeutralForegroundInvertedLinkPressed:oa,colorNeutralForegroundInvertedLinkSelected:oa,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:ls,colorNeutralBackground1Hover:us,colorNeutralBackground1Pressed:ss,colorNeutralBackground1Selected:hs,colorNeutralBackground2:ss,colorNeutralBackground2Hover:cs,colorNeutralBackground2Pressed:is,colorNeutralBackground2Selected:ds,colorNeutralBackground3:is,colorNeutralBackground3Hover:ls,colorNeutralBackground3Pressed:os,colorNeutralBackground3Selected:as,colorNeutralBackground4:os,colorNeutralBackground4Hover:ss,colorNeutralBackground4Pressed:na,colorNeutralBackground4Selected:rs,colorNeutralBackground5:na,colorNeutralBackground5Hover:is,colorNeutralBackground5Pressed:ts,colorNeutralBackground5Selected:ns,colorNeutralBackground6:cs,colorNeutralBackground7:"#00000000",colorNeutralBackground7Hover:rs,colorNeutralBackground7Pressed:os,colorNeutralBackground7Selected:"#00000000",colorNeutralBackground8:ls,colorNeutralBackgroundInverted:oa,colorNeutralBackgroundInvertedHover:zs,colorNeutralBackgroundInvertedPressed:Rs,colorNeutralBackgroundInvertedSelected:Ps,colorNeutralBackgroundStatic:us,colorNeutralBackgroundAlpha:Qs,colorNeutralBackgroundAlpha2:Js,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:hs,colorSubtleBackgroundPressed:ds,colorSubtleBackgroundSelected:cs,colorSubtleBackgroundLightAlphaHover:ta,colorSubtleBackgroundLightAlphaPressed:ea,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:qs,colorSubtleBackgroundInvertedPressed:Ys,colorSubtleBackgroundInvertedSelected:Gs,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:is,colorNeutralBackgroundDisabled2:ls,colorNeutralBackgroundInvertedDisabled:Fs,colorNeutralStencil1:fs,colorNeutralStencil2:cs,colorNeutralStencil1Alpha:Fs,colorNeutralStencil2Alpha:Ds,colorBackgroundOverlay:Zs,colorScrollbarOverlay:js,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:oa,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:cs,colorNeutralCardBackgroundHover:us,colorNeutralCardBackgroundPressed:ds,colorNeutralCardBackgroundSelected:hs,colorNeutralCardBackgroundDisabled:is,colorNeutralStrokeAccessible:Cs,colorNeutralStrokeAccessibleHover:Is,colorNeutralStrokeAccessiblePressed:Ss,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:ws,colorNeutralStroke1Hover:$s,colorNeutralStroke1Pressed:ys,colorNeutralStroke1Selected:xs,colorNeutralStroke2:gs,colorNeutralStroke3:us,colorNeutralStroke4:us,colorNeutralStroke4Hover:ds,colorNeutralStroke4Pressed:as,colorNeutralStroke4Selected:us,colorNeutralStrokeSubtle:os,colorNeutralStrokeOnBrand:ls,colorNeutralStrokeOnBrand2:oa,colorNeutralStrokeOnBrand2Hover:oa,colorNeutralStrokeOnBrand2Pressed:oa,colorNeutralStrokeOnBrand2Selected:oa,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:ps,colorNeutralStrokeDisabled2:us,colorNeutralStrokeInvertedDisabled:Vs,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Fs,colorNeutralStrokeAlpha2:Hs,colorStrokeFocus1:na,colorStrokeFocus2:oa,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...fa,...wa,...ya,...$a,...xa,...Na,...Oa,...za,...va,...ba,...t,..._a,...ja,...Ta(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Ta(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Ka=Wa(Fa),qa={iconErrorColor:Xa.colorStatusDangerForeground1,iconValidationColor:Xa.colorStatusSuccessForeground1,iconSystemColor:Xa.colorPaletteBlueForeground2,iconContentManagementColor:Xa.colorPaletteGrapeBorderActive,iconMonitoringColor:Xa.colorPaletteMarigoldForeground2,iconMiscColor:Xa.colorNeutralForeground2,colorRibbonIconError:Xa.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Xa.colorPaletteCranberryBackground2,colorRibbonIconValidation:Xa.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Xa.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Xa.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Xa.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Xa.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Xa.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Xa.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Xa.colorPaletteGoldBackground2,colorRibbonIconMisc:Xa.colorNeutralForeground2,colorRibbonIconMiscDisabled:Xa.colorNeutralForegroundDisabled},Ga={iconErrorColor:Ka.colorStatusDangerBackground3,iconValidationColor:Ka.colorPaletteLightGreenBorder1,iconSystemColor:Xa.colorPaletteBlueBorderActive,iconContentManagementColor:Xa.colorPaletteLilacBorderActive,iconMonitoringColor:Xa.colorPaletteGoldBorderActive,iconMiscColor:Ka.colorNeutralForeground1,colorRibbonIconError:Ka.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:Ka.colorPaletteCranberryBackground2,colorRibbonIconValidation:Ka.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:Ka.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Xa.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:Ka.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Xa.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:Ka.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Xa.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:Ka.colorPaletteGoldBackground2,colorRibbonIconMisc:Ka.colorNeutralForeground1,colorRibbonIconMiscDisabled:Ka.colorNeutralForegroundDisabled},Ya="var(--sizeVerticalNone)",Ua="var(--sizeVerticalXXS)",Za="var(--sizeVerticalXS)",Qa="var(--sizeVerticalSNudge)",Ja="var(--sizeVerticalS)",el="var(--sizeVerticalMNudge)",tl="var(--sizeVerticalM)",ol="var(--sizeVerticalL)",nl="var(--sizeVerticalXL)",il="var(--sizeVerticalXXL)",rl="var(--sizeVerticalXXXL)",sl="var(--sizeHorizontalNone)",al="var(--sizeHorizontalXXS)",ll="var(--sizeHorizontalXS)",dl="var(--sizeHorizontalSNudge)",cl="var(--sizeHorizontalS)",hl="var(--sizeHorizontalMNudge)",ul="var(--sizeHorizontalM)",pl="var(--sizeHorizontalL)",ml="var(--sizeHorizontalXL)",gl="var(--sizeHorizontalXXL)",fl="var(--sizeHorizontalXXXL)",bl={sizeVerticalNone:"0",sizeVerticalXXS:"2px",sizeVerticalXS:"4px",sizeVerticalSNudge:"6px",sizeVerticalS:"8px",sizeVerticalMNudge:"10px",sizeVerticalM:"12px",sizeVerticalL:"16px",sizeVerticalXL:"20px",sizeVerticalXXL:"24px",sizeVerticalXXXL:"32px",sizeHorizontalNone:"0",sizeHorizontalXXS:"2px",sizeHorizontalXS:"4px",sizeHorizontalSNudge:"6px",sizeHorizontalS:"8px",sizeHorizontalMNudge:"10px",sizeHorizontalM:"12px",sizeHorizontalL:"16px",sizeHorizontalXL:"20px",sizeHorizontalXXL:"24px",sizeHorizontalXXXL:"32px"},vl={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},wl=Da(vl),yl=Wa(vl),xl={...wl,...qa,...bl},$l={...yl,...Ga,...bl};async function kl(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}const Cl=Fi`
|
|
5
|
+
${n("block")}
|
|
6
6
|
|
|
7
|
-
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${
|
|
8
|
-
brightness(88%) contrast(87%)}:host(${
|
|
9
|
-
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${s};padding-inline-end:${
|
|
7
|
+
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${rl};align-items:center;position:relative;padding-inline:${s} ${s};border-radius:${i};font-family:${a};font-size:${l};font-weight:${d};line-height:${c};grid-template-columns:auto auto 1fr auto;padding:0px ${h};margin:1px;gap:${u};cursor:pointer;color:${p};background:${m};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading:hover{background:${g};color:${f}}.heading:active{background:${b};color:${v}}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${s}}:host(${Vr}) .heading{color:${w};cursor:not-allowed}:host(${Vr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
|
|
8
|
+
brightness(88%) contrast(87%)}:host(${_r}) .content{display:block}:host(${_r}) .default-marker-collapsed,:host(${_r}) ::slotted([slot="marker-collapsed"]),:host(:not(${_r})) :is(.default-marker-expanded,.content),:host(:not(${_r})) ::slotted([slot="marker-expanded"]){display:none}:host(${_r}) ::slotted([slot="marker-expanded"]),:host(:not(${_r})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Ur}) .heading{font-size:${y};line-height:${x}}:host(${Wr}) .heading{font-size:${$};line-height:${k}}:host(${jr}) .heading{font-size:${C};line-height:${S}}:host(${Dr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${Dr})
|
|
9
|
+
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${s};padding-inline-end:${I}}:host([block]){max-width:100%}:host(${Dr}) .heading{padding-inline:${s}}:host(${Dr}:has([slot='start'])) .heading{padding-inline:${B} ${s}}`,Sl=Sr.compose({name:`${Rr.prefix}-accordion-menu-panel`,template:Tr,styles:Cl,shadowOptions:{mode:Rr.shadowRootMode}}),Il={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Bl={horizontal:"horizontal",vertical:"vertical"},El={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},Ll=El,Ml={interactiveChanged:"interactive-changed",click:"click"};
|
|
10
10
|
/*!
|
|
11
|
-
* tabbable 6.
|
|
11
|
+
* tabbable 6.4.0
|
|
12
12
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
13
13
|
*/
|
|
14
|
-
var
|
|
15
|
-
${
|
|
16
|
-
:host{font-family:${a};background:${m};border-radius:${i};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${E};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${L};outline:${M} solid ${
|
|
17
|
-
${
|
|
18
|
-
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${te});padding:${oe} ${s}}`;const
|
|
19
|
-
${
|
|
20
|
-
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${l};font-weight:${ne}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${y};font-weight:${d}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${
|
|
21
|
-
${
|
|
22
|
-
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${te};bottom:${ie}}::slotted(img){overflow:hidden}`;const
|
|
23
|
-
${
|
|
14
|
+
var Rl=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"].join(","),Al="undefined"==typeof Element,Pl=Al?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Ol=!Al&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},zl=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,o=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===o||"true"===o}(e))&&!function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))}(e)?0:e.tabIndex},Nl=function(e){return"INPUT"===e.tagName},Tl=function(e){return function(e){return Nl(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||Ol(e),n=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(e.name));else try{t=n(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var i=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!i||i===e}(e)},Dl=function(e){var t=e.getBoundingClientRect(),o=t.width,n=t.height;return 0===o&&0===n},Fl=function(e,t){var o=t.displayCheck,n=t.getShadowRoot;if("full-native"===o&&"checkVisibility"in e)return!e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});if("hidden"===getComputedStyle(e).visibility)return!0;var i=Pl.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Pl.call(i,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"full-native"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return Dl(e)}else{if("function"==typeof n){for(var r=e;e;){var s=e.parentElement,a=Ol(e);if(s&&!s.shadowRoot&&!0===n(s))return Dl(e);e=e.assignedSlot?e.assignedSlot:s||a===e.ownerDocument?s:a.host}e=r}if(function(e){var t,o,n,i,r=e&&Ol(e),s=null===(t=r)||void 0===t?void 0:t.host,a=!1;if(r&&r!==e)for(a=!!(null!==(o=s)&&void 0!==o&&null!==(n=o.ownerDocument)&&void 0!==n&&n.contains(s)||null!=e&&null!==(i=e.ownerDocument)&&void 0!==i&&i.contains(e));!a&&s;){var l,d,c;a=!(null===(d=s=null===(l=r=Ol(s))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(s))}return a}(e))return!e.getClientRects().length;if("legacy-full"!==o)return!0}return!1},Hl=function(e,t){return!(t.disabled||function(e){return Nl(e)&&"hidden"===e.type}(t)||Fl(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some(function(e){return"SUMMARY"===e.tagName})}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var o=0;o<t.children.length;o++){var n=t.children.item(o);if("LEGEND"===n.tagName)return!!Pl.call(t,"fieldset[disabled] *")||!n.contains(e)}return!0}t=t.parentElement}return!1}(t))},Vl=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Pl.call(e,Rl)&&function(e,t){return!(Tl(t)||zl(t)<0||!Hl(e,t))}(t,e)},_l=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class jl extends Ai{constructor(){super(...arguments),this.focusMode=Ll.off,this.role="group",this.disabled=!1,this.interactive=!1,this.focusElementAtIndex=e=>{this.bounds.length>0?this.bounds[e].focus():this.card.focus()},this.focusFirstElement=()=>{this.focusElementAtIndex(0)},this.focusLastElement=()=>{this.bounds.length>0&&this.focusElementAtIndex(this.bounds.length-1)},this.interactiveChanged=()=>{this.role=this.interactive?"button":"group",this.emitInteractiveChangedEvent()},this.getTabQueueBounds=e=>jl.reduceTabbableItems([],e)}connectedCallback(){super.connectedCallback(),this.requestInertUpdate()}disconnectedCallback(){super.disconnectedCallback()}focusModeChanged(){this.requestInertUpdate()}disabledChanged(){this.requestInertUpdate()}clickHandler(e){this.disabled||e.defaultPrevented||!this.interactive||(e.preventDefault(),this.emitClickEvent())}keydownHandler(e){if(this.disabled||e.defaultPrevented)return!0;const{key:t,target:o,currentTarget:n,shiftKey:i}=e,r=o===n,s=this.focusMode===Ll.off||this.focusMode===Ll.tabOnly,a=this.focusMode===Ll.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case Qi:if(!r)return!0;this.interactive?this.emitClickEvent():a||zi.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case or:return this.shouldTrapFocus?((l&&!i||d&&i)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==Ll.tabExit||((l&&!i||d&&i||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case Ji:this.focusMode!==Ll.off&&this.card.focus(),s||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==Ll.off)}get bounds(){return this.getTabQueueBounds(this)}get isBoundsZeroIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[0]}get isBoundsLastIndexFocused(){if(this.bounds.length>0)return document.activeElement===this.bounds[this.bounds.length-1]}get shouldTrapFocus(){return this.focusMode===Ll.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Ml.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Ml.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==Ll.off&&this.focusMode!==Ll.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&zi.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Vl(t)||jl.isFocusableFastElement(t)&&jl.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>jl.reduceTabbableItems(e,t),e)}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}static hasTabbableShadow(e){var t,o;return Array.from(null!==(o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("*"))&&void 0!==o?o:[]).some(e=>Vl(e))}}_l([Pi({attribute:"focus-mode"})],jl.prototype,"focusMode",void 0),_l([Pi],jl.prototype,"appearance",void 0),_l([Pi],jl.prototype,"role",void 0),_l([Pi],jl.prototype,"value",void 0),_l([Pi],jl.prototype,"href",void 0),_l([Pi],jl.prototype,"orientation",void 0),_l([Pi({mode:"boolean"})],jl.prototype,"disabled",void 0),_l([Oi,Pi({mode:"boolean"})],jl.prototype,"interactive",void 0),_l([Pi({attribute:"aria-describedby"})],jl.prototype,"ariaDescribedby",void 0),_l([Pi({attribute:"aria-labelledby"})],jl.prototype,"ariaLabelledby",void 0);const Xl=Fi`
|
|
15
|
+
${n("inline-block")}
|
|
16
|
+
:host{font-family:${a};background:${m};border-radius:${i};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${E};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${L};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${A};border:${P} solid ${R};border-radius:${i}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${O}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${m};border-color:${z};box-shadow:none}:host([appearance="subtle"]) .card{background:${N};border-color:${R};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${g};border-color:${T};box-shadow:${D}}:host([interactive]:active) .card{background:${b};border-color:${T}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${F}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${H}}:host([interactive][appearance="outline"]:hover) .card{background:${V};border-color:${_};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${j};border-color:${X}}:host([interactive][appearance="subtle"]:hover) .card{background:${W};border-color:${T};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${K}}.card[aria-selected="true"]{background:${q};border-color:${T};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${G};border-color:${Y}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${U};border-color:${Y}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${Z}}:host([aria-disabled="true"]) .card{background:${Q};border-color:${J};cursor:not-allowed;pointer-events:none;box-shadow:${ee}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${m}}`;const Wl=Di`<template orientation="${e=>e.orientation}" appearance="${e=>e.appearance}" ?interactive="${e=>e.interactive}"><div role="${e=>e.interactive?"button":"group"}" class="card" tabindex="${e=>e.isFocusable?"0":null}" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" aria-label="${e=>e.ariaLabel}" aria-labelledby="${e=>e.ariaLabelledby}" aria-describedby="${e=>e.ariaDescribedby}" aria-disabled="${e=>e.interactive?e.disabled?"true":"false":null}" ${Hi("card")}><div class="root" ${Hi("root")}><div class="content"><slot></slot></div></div></div></template>`,Kl=jl.compose({name:`${Rr.prefix}-card`,template:Wl,styles:Xl,shadowOptions:{mode:Rr.shadowRootMode}});class ql extends Ai{}const Gl=Fi`
|
|
17
|
+
${n("flex")}
|
|
18
|
+
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${te});padding:${oe} ${s}}`;const Yl=Di`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Ul=ql.compose({name:`${Rr.prefix}-card-footer`,template:Yl,styles:Gl,shadowOptions:{mode:Rr.shadowRootMode}});class Zl extends Ai{}const Ql=Fi`
|
|
19
|
+
${n("flex")}
|
|
20
|
+
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${l};font-weight:${ne}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${y};font-weight:${d}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${o}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${s}}.row{display:flex;align-items:center;gap:${u}}`;const Jl=Di`<template><slot name="start"></slot><div class="image" part="image"><slot name="image"></slot></div><div class="header" part="header"><div class="row" part="row"><slot name="header"></slot></div><div class="row" part="row"><slot name="subtitle"></slot></div></div><slot></slot><slot name="action"></slot><slot name="end"></slot></template>`,ed=Zl.compose({name:`${Rr.prefix}-card-header`,template:Jl,styles:Ql,shadowOptions:{mode:Rr.shadowRootMode}});class td extends Ai{}const od=Fi`
|
|
21
|
+
${n("flex")}
|
|
22
|
+
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${te};bottom:${ie}}::slotted(img){overflow:hidden}`;const nd=Di`<template><slot></slot><slot name="badge"></slot></template>`,id=td.compose({name:`${Rr.prefix}-card-preview`,template:nd,styles:od,shadowOptions:{mode:Rr.shadowRootMode}});function rd(e){return"true"===e.getAttribute("aria-disabled")}function sd(e){return"true"===e.getAttribute("aria-hidden")}function ad(e){return!rd(e)&&!sd(e)&&null!==e.offsetParent}function ld(e,t){e.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), fabric-button, fabric-link, fabric-input, fabric-card-footer button').forEach(e=>{const o=e;o.tabIndex=t?0:-1})}var dd,cd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},hd=window&&window.__classPrivateFieldSet||function(e,t,o,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(e,o):i?i.value=o:t.set(e,o),o},ud=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class pd extends Ai{constructor(){super(...arguments),dd.set(this,void 0),this.slottedCarouselItems=[],this.slottedCarouselItemsLoaded=!1,this.currentIndex=0,this.gapWidth=16,this.handleNext=()=>{this.next()},this.handlePrev=()=>{this.prev()},this.cachedContainerWidth=0,this.shouldRecalculateLayout=!0,this.resizeObserver=void 0,this.itemMeasurements=[],this.lastVisibleItemIndex=-1}slottedCarouselItemsChanged(e,t){e&&t&&t.length!==e.length&&(this.slottedCarouselItemsLoaded=!0),this.updateButtonStates()}currentIndexChanged(){this.updateButtonStates()}updateButtonStates(){var e,t;(null===(e=this.nextButton)||void 0===e?void 0:e[0])&&(null===(t=this.prevButton)||void 0===t?void 0:t[0])&&(this.prevButton[0].toggleAttribute("disabled",0===this.currentIndex),this.nextButton[0].toggleAttribute("disabled",this.isAtEnd()))}setEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].addEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].addEventListener("click",this.handlePrev)}removeEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].removeEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].removeEventListener("click",this.handlePrev)}connectedCallback(){super.connectedCallback(),this.updateDirection();const e=`fabric-carousel-header-${rr()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),zi.enqueue(()=>{this.updateVisibleItems(),this.updateButtonStates(),this.setEventListeners()}),this.setupResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.removeEventListeners()}next(){if(!this.isAtEnd()){const e=this.visibleItemsCount,t=Math.max(0,this.slottedCarouselItems.length-e);this.currentIndex=Math.min(this.currentIndex+this.getNextVisibleItemsCount("next"),t),this.updateVisibleItems()}}prev(){if(this.currentIndex>0){const e=this.getNextVisibleItemsCount("prev");this.currentIndex-=e,this.updateVisibleItems()}}scrollToIndex(e,t=0){if(!this.slottedCarouselItemsLoaded)return t>=10?void console.warn("carousel:scrollToIndex -- scroll overflow exceeded: 10. No slotted carousel elements.",e):void requestAnimationFrame(()=>this.scrollToIndex(e));e<0||e>=this.slottedCarouselItems.length?console.warn(`Invalid index ${e}. Must be between 0 and ${this.slottedCarouselItems.length-1}`):(this.currentIndex=e,this.updateVisibleItems(),this.updateButtonStates())}setupResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.cachedContainerWidth=0,this.measureItems(),this.updateVisibleItems()}),this.resizeObserver.observe(this)}measureItems(){this.shouldRecalculateLayout&&(this.itemMeasurements=this.slottedCarouselItems.map(e=>e.getBoundingClientRect().width+this.gapWidth),this.shouldRecalculateLayout=!1)}get visibleItemsCount(){this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());let e=0,t=0,o=this.currentIndex,n=!1;for(;!n;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):n=!0;return this.lastVisibleItemIndex=o-1,t}isAtEnd(){const e=this.slottedCarouselItems.length,t=this.visibleItemsCount,o=Math.max(0,e-t);return this.currentIndex>=o}getNextVisibleItemsCount(e){let t=0,o=0;this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());const n=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of n){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,n=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");hd(this,dd,"rtl"===t||"rtl"===o||"rtl"===n,"f")}getTransform(e){void 0===ud(this,dd,"f")&&this.updateDirection();return`translateX(${ud(this,dd,"f")?e:-e}px)`}updateVisibleItems(){zi.enqueue(()=>{let e=0;this.itemMeasurements.length>0&&(this.slottedCarouselItems.forEach((t,o)=>{o>this.lastVisibleItemIndex||o<this.currentIndex?(t.setAttribute("aria-hidden","true"),t.tabIndex=-1,ld(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,ld(t,!0)),o<this.currentIndex&&(e+=this.itemMeasurements[o])}),this.viewportRef&&(this.disableAnimation?this.viewportRef.style.transition="none":this.viewportRef.style.transition="",this.viewportRef.style.transform=this.getTransform(e)))})}}dd=new WeakMap,cd([Pi({mode:"boolean",attribute:"disable-animation"})],pd.prototype,"disableAnimation",void 0),cd([Oi],pd.prototype,"slottedCarouselItems",void 0),cd([Oi],pd.prototype,"header",void 0),cd([Oi],pd.prototype,"viewportRef",void 0),cd([Oi],pd.prototype,"currentIndex",void 0),cd([Oi],pd.prototype,"nextButton",void 0),cd([Oi],pd.prototype,"prevButton",void 0);const md=Fi`
|
|
23
|
+
${n("block")}
|
|
24
24
|
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ie} ${s} ${oe}
|
|
25
|
-
${s}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ie} 0}.header{font-size:${$};font-family:${a};font-weight:${ne};line-height:${k}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ie};padding-inline:0;padding-block-end:${oe}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const
|
|
25
|
+
${s}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ie} 0}.header{font-size:${$};font-family:${a};font-weight:${ne};line-height:${k}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ie};padding-inline:0;padding-block-end:${oe}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const gd=Di`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${Hi("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Ti("prevButton")}></slot><slot name="next-button" ${Ti("nextButton")}></slot></div></div><div class="viewport" role="region" ${Hi("viewportRef")}><slot ${Ti({property:"slottedCarouselItems",filter:Vi()})}></slot></div></template>`,fd=pd.compose({name:`${Rr.prefix}-carousel`,template:gd,styles:md,shadowOptions:{mode:Rr.shadowRootMode}});var bd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class vd extends re{constructor(){super(...arguments),this.iconOnly=!1}}bd([Pi],vd.prototype,"appearance",void 0),bd([Pi],vd.prototype,"shape",void 0),bd([Pi],vd.prototype,"size",void 0),bd([Pi({attribute:"icon-only",mode:"boolean"})],vd.prototype,"iconOnly",void 0);const wd={...se,primaryOnBrand:"primary-on-brand"},yd={...le},xd={...de},$d={...ae},kd={...ce},Cd=Fi`
|
|
26
26
|
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
27
27
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
28
28
|
:focus-visible
|
|
29
29
|
)
|
|
30
|
-
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${be}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,yd=pd.compose({name:`${Lr.prefix}-button`,template:fe,styles:wd,shadowOptions:{mode:Lr.shadowRootMode}}),xd={...vd},$d={...fd},kd={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Cd={circular:"circular",square:"square"},Sd={small:"small",medium:"medium",large:"large"},Bd={pressedChange:"pressed-change"};var Id=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ed extends pd{constructor(){super(),this.appearance=kd.primary,this.shape=Cd.circular,this.size=Sd.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){ar(this.elementInternals,"icon",t)}appearanceChanged(e,t){lr(this.elementInternals,e,t,ar)}shapeChanged(e,t){lr(this.elementInternals,e,t,ar)}sizeChanged(e,t){lr(this.elementInternals,e,t,ar)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,ar(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Bd.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}function Ld(e){return e?"string"==typeof e?new ji(e):"inline"in e?e.inline():e:ji.empty}Id([Ai],Ed.prototype,"appearance",void 0),Id([Ai],Ed.prototype,"shape",void 0),Id([Ai],Ed.prototype,"size",void 0),Id([Ai({attribute:"icon-only",mode:"boolean"})],Ed.prototype,"iconOnly",void 0),Id([Ai({mode:"boolean"})],Ed.prototype,"pressed",void 0),Id([Ai({mode:"boolean"})],Ed.prototype,"mixed",void 0);class Md{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Pd extends Md{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Pd(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:n}=this;n&&!t?(e.addStyles(o),t=n):!n&&t&&(e.removeStyles(o),t=n)}}removedCallback(e){e.removeStyles(this.styles)}}const Rd=Pd.with(window.matchMedia("(forced-colors)"));function Od(e,...t){const o=Wi.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});Wi.locate(t).forEach(e=>o.push(e))})}Pd.with(window.matchMedia("(prefers-color-scheme: dark)")),Pd.with(window.matchMedia("(prefers-color-scheme: light)"));const Ad=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)},zd={top:"top",right:"right",bottom:"bottom",left:"left"},Nd="auto",Td="flip",Dd="none";function Fd(e){if(e){const t=e.getBoundingClientRect();return{top:t.top,bottom:t.bottom,left:t.left,right:t.right}}return{top:0,bottom:window.innerHeight,left:0,right:window.innerWidth}}function Hd(e,t,o=15){return{above:e.top-t.top-o,below:t.bottom-e.bottom-o,start:e.left-t.left-o,end:t.right-e.right-o}}function Vd(e){const t=e.boundingClientRect,o=e.rootBounds;if(o)return t.bottom>o.bottom?zd.bottom:t.top<o.top?zd.top:t.left<o.left?zd.left:t.right>o.right?zd.right:void 0}const _d=Hi`
|
|
31
|
-
${
|
|
30
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,Sd=vd.compose({name:`${Rr.prefix}-button`,template:be,styles:Cd,shadowOptions:{mode:Rr.shadowRootMode}}),Id={...kd},Bd={...$d},Ed={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Ld={circular:"circular",square:"square"},Md={small:"small",medium:"medium",large:"large"},Rd={pressedChange:"pressed-change"};var Ad=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Pd extends vd{constructor(){super(),this.appearance=Ed.primary,this.shape=Ld.circular,this.size=Md.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){dr(this.elementInternals,"icon",t)}appearanceChanged(e,t){cr(this.elementInternals,e,t,dr)}shapeChanged(e,t){cr(this.elementInternals,e,t,dr)}sizeChanged(e,t){cr(this.elementInternals,e,t,dr)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,dr(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Rd.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}function Od(e,...t){const o=_i.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});_i.locate(t).forEach(e=>o.push(e))})}function zd(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Nd(e,t){let o;return function(...n){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,n),t)}}Ad([Pi],Pd.prototype,"appearance",void 0),Ad([Pi],Pd.prototype,"shape",void 0),Ad([Pi],Pd.prototype,"size",void 0),Ad([Pi({attribute:"icon-only",mode:"boolean"})],Pd.prototype,"iconOnly",void 0),Ad([Pi({mode:"boolean"})],Pd.prototype,"pressed",void 0),Ad([Pi({mode:"boolean"})],Pd.prototype,"mixed",void 0);class Td{static setAssertFailFunction(e){Td.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Td.assertFail(t)}static assertDefined(e,t){this.enabled&&Td.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Td.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Td.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Td.assertFailFunction||alert)(`Debug Assert failed: ${e}`)}static log(e,...t){this.enabled&&console.log(e,...t||[])}static logDebug(e,...t){this.enabled&&console.debug(e,...t||[])}static warn(e,...t){this.enabled&&console&&console.warn&&console.warn(e,...t||[])}static execute(e){this.enabled&&e()}static enable(){this.enabled=!0}}Td.enabled=!1;const Dd=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?nr.rtl:nr.ltr};function Fd(){return Wd().value===nr.rtl}class Hd{constructor(e){this.elements=e}getDirection(){var e;for(const t of this.elements){const o=(null!==(e=t.getAttribute("dir"))&&void 0!==e?e:"").trim().toLowerCase();if(o===nr.rtl||o===nr.ltr)return o;if("auto"===o)return null}return null}}class Vd{constructor(e="html",t=document){this.mo=null,this.target=e,this.doc=t}start(e){var t;if(this.mo)return;const o="string"==typeof this.target?null!==(t=this.doc.querySelector(this.target))&&void 0!==t?t:this.doc.documentElement:this.target;o&&(this.mo=new MutationObserver(()=>e()),this.mo.observe(o,{attributes:!0,attributeFilter:["dir"]}))}stop(){var e;null===(e=this.mo)||void 0===e||e.disconnect(),this.mo=null}}class _d{constructor(e){var t;this.rafId=null,this._value=null,this.observing=!1,this.strategies=e.strategies,this.observers=null!==(t=e.observers)&&void 0!==t?t:[],this.onChange=e.onChange,this._value=this.computeDirection(),this.observers.length>0&&this.start()}get value(){var e;return null!==(e=this._value)&&void 0!==e?e:nr.ltr}start(){if(this.observing)return;this.observing=!0;const e=()=>{null==this.rafId&&("undefined"!=typeof requestAnimationFrame?this.rafId=requestAnimationFrame(()=>{this.rafId=null,this.refresh()}):this.refresh())};for(const t of this.observers)t.start(e);this.refresh()}stop(){null!=this.rafId&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.rafId),this.rafId=null;for(const e of this.observers)e.stop();this.observing=!1}stable(){return null==this.rafId}refresh(){var e;const t=this._value,o=this.computeDirection();if(o!==t){this._value=o;try{null===(e=this.onChange)||void 0===e||e.call(this,o,{previous:t})}catch{}}return this._value}computeDirection(){for(const e of this.strategies){const t=e.getDirection();if(t)return t}return null}}let jd=null;function Xd(e){jd=e}function Wd(){return jd||(jd=new _d({strategies:[new Hd([document.documentElement])],observers:[new Vd("html")]})),jd}const Kd=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class qd{constructor(e){this.ariaDescription=null,this.ariaBrailleLabel=null,this.ariaBrailleRoleDescription=null,this._form=null,this._labels=document.createDocumentFragment().childNodes,this.role="",this.ariaAtomic="",this.ariaAutoComplete="",this.ariaBusy="",this.ariaChecked="",this.ariaColCount="",this.ariaColIndex="",this.ariaColIndexText="",this.ariaColSpan="",this.ariaCurrent="",this.ariaDisabled="",this.ariaExpanded="",this.ariaHasPopup="",this.ariaHidden="",this.ariaInvalid="",this.ariaKeyShortcuts="",this.ariaLabel="",this.ariaLevel="",this.ariaLive="",this.ariaModal="",this.ariaMultiLine="",this.ariaMultiSelectable="",this.ariaOrientation="",this.ariaPlaceholder="",this.ariaPosInSet="",this.ariaPressed="",this.ariaReadOnly="",this.ariaRelevant="",this.ariaRequired="",this.ariaRoleDescription="",this.ariaRowCount="",this.ariaRowIndex="",this.ariaRowIndexText="",this.ariaRowSpan="",this.ariaSelected="",this.ariaSetSize="",this.ariaSort="",this.ariaValueMax="",this.ariaValueMin="",this.ariaValueNow="",this.ariaValueText="",this._element=e}get form(){return this._form||(this._form=this._element.closest("form")),this._form}get labels(){return this._labels}get shadowRoot(){return null}get states(){return new Set}get validationMessage(){return""}get validity(){return{badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}}get willValidate(){return!0}checkValidity(){return!0}reportValidity(){return!0}setFormValue(e,t){}setValidity(e,t,o){}}function Gd(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new qd(this)})}const Yd=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function Ud(e){const{items:t,isDisabled:o=Yd,orientation:n="vertical",enableHomeEnd:i=!0,wrap:r=!0,preventDefault:s=!0,focusItem:a,onFocusChange:l,isRtl:d}=e,c=()=>{var e;return null!==(e=t().find(e=>"0"===e.getAttribute("tabindex")))&&void 0!==e?e:null},h=(e,n)=>{const i=null!=n?n:t();for(const t of i){const n=t===e&&!o(t);t.tabIndex=n?0:-1,t.setAttribute("tabindex",n?"0":"-1")}},u=(e,t,o,n)=>{h(e,n),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const n=t(),i=n.filter(e=>!o(e));if(0===i.length)return!1;if(1===i.length)return!1;const s=c();let a=s?i.indexOf(s):-1;-1===a&&(a=0);let l=a+e;if(r)l=(l+i.length)%i.length;else if(l<0||l>=i.length)return!1;const d=i[l];return u(d,l,!0,n),!0},m=()=>{const e=t(),n=e.filter(e=>!o(e));return 0!==n.length&&(u(n[0],0,!0,e),!0)},g=()=>{const e=t(),n=e.filter(e=>!o(e));if(0===n.length)return!1;const i=n.length-1;return u(n[i],i,!0,e),!0},f=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===n||"both"===n)&&e===Ui)return!0;if(("horizontal"===n||"both"===n)&&(o?e===Yi:e===Gi))return!0}else{if(("vertical"===n||"both"===n)&&e===qi)return!0;if(("horizontal"===n||"both"===n)&&(o?e===Gi:e===Yi))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const n=e.filter(e=>!o(e));if(0===n.length)return void h(null,e);const i=c();i&&n.includes(i)?h(i,e):h(n[0],e)},move:p,focusFirst:m,focusLast:g,focus:e=>{const n=t();if(!n.includes(e))return!1;if(o(e))return!1;const i=n.filter(e=>!o(e)).indexOf(e);return u(e,-1!==i?i:null,!0,n),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const n=t(),i=n.find(t=>t===e||t.contains(e));if(!i)return!1;if(o(i))return!1;const r=n.filter(e=>!o(e)).indexOf(i);return u(i,-1!==r?r:null,!1,n),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return f(t,"prev")?o=p(-1):f(t,"next")?o=p(1):i&&t===er?o=m():i&&t===Zi&&(o=g()),o&&s&&e.preventDefault(),o},destroy:()=>{}}}function Zd(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}class Qd{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Jd extends Qd{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Jd(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:n}=this;n&&!t?(e.addStyles(o),t=n):!n&&t&&(e.removeStyles(o),t=n)}}removedCallback(e){e.removeStyles(this.styles)}}const ec=Jd.with(window.matchMedia("(forced-colors)"));function tc(e){return e?"string"==typeof e?new ji(e):"inline"in e?e.inline():e:ji.empty}Jd.with(window.matchMedia("(prefers-color-scheme: dark)")),Jd.with(window.matchMedia("(prefers-color-scheme: light)"));const oc=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)},nc=Fi`
|
|
31
|
+
${n("inline-flex")}
|
|
32
32
|
|
|
33
|
-
:host{--icon-spacing:${
|
|
33
|
+
:host{--icon-spacing:${B};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${rl};outline-style:none;background-color:${ve};color:${p};border:${P} solid ${z};padding:0 ${te};min-width:calc(${we} * 3);border-radius:${i};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${B}}:host(${Kr}) .content{padding:0 ${h}}:host(${Wr}) .content{padding:0 ${te}}:host(:hover){background-color:${g};color:${ke};border-color:${_}}:host(:hover:active){background-color:${b};border-color:${X};color:${Ce};outline-style:none}:host(:focus-visible){border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 ${M} ${r}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${Se};height:${nl};width:${ml}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${Xr}){width:${rl};height:${rl};min-width:${rl};min-height:${rl};max-width:${rl};max-height:${rl}}:host(${Ur}){--icon-spacing:${u};min-height:${il};min-width:calc(${we} * 2);padding:0 ${s};border-radius:${Ie};font-size:${y};line-height:${x};font-weight:${d}}:host(${Ur}${Xr}){width:${il};height:${il};min-width:${il};min-height:${il};max-width:${il};max-height:${il}}:host(${Wr}){min-height:calc(${Be} + ${oe});border-radius:${Ee};padding:0 ${t};font-size:${$};line-height:${k}}:host(${Wr}${Xr}){min-width:calc(${Be} + ${oe});max-width:calc(${Be} + ${oe});max-height:calc(${Be} + ${oe});min-height:calc(${Be} + ${oe});width:calc(${Be} + ${oe});height:calc(${Be} + ${oe})}:host(${Wr}) ::slotted(svg){font-size:${Se};height:${il};width:${gl}}:host(:is(${Hr},${Hr}:focus-visible)){border-radius:${Le}}:host(:is(${Zr},${Zr}:focus-visible)){border-radius:${Me}}:host(${Yr}){background-color:${ve};color:${p};border-color:transparent}:host(${Yr}:hover){background-color:${Re};color:${p}}:host(${Yr}:is(:hover,:hover:active)){border-color:${Ae}}:host(${Yr}:hover:active){border-color:${R};background-color:${Pe};color:${pe}}:host(${Yr}:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(${qr}){background-color:${m};color:${Oe}}:host(${qr}:hover){background-color:${V}}:host(${qr}:hover:active){background-color:${j}}:host(${Jr}){background-color:${N};color:${Oe};border-color:transparent}:host(${Jr}:hover){background-color:${W};color:${f};border-color:transparent}:host(${Jr}:hover:active){background-color:${K};color:${v};border-color:transparent}:host(${Jr}:hover) ::slotted(svg){fill:${ze}}:host(${Jr}:hover:active) ::slotted(svg){fill:${Ne}}:host(${es}){background-color:${m};color:${Oe}}:host(${es}:hover){background-color:${V};color:${ze}}:host(${es}:hover:active){background-color:${j};color:${Ne}}:host(:is(${es},${es}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
34
34
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
35
35
|
:focus-visible
|
|
36
36
|
)
|
|
37
|
-
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${
|
|
37
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(
|
|
38
38
|
:is(
|
|
39
39
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
40
40
|
)
|
|
@@ -46,130 +46,129 @@ var El=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
46
46
|
:is(
|
|
47
47
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
48
48
|
):hover:active
|
|
49
|
-
){background-color:${Q};border-color:${Te};color:${w};cursor:not-allowed}:host(${
|
|
50
|
-
${
|
|
49
|
+
){background-color:${Q};border-color:${Te};color:${w};cursor:not-allowed}:host(${Yr}:is(:disabled,[disabled-focusable])),:host(
|
|
50
|
+
${Yr}:is(:disabled,[disabled-focusable]):is(
|
|
51
51
|
:hover,:hover:active
|
|
52
52
|
)
|
|
53
|
-
){border-color:transparent}:host(${
|
|
54
|
-
${
|
|
53
|
+
){border-color:transparent}:host(${qr}:is(:disabled,[disabled-focusable])),:host(
|
|
54
|
+
${qr}:is(:disabled,[disabled-focusable]):is(
|
|
55
55
|
:hover,:hover:active
|
|
56
56
|
)
|
|
57
|
-
){background-color:${m}}:host(${
|
|
58
|
-
${
|
|
59
|
-
){background-color:${m};border-color:transparent}:host(${
|
|
60
|
-
${
|
|
57
|
+
){background-color:${m}}:host(${Jr}:is(:disabled,[disabled-focusable])),:host(
|
|
58
|
+
${Jr}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
|
|
59
|
+
){background-color:${m};border-color:transparent}:host(${es}:is(:disabled,[disabled-focusable])),:host(
|
|
60
|
+
${es}:is(:disabled,[disabled-focusable]):is(
|
|
61
61
|
:hover,:hover:active
|
|
62
62
|
)
|
|
63
|
-
){border-color:transparent;background-color:${m}}:host(${
|
|
64
|
-
:host(${
|
|
63
|
+
){border-color:transparent;background-color:${m}}:host(${Gr}){border-color:${R};background-color:${Pe};color:${De};border-width:${P}}:host(${Gr}:hover){border-color:${_};background-color:${g};color:${ke}}:host(${Gr}:active){border-color:${X};background-color:${b};color:${Ce}}:host(${Gr}${Yr}){border-color:${R};background-color:${Pe};color:${De}}:host(${Gr}${Yr}:hover){background-color:${p};color:${De}}:host(${Gr}${Yr}:active){border-color:${R};background-color:${Pe};color:${De}}:host(${Gr}${Jr}){border-color:transparent;background-color:${G};color:${Fe}}:host(${Gr}${Jr}:hover){background-color:${W};color:${f}}:host(${Gr}${Jr}:active){background-color:${K};color:${v}}:host(${Gr}${qr}),:host(${Gr}${es}){background-color:${U};color:${p};border-color:${X}}:host(${Gr}${qr}){border-width:${M}}:host(${Gr}${qr}:hover),:host(${Gr}${es}:hover){background-color:${V}}:host(${Gr}${qr}:active),:host(${Gr}${es}:active){background-color:${j};border-width:${M}}:host(${Gr}${es}){border-color:transparent;color:${He}}:host(${Gr}${es}:hover){color:${ze}}:host(${Gr}${es}:active){color:${Ne}}`.withBehaviors(ec(Fi`
|
|
64
|
+
:host(${Gr}),:host(${Gr}${Yr}),:host(${Gr}${Jr}),:host(${Gr}${qr}),:host(${Gr}${es}){background:SelectedItem;color:SelectedItemText}`));const ic=Di`<template tabindex="${e=>e.disabled?-1:0}" appearance="${e=>e.appearance}" shape="${e=>e.shape}" size="${e=>e.size}" icon-only="${e=>e.iconOnly}" aria-label="${e=>e.ariaLabel}" ?pressed="${e=>e.pressed}" ?disabled="${e=>e.disabled}"><slot name="start"></slot><span class="content" part="content"><slot ${Ti("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,rc=Pd.compose({name:`${Rr.prefix}-filter-pill`,template:ic,styles:nc,shadowOptions:{mode:Rr.shadowRootMode}}),sc={...wd},ac={...yd},lc={...xd},dc={...$d},cc={...kd};var hc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class uc extends re{constructor(){super(...arguments),this.appearance=sc.primary,this.iconOnly=!1}}hc([Pi],uc.prototype,"appearance",void 0),hc([Pi],uc.prototype,"shape",void 0),hc([Pi],uc.prototype,"size",void 0),hc([Pi({attribute:"icon-only",mode:"boolean"})],uc.prototype,"iconOnly",void 0);const pc=Fi`
|
|
65
65
|
${Ve}
|
|
66
66
|
:host([appearance='primary-on-brand']){background-color:${ue};color:${pe};border-color:${me}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${pe}}:host(
|
|
67
67
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
68
68
|
:focus-visible
|
|
69
69
|
)
|
|
70
|
-
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${
|
|
71
|
-
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([size="small"]) fluent-button{gap:${u}}fabric-spinner{display:none}.content{gap:${s}}:host([size="large"]) .content{gap:${te}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const
|
|
72
|
-
${
|
|
73
|
-
|
|
74
|
-
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${
|
|
75
|
-
${
|
|
76
|
-
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${
|
|
77
|
-
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const pc=Fi`<template slot="controller" role="tab"><slot></slot></template>`,mc=hc.compose({name:`${Lr.prefix}-multi-view-controller`,template:pc,styles:uc});var gc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class bc extends Oi{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),Ni.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,Ni.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof ac){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case Ui:e.preventDefault(),this.adjustBackward();break;case tr:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case Xi:e.preventDefault(),this.adjustForward();break;case Ji:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Zi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Yi:case er:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case Qi:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===Qi)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Yi)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),Ni.enqueue(()=>this.setControllers()),Ni.enqueue(()=>this.setMultiViews()),Ni.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${nr()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${nr()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}gc([zi],bc.prototype,"multiViews",void 0),gc([zi],bc.prototype,"controllers",void 0),gc([zi],bc.prototype,"controllersContainer",void 0),gc([zi],bc.prototype,"openedMultiViews",void 0);const fc=Hi`
|
|
78
|
-
${
|
|
79
|
-
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${P};outline:${M} solid ${P};box-shadow:${E},0 0 0 2px ${r}}`;const vc=Fi`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Di("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Vi("controllersContainer")}><slot name="controller" ${Di("controllers")}></slot></div></div></template>`,wc=bc.compose({name:`${Lr.prefix}-multi-view-group`,template:vc,styles:fc,shadowOptions:{mode:Lr.shadowRootMode}}),yc={right:"right",left:"left"};function xc(e,t){let o;return function(...n){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,n),t)}}const $c={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},kc=$c,Cc=Object.values($c),Sc={auto:Nd,flip:Td,none:Dd},Bc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"};class Ic{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set popoverReference(e){this._popoverReference=e}get popoverReference(){return this._popoverReference}set position(e){this._position=e}get position(){return this._position}get openPositions(){return this.getOpenPositions()}constructor(e){this.rootMargin=15,this.overflowBoundaryReference=null,this._position=kc.aboveEnd,this._openPositions=[],this.checkPosition=e=>{var t,o,n;const i=null===(t=this._popoverReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=Hd(r,Fd(this.overflowBoundaryReference),this.rootMargin),o=i.height<t.above,s=i.height<t.below,a=i.width<t.start,l=i.width<t.end,d=(i.width-r.width)/2,c=d<t.start&&d<t.end,h=i.width<t.start+r.width&&t.end>0,u=i.width<t.end+r.width&&t.start>0,p=(i.height-r.height)/2,m=p<t.above&&p<t.below,g=i.height-r.height<t.above,b=t.above>0;return null!==(n={[kc.aboveStart]:o&&u,[kc.aboveCenter]:o&&c,[kc.aboveEnd]:o&&h,[kc.belowStart]:s&&u,[kc.belowCenter]:s&&c,[kc.belowEnd]:s&&h,[kc.startTop]:a&&b,[kc.startMiddle]:a&&m,[kc.startBottom]:a&&g,[kc.endTop]:l&&b,[kc.endMiddle]:l&&m,[kc.endBottom]:l&&g}[e])&&void 0!==n&&n}return!1},this.getOpenPositions=()=>(this._openPositions=Cc.filter(e=>this.checkPosition(e)),this._openPositions),this.oppositePosition=e=>{switch(e){case zd.top:return this.position===kc.aboveStart?[kc.belowStart]:this.position===kc.aboveCenter?[kc.belowCenter]:this.position===kc.aboveEnd?[kc.belowEnd]:[kc.belowCenter];case zd.right:return this.position===kc.endBottom?[kc.startBottom]:this.position===kc.endMiddle?[kc.startMiddle]:this.position===kc.endTop?[kc.startTop]:[kc.startMiddle];case zd.bottom:return this.position===kc.belowStart?[kc.aboveStart]:this.position===kc.belowCenter?[kc.aboveCenter]:this.position===kc.belowEnd?[kc.aboveEnd]:[kc.aboveCenter];case zd.left:return this.position===kc.startTop?[kc.endTop]:this.position===kc.startMiddle?[kc.endMiddle]:this.position===kc.startBottom?[kc.endBottom]:[kc.endMiddle]}},this.getOpenPositionsFromEdge=e=>{if("auto"===this.repositionMode)return Cc.filter(e=>this.checkPosition(e));if("flip"===this.repositionMode&&e){const t=this.oppositePosition(e).filter(e=>this.checkPosition(e));return t.length>0?t:[this.position]}return e?this.oppositePosition(e):[this.position]},this.findOpenPositionsFromCollision=e=>{const t=Vd(e);return this.getOpenPositionsFromEdge(t)};const{repositionMode:t,popoverReference:o,anchorReference:n,overflowBoundaryReference:i}=e;this._repositionMode=t,this._popoverReference=o,this.anchorReference=n,i&&(this.overflowBoundaryReference=i)}}var Ec=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Lc extends Oi{constructor(){super(...arguments),this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=kc.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=Sc.flip,this.openPositions=[],this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Bc.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Bc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Bc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Bc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.updatePopoverPosition=()=>{this.observePopoverOverflow()},this.handleWindowChanges=xc(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.updatePopoverPosition(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()},this.createOverflowHandler=()=>{const e={root:document};this.overflowBoundary&&(e.root=this.overflowBoundary),this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalPopoverPosition||this.position),e.forEach(e=>{var t,o;e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),(null===(t=this.openPositions)||void 0===t?void 0:t.length)>0&&this.repositionPopover(this.openPositions)):(null===(o=this.openPositions)||void 0===o?void 0:o.length)>0&&this.releasePositions()})},this.repositionPopover=e=>{this.position=e[0],this.positioning&&(this.positioning.position=this.position)}}nonClickableChanged(){this.processAnchorEventListeners()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=Hi`
|
|
80
|
-
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=
|
|
81
|
-
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;
|
|
82
|
-
${
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
70
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${fe}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,mc=uc.compose({name:`${Rr.prefix}-compound-button`,template:_e,styles:pc,shadowOptions:{mode:Rr.shadowRootMode}});var gc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fc extends je{constructor(){super(...arguments),this.loading=!1}}gc([Pi({mode:"boolean"})],fc.prototype,"loading",void 0);const bc=Fi`
|
|
71
|
+
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([size="small"]) fluent-button{gap:${u}}fabric-spinner{display:none}.content{gap:${s}}:host([size="large"]) .content{gap:${te}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const vc=Di`<template tabindex="${e=>{var t;return e.disabled?null:null!==(t=e.tabIndex)&&void 0!==t?t:0}}" @click="${(e,t)=>e.clickHandler(t.event)}" @keypress="${(e,t)=>e.keypressHandler(t.event)}" ?loading="${e=>e.loading}"><slot name="start"></slot><span class="content" part="content"><fabric-spinner appearance="${e=>"primary"==e.appearance?"inverted":"primary"}" size="tiny" slot="start" ?hidden=${e=>!e.loading}></fabric-spinner><slot ${Ti("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,wc=fc.compose({name:`${Rr.prefix}-loading-button`,template:vc,styles:bc,shadowOptions:{mode:Rr.shadowRootMode}}),yc={hiddenChange:"hidden-change"};var xc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class $c extends Ai{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(yc.hiddenChange,this.hidden)}}xc([Pi({mode:"boolean"})],$c.prototype,"hidden",void 0);const kc=Fi`
|
|
72
|
+
${n("block")}
|
|
73
|
+
|
|
74
|
+
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}`;const Cc=Di`<template slot="multi-view" role="tabpanel" ?hidden="${e=>e.hidden}" aria-hidden="${e=>e.hidden}" tabindex="${e=>e.hidden?"-1":"0"}"><div class="multi-view" part="multi-view"><slot></slot></div></template>`,Sc=$c.compose({name:`${Rr.prefix}-multi-view`,template:Cc,styles:kc,shadowOptions:{mode:Rr.shadowRootMode}});class Ic extends Ai{}const Bc=Fi`
|
|
75
|
+
${n("flex")}
|
|
76
|
+
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${rl};min-width:${fl};outline-style:none;background-color:${A};color:${p};border:${P} solid ${z};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${rl};width:3px;background:${ue}}:host(:focus-visible)::after{content:"";position:absolute;inset:0px;cursor:pointer;border-radius:${Ie};outline:none;box-shadow:inset 0 0 0 1px ${r}}`.withBehaviors(Xe(Fi`
|
|
77
|
+
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const Ec=Di`<template slot="controller" role="tab"><slot></slot></template>`,Lc=Ic.compose({name:`${Rr.prefix}-multi-view-controller`,template:Ec,styles:Bc});var Mc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Rc extends Ai{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),zi.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,zi.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof $c){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case Ui:e.preventDefault(),this.adjustBackward();break;case or:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case qi:e.preventDefault(),this.adjustForward();break;case er:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Zi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Qi:case tr:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case Ji:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===Ji)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Qi)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),zi.enqueue(()=>this.setControllers()),zi.enqueue(()=>this.setMultiViews()),zi.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${rr()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${rr()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}Mc([Oi],Rc.prototype,"multiViews",void 0),Mc([Oi],Rc.prototype,"controllers",void 0),Mc([Oi],Rc.prototype,"controllersContainer",void 0),Mc([Oi],Rc.prototype,"openedMultiViews",void 0);const Ac=Fi`
|
|
78
|
+
${n("flex")}
|
|
79
|
+
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${R};outline:${M} solid ${R};box-shadow:${E},0 0 0 2px ${r}}`;const Pc=Di`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Ti("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Hi("controllersContainer")}><slot name="controller" ${Ti("controllers")}></slot></div></div></template>`,Oc=Rc.compose({name:`${Rr.prefix}-multi-view-group`,template:Pc,styles:Ac,shadowOptions:{mode:Rr.shadowRootMode}}),zc={right:"right",left:"left"},Nc="auto",Tc="flip",Dc="none",Fc={top:"top",right:"right",bottom:"bottom",left:"left"};class Hc{constructor(e){var t,o,n,i;this.origin=e.origin,this.overlay=e.overlay,this.positions=e.positions,this.boundaryElement=null!==(t=e.boundaryElement)&&void 0!==t?t:null,this.offsetParent=null!==(o=e.offsetParent)&&void 0!==o?o:null,this.viewportMargin=null!==(n=e.viewportMargin)&&void 0!==n?n:0,this.resize=null!==(i=e.resize)&&void 0!==i&&i,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,n,i,r,s,a,l,d;return"number"==typeof t?{top:e.top+t,left:e.left+t,bottom:e.bottom-t,right:e.right-t,width:e.width?e.width-2*t:void 0,height:e.height?e.height-2*t:void 0}:{top:e.top+(null!==(o=t.top)&&void 0!==o?o:0),left:e.left+(null!==(n=t.left)&&void 0!==n?n:0),bottom:e.bottom-(null!==(i=t.bottom)&&void 0!==i?i:0),right:e.right-(null!==(r=t.right)&&void 0!==r?r:0),width:e.width?e.width-(null!==(s=t.left)&&void 0!==s?s:0)-(null!==(a=t.right)&&void 0!==a?a:0):void 0,height:e.height?e.height-(null!==(l=t.top)&&void 0!==l?l:0)-(null!==(d=t.bottom)&&void 0!==d?d:0):void 0}}(this.boundaryElement?function(e){const t=e.getBoundingClientRect();return{top:t.top,left:t.left,bottom:t.bottom,right:t.right,width:t.width,height:t.height}}(this.boundaryElement):{top:0,left:0,bottom:window.innerHeight,right:window.innerWidth,width:window.innerWidth,height:window.innerHeight},this.viewportMargin)}getCandidates(){return[...this.positions]}evaluatePosition(e){const t=this.origin.getBoundingClientRect(),o=this.overlay.getBoundingClientRect(),n=this.getBoundary(),i=function(e,t){let o,n;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,n="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:n}}(t,e),r=function(e,t,o){var n,i;let r,s;r="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,s="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(n=o.offsetX)&&void 0!==n?n:0,l=null!==(i=o.offsetY)&&void 0!==i?i:0;return{x:e.x+r+a,y:e.y+s+l}}(i,o,e),s=function(e,t,o){const n=e.x+t.width,i=e.y+t.height,r=e.x>=o.left,s=n<=o.right,a=e.y>=o.top,l=i<=o.bottom,d=r&&s,c=a&&l,h=d&&c;let u=t.width,p=t.height;return r?s||(u=Math.max(0,o.right-e.x)):u=Math.max(0,n-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,i-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(r,o,n);return{position:e,originPoint:i,overlayPoint:r,fit:s}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let n=1;n<e.length;n++){const i=this.evaluatePosition(e[n]);if(i.fit.isCompletelyWithinViewport)return i;i.fit.visibleArea>o&&(t=i,o=i.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),n=e[0];for(let t=1;t<e.length;t++){const i=this.getAvailableSpace(e[t]);i>o&&(o=i,n=e[t])}if(n!==t.position)return this.evaluatePosition(n)}return t}applyPositionResult(e){!function(e,t,o,n){const i="bottom"===o.overlayY,r="end"===o.overlayX,s=null==n?void 0:n.getBoundingClientRect(),a=i||r?e.getBoundingClientRect():null;if(r&&a){const o=(s?s.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=s?t.x-s.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(i&&a){const o=(s?s.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=s?t.y-s.top:t.y;e.style.top=`${Math.round(o)}px`,e.style.bottom="auto"}}(this.overlay,e.overlayPoint,e.position,this.offsetParent)}getAvailableSpace(e){var t;const o=this.origin.getBoundingClientRect(),n=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-n.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,n.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-n.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,n.right-o.right):Math.max(0,(null!==(t=n.height)&&void 0!==t?t:n.bottom-n.top)||0)}tryResize(e){if(!this.resize)return{resized:!1,maxHeight:null};const t=this.overlay.getBoundingClientRect().height,o=this.getAvailableSpace(e);return t<=o||void 0!==this.resizeMinHeight&&o<this.resizeMinHeight?{resized:!1,maxHeight:null}:(this.overlay.style.maxHeight=`${o}px`,this.overlay.style.overflow="auto",{resized:!0,maxHeight:o})}reposition(){if(0===this.getCandidates().length&&!this.resize)return null;this.clearResize();let e=this.selectBestPosition(),t=!1,o=null;return this.resize&&(({resized:t,maxHeight:o}=this.tryResize(e.position)),t&&(e=this.evaluatePosition(e.position))),this.applyPositionResult(e),{resized:t,maxHeight:o,positionResult:e}}clearResize(){this.resize&&(this.overlay.style.maxHeight="",this.overlay.style.overflow="")}}const Vc={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},_c=Vc,jc=Object.values(Vc),Xc={auto:Nc,flip:Tc,none:Dc},Wc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Kc={[_c.aboveStart]:_c.belowStart,[_c.aboveCenter]:_c.belowCenter,[_c.aboveEnd]:_c.belowEnd,[_c.belowStart]:_c.aboveStart,[_c.belowCenter]:_c.aboveCenter,[_c.belowEnd]:_c.aboveEnd,[_c.startTop]:_c.endTop,[_c.startMiddle]:_c.endMiddle,[_c.startBottom]:_c.endBottom,[_c.endTop]:_c.startTop,[_c.endMiddle]:_c.startMiddle,[_c.endBottom]:_c.startBottom};function qc(e){switch(e){case _c.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case _c.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case _c.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case _c.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case _c.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case _c.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case _c.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case _c.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case _c.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case _c.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case _c.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case _c.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Gc{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set position(e){this._position=e}get position(){return this._position}constructor(e){var t,o;this.positionStrategy=null,this.rootMargin=15,this._position=_c.aboveEnd,this._repositionMode=e.repositionMode,this.popoverReference=e.popoverReference,this.anchorReference=e.anchorReference,this.hasBeak=null!==(t=e.hasBeak)&&void 0!==t&&t,this.overflowBoundaryReference=null!==(o=e.overflowBoundaryReference)&&void 0!==o?o:null}toConnectedPosition(e){let t=qc(e);var o,n;return this.hasBeak&&(t=(o=[t],n=8,o.map(e=>{var t,o;let i=null!==(t=e.offsetX)&&void 0!==t?t:0,r=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(r+="bottom"===e.originY?n:-n),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(i+="end"===e.originX?n:-n),{...e,offsetX:i,offsetY:r}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===Xc.flip?[Kc[e]]:this._repositionMode===Xc.auto?jc.filter(t=>t!==e):[],[this.toConnectedPosition(e),...t.map(e=>this.toConnectedPosition(e))]}createPositionStrategy(){var e;if(!this.popoverReference||!this.anchorReference)return null;const t=null!==(e=this.popoverReference.parentElement)&&void 0!==e?e:null;return new Hc({origin:this.anchorReference,overlay:this.popoverReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,offsetParent:t,viewportMargin:this.rootMargin})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=function(e){const{originX:t,originY:o,overlayX:n,overlayY:i}=e;for(const e of jc){const r=qc(e);if(r.originX===t&&r.originY===o&&r.overlayX===n&&r.overlayY===i)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Yc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Uc extends Ai{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=_c.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=Xc.flip,this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Wc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Wc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=Nd(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.observePopoverOverflow(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()}}nonClickableChanged(){this.processAnchorEventListeners()}positionChanged(){this.positioning&&(this.positioning.position=this.position),this.open&&this.observePopoverOverflow()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded(),this.observePopoverOverflow()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=Fi`
|
|
80
|
+
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=Fi`
|
|
81
|
+
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;this.popoverReference&&(this.open?(this.addActiveHandlers(),this.observePopoverOverflow(),this.popoverReference.classList.add("popover-open")):(null===(e=this.popoverReference)||void 0===e||e.classList.remove("popover-open"),this.removeEventListeners()))}addActiveHandlers(){this.addRepositioningHandlers(),this.addOverlayEventListeners(),this.addMouseOverEventListeners(),this.createPositioningManager()}popoverReferenceChanged(){this.checkAllLoaded(),this.observePopoverOverflow()}initializeTargetId(){if(!this.targetId){const e=rr("popover-target-");this.targetId=e}this.anchorReferences&&this.anchorReferences.length>0&&this.anchorReferences[0].setAttribute("aria-describedby",this.targetId)}overflowBoundaryChanged(){this.addOverflowBoundaryEventListeners()}emitToggleEvent(){var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Wc.toggle,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:this.open?"open":"closed"}}))}processAnchorEventListeners(){this.anchorReferences&&this.anchorReferences.length&&(!1===this.nonClickable?this.anchorReferences[0].addEventListener("click",this.togglePopover):this.anchorReferences[0].removeEventListener("click",this.togglePopover))}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.addEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.addEventListener("click",this.handleWindowClick)}removeOverlayEventListeners(){this.overflowBoundary&&"auto"===this.mode?this.overflowBoundary.removeEventListener("click",this.handleWindowClick):"auto"===this.mode&&document.removeEventListener("click",this.handleWindowClick)}checkOverflow(){if(!this.positioning||!this.popoverReference)return;this.positioning.position=this.position;this.positioning.reposition()&&(this.popoverReference.dataset.position=this.positioning.position)}addRepositioningHandlers(){"none"!==this.repositionMode&&this.addWindowEventListeners()}createPositioningManager(){var e;this.popoverReference&&(this.positioning=null,this.positioning=new Gc({repositionMode:this.repositionMode,popoverReference:this.popoverReference,anchorReference:null===(e=this.anchorReferences)||void 0===e?void 0:e[0],overflowBoundaryReference:this.overflowBoundary,hasBeak:this.beak}))}removeEventListeners(){this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners())}observePopoverOverflow(){zi.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Yc([Pi({mode:"boolean"})],Uc.prototype,"beak",void 0),Yc([Pi({mode:"boolean",attribute:"non-clickable"})],Uc.prototype,"nonClickable",void 0),Yc([Pi],Uc.prototype,"size",void 0),Yc([Pi],Uc.prototype,"mode",void 0),Yc([Pi],Uc.prototype,"position",void 0),Yc([Pi({attribute:"target-id"})],Uc.prototype,"targetId",void 0),Yc([Oi],Uc.prototype,"anchorReferences",void 0),Yc([Oi],Uc.prototype,"refsLoaded",void 0),Yc([Pi({attribute:"transition-duration",converter:Xi})],Uc.prototype,"transitionDuration",void 0),Yc([Pi({attribute:"transition-delay",converter:Xi})],Uc.prototype,"transitionDelay",void 0),Yc([Pi({attribute:"reposition-mode"})],Uc.prototype,"repositionMode",void 0),Yc([Pi({mode:"boolean"})],Uc.prototype,"open",void 0),Yc([Oi],Uc.prototype,"popoverReference",void 0),Yc([Oi],Uc.prototype,"popoverRole",void 0),Yc([Oi],Uc.prototype,"overflowBoundary",void 0);const Zc=Fi`
|
|
82
|
+
${n("block")}
|
|
83
|
+
|
|
84
|
+
.popover-container{position:relative;width:fit-content}.popover{font-family:${a};background-color:${A};border-radius:${i};border:1px solid ${T};box-shadow:${D};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${t};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${te};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${e};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${A};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
|
|
85
|
+
16px + var(--beakShadowHorizontalNudge,0px)
|
|
86
86
|
);top:calc(
|
|
87
|
-
-8px + var(--beakShadowVerticalNudge)
|
|
88
|
-
);transform:rotate(180deg)
|
|
89
|
-
${
|
|
90
|
-
);top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-end"]
|
|
87
|
+
-8px + var(--beakShadowVerticalNudge,0px)
|
|
88
|
+
);transform:rotate(180deg)}:host([beak]) .popover[data-position="above-start"] .beak{start:16px;top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="above-center"] ~ .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-center"] .beak{inset-inline-start:calc(50% - 8px);top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] ~ .beak-shadow:after{inset-inline-end:calc(
|
|
89
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
90
|
+
);top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] .beak{inset-inline-end:${t};top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="end-top"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
91
91
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
92
|
-
);top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="end-top"]
|
|
92
|
+
);top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-top"] .beak{inset-inline-start:-12px;top:${We};transform:rotate(270deg)}:host([beak]) .popover[data-position="end-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
93
93
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
94
|
-
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="end-middle"]
|
|
94
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="end-middle"] .beak{inset-inline-start:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([beak]) .popover[data-position="end-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
95
95
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
96
|
-
);top:unset;bottom:calc(
|
|
97
|
-
|
|
98
|
-
);transform:rotate(
|
|
99
|
-
${
|
|
100
|
-
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([
|
|
101
|
-
${o} + var(--beakShadowHorizontalNudge,0px)
|
|
102
|
-
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-end"][beak]) .beak{inset-inline-end:${o};top:-8px;transform:rotate(0deg)}:host([position="start-top"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-top"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-top"][beak]) .popover.popover-open{inset-inline-start:-12px;}:host([position="start-top"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
96
|
+
);top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="end-bottom"] .beak{inset-inline-start:-12px;top:unset;bottom:${We};transform:rotate(270deg)}:host([beak]) .popover[data-position="below-start"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
97
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
98
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-start"] .beak{inset-inline-start:${t};top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-center"] ~ .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-8px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-center"] .beak{inset-inline-start:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="below-end"] ~ .beak-shadow:after{inset-inline-end:calc(
|
|
99
|
+
${t} + var(--beakShadowHorizontalNudge,0px)
|
|
100
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="below-end"] .beak{inset-inline-end:${t};top:-8px;transform:rotate(0deg)}:host([beak]) .popover[data-position="start-top"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
103
101
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
104
102
|
);top:calc(
|
|
105
103
|
18px + var(--beakShadowVerticalNudge,0px)
|
|
106
|
-
);transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="start-top"]
|
|
104
|
+
);transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-top"] .beak{inset-inline-end:-12px;top:${We};transform:rotate(90deg)}:host([beak]) .popover[data-position="start-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
107
105
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
108
|
-
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="start-middle"]
|
|
106
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([beak]) .popover[data-position="start-middle"] .beak{inset-inline-end:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([beak]) .popover[data-position="start-bottom"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
109
107
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
110
|
-
);top:unset;bottom:calc(
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
:host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let n;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?n=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!n){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(n=e)}n&&(e.setAttribute("width",n),e.setAttribute("height",n)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}Dc([Ai],Fc.prototype,"name",void 0),Dc([Ai],Fc.prototype,"size",void 0),Dc([Ai],Fc.prototype,"path",void 0),Dc([Ai({attribute:"aria-hidden"})],Fc.prototype,"ariaHidden",void 0),Dc([Ai],Fc.prototype,"focusable",void 0);const Hc=Hi`
|
|
115
|
-
${e("inline-flex")}
|
|
108
|
+
);top:unset;bottom:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([beak]) .popover[data-position="start-bottom"] .beak{inset-inline-end:-12px;top:unset;bottom:${We};transform:rotate(90deg)}`;const Qc=Di`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Ti("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Hi("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${Wi(e=>e.beak,Di`<div part="beak" class="beak"></div>`)}</div>${Wi(e=>e.beak,Di`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Jc=Uc.compose({name:`${Rr.prefix}-popover`,template:Qc,styles:Zc,shadowOptions:{mode:Rr.shadowRootMode}}),eh=["base","embed","form","frame","iframe","link","meta","object","script","style"],th=["data","formaction","onclick","onerror","onload","onmouseover","src"];class oh{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,eh,th),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var n;const i=e.tagName.toLowerCase();t.includes(i)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${i}>`),null===(n=e.parentNode)||void 0===n||n.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}oh.parser=new DOMParser,oh.sanitize.bind(oh);class nh{static async loadIconOrSprite(e,t){try{const o=await this.fetchAndCacheSVG(e);return o.includes("<symbol")?this.getIconFromSprite(o,t):o}catch(t){throw console.error(`Failed to load SVG from path ${e}:`,t),t}}static async fetchAndCacheSVG(e){if(!this.cache.has(e))try{const t=fetch(e).then(e=>{if(!e.ok)throw new Error(`Network error: ${e.status} ${e.statusText}`);return e.text()}).then(e=>{if(!/<svg[\s\S]+<\/svg>/.test(e))throw new Error("Invalid SVG format");return oh.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),n=o.querySelector(`symbol[id="${t}"]`);if(!n)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",r=o.createElementNS(i,"svg");return e.includes(`xmlns="${i}"`)||r.setAttribute("xmlns",i),r.setAttribute("viewBox",n.getAttribute("viewBox")||""),Array.from(n.childNodes).forEach(e=>{r.appendChild(e.cloneNode(!0))}),ih(r),r.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),n=this.parseSVG(o),i=n.querySelector("symbol");return i?this.getSVGDetailsFromSymbol(i):this.getSVGDetailsFromSVGElement(n)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));ih(o);const n=e.getAttribute("width")||void 0,i=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:n,height:i}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,n;return t&&(o=t.getAttribute("width")||void 0,n=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:n}}}function ih(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}nh.cache=new Map,nh.parser=new DOMParser;var rh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class sh extends Ai{constructor(){super(...arguments),this.isLoading=!0,this.isError=!1,this.ariaHidden="true",this.focusable="false",this.renderResolver=()=>{},this.renderPromise=new Promise(e=>{this.renderResolver=e})}nameChanged(){this.checkAndResolveRenderPromise()}sizeChanged(){this.checkAndResolveRenderPromise()}pathChanged(){this.checkAndResolveRenderPromise()}get role(){return this.getAttribute("role")}set role(e){null==e?this.removeAttribute("role"):this.setAttribute("role",e)}connectedCallback(){super.connectedCallback(),this.renderPromise.then(()=>this.renderIcon())}checkAndResolveRenderPromise(){this.renderResolver&&this.path&&(!this.name||this.name&&""!==this.name)&&(this.renderResolver(),this.renderResolver=()=>{})}renderIcon(){this.isLoading=!0,nh.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const n=this.shadowRoot.querySelector("svg");n&&this.updateSvgAttributes(n)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.style.width=`var(--icon-width, ${e})`,t.style.height=`var(--icon-height, ${e})`,t.setAttribute("viewBox","0 0 20 20"),t.setAttribute("aria-hidden","false"),t.setAttribute("alt","broken image");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","0"),o.setAttribute("y1","0"),o.setAttribute("x2","20"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)");const n=document.createElementNS("http://www.w3.org/2000/svg","line");n.setAttribute("x1","20"),n.setAttribute("y1","0"),n.setAttribute("x2","0"),n.setAttribute("y2","20"),n.setAttribute("stroke","var(--colorPaletteRedForeground1)"),n.setAttribute("stroke-width","var(--strokeWidthThick)"),t.appendChild(o),t.appendChild(n),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(t)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=Fi`
|
|
109
|
+
:host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=Fi`
|
|
110
|
+
:host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let n;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?n=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!n){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(n=e)}n&&(e.setAttribute("width",n),e.setAttribute("height",n)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}rh([Pi],sh.prototype,"name",void 0),rh([Pi],sh.prototype,"size",void 0),rh([Pi],sh.prototype,"path",void 0),rh([Pi({attribute:"aria-hidden"})],sh.prototype,"ariaHidden",void 0),rh([Pi],sh.prototype,"focusable",void 0);const ah=Fi`
|
|
111
|
+
${n("inline-flex")}
|
|
116
112
|
|
|
117
|
-
:host,:host svg{height:var(--icon-height,${
|
|
118
|
-
${
|
|
113
|
+
:host,:host svg{height:var(--icon-height,${ml});width:var(--icon-width,${ml})}:host svg:not([role="img"]){fill:currentcolor}`,lh=Di`<template></template>`,dh=sh.compose({name:`${Rr.prefix}-svg-icon`,template:lh,styles:ah,shadowOptions:{mode:Rr.shadowRootMode}});dh.define(Rr.registry);class ch extends Ai{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const hh={small:"small",medium:"medium",large:"large"},uh=Fi`
|
|
114
|
+
${n("table-cell")}
|
|
119
115
|
|
|
120
|
-
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${s}}`;const
|
|
121
|
-
${
|
|
116
|
+
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${s}}`;const ph=Di`<template class="table-cell" part="table-cell"><div part="cell-content" class="cell-content" role="cell"><slot name="before"></slot><slot></slot><slot name="after"></slot></div></template>`,mh=ch.compose({name:`${Rr.prefix}-table-cell`,template:ph,styles:uh,shadowOptions:{mode:Rr.shadowRootMode}});var gh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fh extends Ai{constructor(){super(...arguments),this.tableHeadRef=null,this.tableBodyRef=null,this.rows=[],this.columns=[],this.tableRendered=!1,this.sortDirection="ascending",this.activeColumnKey="",this.sortAnnouncer=null}sortableChanged(){this.sortable&&this.renderTableHead()}rowsChanged(){this.rows&&this.rows.length>0&&this.renderTableRows()}columnsChanged(){this.columns&&this.columns.length>0&&this.renderTableHead()}renderTable(){this.renderTableHead(),this.renderTableRows()}tableRenderedChanged(){this.tableRendered&&this.$emit("tableRendered",this),this.tableRendered=!1}toggleSortDirection(){this.sortDirection="ascending"===this.sortDirection?"descending":"ascending"}sortRows(e){this.rows.sort((t,o)=>{var n,i,r,s,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(r=null===(i=null===(n=t[this.activeColumnKey])||void 0===n?void 0:n.label)||void 0===i?void 0:i[0])&&void 0!==r?r:"")<(null!==(l=null===(a=null===(s=o[this.activeColumnKey])||void 0===s?void 0:s.label)||void 0===a?void 0:a[0])&&void 0!==l?l:"")?1:-1:(null!==(h=null===(c=null===(d=t[this.activeColumnKey])||void 0===d?void 0:d.label)||void 0===c?void 0:c[0])&&void 0!==h?h:"")>(null!==(m=null===(p=null===(u=o[this.activeColumnKey])||void 0===u?void 0:u.label)||void 0===p?void 0:p[0])&&void 0!==m?m:"")?1:-1})}initializeSortAnnouncer(){const e=document.createElement("div");e.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n ",this.sortAnnouncer=document.createElement("div"),this.sortAnnouncer.setAttribute("aria-live","assertive"),this.sortAnnouncer.setAttribute("aria-atomic","true"),this.sortAnnouncer.setAttribute("role","status"),this.sortAnnouncer.setAttribute("class","visually-hidden"),e.appendChild(this.sortAnnouncer),this.shadowRoot?this.shadowRoot.insertBefore(e,this.shadowRoot.firstChild):this.insertBefore(e,this.firstChild)}announceSortChange(e,t){this.sortAnnouncer&&(this.sortAnnouncer.textContent="",this.sortAnnouncer.offsetWidth,setTimeout(()=>{if(this.sortAnnouncer){const o=`Table sorted by ${e} in ${t} order`;this.sortAnnouncer.textContent=o}},50))}sortByColumn(e,t){this.activeColumnKey=t;const o=this.columns.find(e=>e.columnKey===t);o&&this.announceSortChange(o.label,this.sortDirection),this.sortRows(this.sortDirection),this.renderTableHead(),this.renderTableRows(),this.$emit("sortChanged",{direction:this.sortDirection,columnKey:t})}createSVGIcon(e){return(new DOMParser).parseFromString(e,"image/svg+xml").documentElement}renderSortableColumn(e,t){if(t.setAttribute("role","columnheader"),t.setAttribute("aria-sort",this.activeColumnKey===e.columnKey?this.sortDirection:"none"),this.sortable){const o=document.createElement("button");if(o.type="button",o.className="table-sort-button",o.textContent=e.label,this.activeColumnKey===e.columnKey){const e="ascending"===this.sortDirection?'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.99792 4.70981L6.35355 7.35418C6.15829 7.54944 5.84171 7.54944 5.64645 7.35418C5.45118 7.15891 5.45118 6.84233 5.64645 6.64707L9.11477 3.17874C9.20649 3.06947 9.3441 3 9.49792 3L9.49959 3C9.57828 2.99998 9.65697 3.01841 9.72861 3.05531C9.77374 3.07847 9.81608 3.10895 9.85387 3.14675L9.86386 3.15701L13.3539 6.64709C13.5492 6.84235 13.5492 7.15893 13.3539 7.3542C13.1587 7.54946 12.8421 7.54946 12.6468 7.3542L9.99792 4.7053V16.5C9.99792 16.7761 9.77407 17 9.49792 17C9.22178 17 8.99792 16.7761 8.99792 16.5V4.70981Z" fill="#242424"/>\n</svg>\n':'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.0025 15.2902L12.6468 12.6458C12.8421 12.4506 13.1587 12.4506 13.3539 12.6458C13.5492 12.8411 13.5492 13.1577 13.3539 13.3529L9.8856 16.8213C9.79388 16.9305 9.65628 17 9.50245 17L9.50079 17C9.4221 17 9.34341 16.9816 9.27177 16.9447C9.22664 16.9215 9.1843 16.891 9.1465 16.8533L9.13652 16.843L5.64645 13.3529C5.45118 13.1577 5.45118 12.8411 5.64645 12.6458C5.84171 12.4505 6.15829 12.4505 6.35355 12.6458L9.00245 15.2947L9.00245 3.5C9.00245 3.22386 9.22631 3 9.50245 3C9.77859 3 10.0025 3.22386 10.0025 3.5L10.0025 15.2902Z" fill="#242424"/>\n</svg>\n',t=this.createSVGIcon(e);o.appendChild(t)}o.addEventListener("click",t=>{this.activeColumnKey!==e.columnKey?this.sortDirection="ascending":this.toggleSortDirection(),this.sortByColumn(t,e.columnKey)}),t.innerHTML="",t.appendChild(o)}else t.textContent=e.label}addHeaderCellEventHandlers(e,t){e.addEventListener("focus",()=>{e.setAttribute("data-table-cell-focus","true")}),e.addEventListener("blur",()=>{e.setAttribute("data-table-cell-focus","false")}),e.addEventListener("click",e=>{this.toggleSortDirection(),this.sortByColumn(e,t.columnKey)}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleSortDirection(),this.sortByColumn(e,t.columnKey))})}renderTableHead(){if(this.tableHeadRef&&this.columns){const e=document.createDocumentFragment();this.columns.forEach(t=>{const o=document.createElement("th");this.renderSortableColumn(t,o),e.appendChild(o)}),this.tableHeadRef.innerHTML="",this.tableHeadRef.appendChild(e)}}async appendContent(e){"string"==typeof e.content?e.dest.innerHTML+=e.content:(e.content instanceof HTMLElement||e.content instanceof SVGElement)&&e.dest.appendChild(e.content)}async renderCustomContent(e){var t,o;if(e.column.render&&e.column.render.length>0)for(const[n,i]of e.column.render.entries()){const r=await i(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[n]);await this.appendContent({content:r,dest:e.cell})}}async renderTextContent(e){const t=document.createElement("span");t.textContent=e.row[e.column.columnKey].label,await this.appendContent({dest:e.cell,content:t})}async renderRow(e){const t=document.createElement("fabric-table-cell");await this.renderCustomContent({column:e.column,cell:t,row:e.row}),await this.renderTextContent({column:e.column,cell:t,row:e.row}),e.dest.appendChild(t)}async renderTableRows(){var e;if(this.tableBodyRef&&this.rows){const t=document.createDocumentFragment();for(const e of this.rows){const o=document.createElement("tr");o.setAttribute("role","row");for(const t of this.columns)await this.renderRow({column:t,row:e,dest:o});t.appendChild(o)}this.tableBodyRef.innerHTML="",null===(e=this.tableBodyRef)||void 0===e||e.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.initializeSortAnnouncer(),mh.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}gh([Oi],fh.prototype,"tableHeadRef",void 0),gh([Oi],fh.prototype,"tableBodyRef",void 0),gh([Oi],fh.prototype,"rows",void 0),gh([Oi],fh.prototype,"columns",void 0),gh([Pi({mode:"boolean"})],fh.prototype,"sortable",void 0),gh([Oi],fh.prototype,"tableRendered",void 0),gh([Pi({attribute:"sort-direction"})],fh.prototype,"sortDirection",void 0),gh([Oi],fh.prototype,"activeColumnKey",void 0);const bh={ascending:"ascending",descending:"descending"},vh=Fi`
|
|
117
|
+
${n("table")}
|
|
122
118
|
|
|
123
|
-
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${l};line-height:${c}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${
|
|
124
|
-
fabric-simple-table{display:block;font-family:${a}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${l};line-height:${c}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${p}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${
|
|
125
|
-
.microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),
|
|
126
|
-
${
|
|
127
|
-
.caption1{${Ge}}.caption2{${Xe}}.body1{${Ue}}:host{height:${ol};width:fit-content;display:inline-flex;align-items:center;background-color:${Ze};color:${Ae};border-radius:${i};border:none}:host([size="extraSmall"]){height:${el}}:host([size="small"]){height:${tl}}:host([shape="circular"]){border-radius:${Le}}:host([appearance="outline"]){border:${O} solid ${z};background-color:unset}:host([appearance="brand"]){background-color:${L};color:${Ye}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Ye}}:host([disabled]){color:${w}}:host([disabled]) ::slotted(*){color:${w}}fluent-button.dismissButton{min-width:unset;padding:${Qe};min-height:unset;margin-inline-start:${Qe};margin-inline-end:${I}}:host([disabled]) fluent-button.dismissButton{color:${w}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${dl}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${Qa}}:host([size="small"]) fluent-button.dismissButton{width:${cl}}:host([size="small"]) fluent-button.dismissButton svg{height:${Ja}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${B};padding-bottom:${n};margin:${n} ${s}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${u}}:host([dismissButton]) .textContent{margin-inline-end:${u}}::slotted([slot="leadingIcon"]){margin-inline-end:${Qe};margin-inline-start:${s};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${I}}::slotted([slot="image"]){margin:${B};margin-inline-end:${Qe};display:flex;align-items:center;height:calc(${Je} + ${et})}:host([size="small"]) ::slotted([slot="image"]){height:${el}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${Ja}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Ye};color:${R}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${w};color:${Q}}`,hh=Fi`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const uh=Fi`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Di("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Di("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Di("textSecondarySlotted")}></slot><slot></slot></div>${qi(e=>e.dismissButton,Fi`<fluent-button class="dismissButton" part="dismissButton" ${Vi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${hh}</slot></fluent-button>`)}</div></div></template>`,ph=dh.compose({name:`${Lr.prefix}-tag`,template:uh,styles:ch,shadowOptions:{mode:Lr.shadowRootMode}}),mh=["start","end"],gh=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+mh[0],t+"-"+mh[1]),[]),bh=Math.min,fh=Math.max,vh=Math.round,wh=Math.floor,yh=e=>({x:e,y:e}),xh={left:"right",right:"left",bottom:"top",top:"bottom"},$h={start:"end",end:"start"};function kh(e,t,o){return fh(e,bh(t,o))}function Ch(e,t){return"function"==typeof e?e(t):e}function Sh(e){return e.split("-")[0]}function Bh(e){return e.split("-")[1]}function Ih(e){return"y"===e?"height":"width"}const Eh=new Set(["top","bottom"]);function Lh(e){return Eh.has(Sh(e))?"y":"x"}function Mh(e){return"x"===Lh(e)?"y":"x"}function Ph(e){return e.replace(/left|right|bottom|top/g,e=>xh[e])}function Rh(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function Oh(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function Ah(e,t,o){let{reference:n,floating:i}=e;const r=Lh(t),s=Mh(t),a=Ih(s),l=Sh(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(Bh(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}function zh(e,t,o){return(e?[...o.filter(t=>Bh(t)===e),...o.filter(t=>Bh(t)!==e)]:o.filter(e=>Sh(e)===e)).filter(o=>!e||(Bh(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>$h[e])}(o)!==o))}const Nh=new Set(["left","top"]);function Th(){return"undefined"!=typeof window}function Dh(e){return Vh(e)?(e.nodeName||"").toLowerCase():"#document"}function Fh(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Hh(e){var t;return null==(t=(Vh(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Vh(e){return!!Th()&&(e instanceof Node||e instanceof Fh(e).Node)}function _h(e){return!!Th()&&(e instanceof Element||e instanceof Fh(e).Element)}function jh(e){return!!Th()&&(e instanceof HTMLElement||e instanceof Fh(e).HTMLElement)}function Wh(e){return!(!Th()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Fh(e).ShadowRoot)}const Kh=new Set(["inline","contents"]);function qh(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=iu(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!Kh.has(i)}const Gh=new Set(["table","td","th"]);function Xh(e){return Gh.has(Dh(e))}const Uh=[":popover-open",":modal"];function Zh(e){return Uh.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Yh=["transform","translate","scale","rotate","perspective"],Qh=["transform","translate","scale","rotate","perspective","filter"],Jh=["paint","layout","strict","content"];function eu(e){const t=tu(),o=_h(e)?iu(e):e;return Yh.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||Qh.some(e=>(o.willChange||"").includes(e))||Jh.some(e=>(o.contain||"").includes(e))}function tu(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const ou=new Set(["html","body","#document"]);function nu(e){return ou.has(Dh(e))}function iu(e){return Fh(e).getComputedStyle(e)}function ru(e){return _h(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function su(e){if("html"===Dh(e))return e;const t=e.assignedSlot||e.parentNode||Wh(e)&&e.host||Hh(e);return Wh(t)?t.host:t}function au(e){const t=su(e);return nu(t)?e.ownerDocument?e.ownerDocument.body:e.body:jh(t)&&qh(t)?t:au(t)}function lu(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=au(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=Fh(i);if(r){const e=du(s);return t.concat(s,s.visualViewport||[],qh(i)?i:[],e&&o?lu(e):[])}return t.concat(i,lu(i,[],o))}function du(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function cu(e){const t=iu(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=jh(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=vh(o)!==r||vh(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function hu(e){return _h(e)?e:e.contextElement}function uu(e){const t=hu(e);if(!jh(t))return yh(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=cu(t);let s=(r?vh(o.width):o.width)/n,a=(r?vh(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const pu=yh(0);function mu(e){const t=Fh(e);return tu()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:pu}function gu(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=hu(e);let s=yh(1);t&&(n?_h(n)&&(s=uu(n)):s=uu(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==Fh(e))&&t}(r,o,n)?mu(r):yh(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=Fh(r),t=n&&_h(n)?Fh(n):n;let o=e,i=du(o);for(;i&&n&&t!==o;){const e=uu(i),t=i.getBoundingClientRect(),n=iu(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=Fh(i),i=du(o)}}return Oh({width:c,height:h,x:l,y:d})}function bu(e,t){const o=ru(e).scrollLeft;return t?t.left+o:gu(Hh(e)).left+o}function fu(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-bu(e,o),y:o.top+t.scrollTop}}const vu=new Set(["absolute","fixed"]);function wu(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=Fh(e),n=Hh(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=tu();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=bu(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=Hh(e),o=ru(e),n=e.ownerDocument.body,i=fh(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=fh(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+bu(e);const a=-o.scrollTop;return"rtl"===iu(n).direction&&(s+=fh(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(Hh(e));else if(_h(t))n=function(e,t){const o=gu(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=jh(e)?uu(e):yh(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=mu(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return Oh(n)}function yu(e,t){const o=su(e);return!(o===t||!_h(o)||nu(o))&&("fixed"===iu(o).position||yu(o,t))}function xu(e,t,o){const n=jh(t),i=Hh(t),r="fixed"===o,s=gu(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=yh(0);function d(){l.x=bu(i)}if(n||!n&&!r)if(("body"!==Dh(t)||qh(i))&&(a=ru(t)),n){const e=gu(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?yh(0):fu(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function $u(e){return"static"===iu(e).position}function ku(e,t){if(!jh(e)||"fixed"===iu(e).position)return null;if(t)return t(e);let o=e.offsetParent;return Hh(e)===o&&(o=o.ownerDocument.body),o}function Cu(e,t){const o=Fh(e);if(Zh(e))return o;if(!jh(e)){let t=su(e);for(;t&&!nu(t);){if(_h(t)&&!$u(t))return t;t=su(t)}return o}let n=ku(e,t);for(;n&&Xh(n)&&$u(n);)n=ku(n,t);return n&&nu(n)&&$u(n)&&!eu(n)?o:n||function(e){let t=su(e);for(;jh(t)&&!nu(t);){if(eu(t))return t;if(Zh(t))return null;t=su(t)}return null}(e)||o}const Su={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=Hh(n),a=!!t&&Zh(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=yh(1);const c=yh(0),h=jh(n);if((h||!h&&!r)&&(("body"!==Dh(n)||qh(s))&&(l=ru(n)),jh(n))){const e=gu(n);d=uu(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?yh(0):fu(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Hh,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?Zh(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=lu(e,[],!1).filter(e=>_h(e)&&"body"!==Dh(e)),i=null;const r="fixed"===iu(e).position;let s=r?su(e):e;for(;_h(s)&&!nu(s);){const t=iu(s),o=eu(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&vu.has(i.position)||qh(s)&&!o&&yu(e,s))?n=n.filter(e=>e!==s):i=t,s=su(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=wu(t,o,i);return e.top=fh(n.top,e.top),e.right=bh(n.right,e.right),e.bottom=bh(n.bottom,e.bottom),e.left=fh(n.left,e.left),e},wu(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Cu,getElementRects:async function(e){const t=this.getOffsetParent||Cu,o=this.getDimensions,n=await o(e.floating);return{reference:xu(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=cu(e);return{width:t,height:o}},getScale:uu,isElement:_h,isRTL:function(e){return"rtl"===iu(e).direction}};function Bu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Iu(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=hu(e),c=i||r?[...d?lu(d):[],...lu(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=Hh(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-wh(h)+"px "+-wh(i.clientWidth-(c+u))+"px "+-wh(i.clientHeight-(h+p))+"px "+-wh(c)+"px",threshold:fh(0,bh(1,l))||1};let g=!0;function b(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Bu(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(b,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(b,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?gu(e):null;return l&&function t(){const n=gu(e);g&&!Bu(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Eu=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=Sh(o),a=Bh(o),l="y"===Lh(o),d=Nh.has(s)?-1:1,c=r&&l?-1:1,h=Ch(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Lu=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=gh,autoAlignment:p=!0,...m}=Ch(e,t),g=void 0!==h||u===gh?zh(h||null,p,u):u,b=await async function(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ch(t,e),m=Rh(p),g=a[u?"floating"===h?"reference":"floating":h],b=Oh(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),f="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=Oh(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:f,offsetParent:v,strategy:l}):f);return{top:(b.top-y.top+m.top)/w.y,bottom:(y.bottom-b.bottom+m.bottom)/w.y,left:(b.left-y.left+m.left)/w.x,right:(y.right-b.right+m.right)/w.x}}(t,m),f=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[f];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=Bh(e),i=Mh(e),r=Ih(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Ph(s)),[s,Ph(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[b[Sh(v)],b[w[0]],b[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[f+1];if($)return{data:{index:f+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=Bh(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,Bh(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:f+1,overflows:x},reset:{placement:C}}:{}}}},Mu=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Ch(e,t)||{};if(null==d)return{};const h=Rh(c),u={x:o,y:n},p=Mh(i),m=Ih(p),g=await s.getDimensions(d),b="y"===p,f=b?"top":"left",v=b?"bottom":"right",w=b?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,B=bh(h[f],S),I=bh(h[v],S),E=B,L=k-g[m]-I,M=k/2-g[m]/2+C,P=kh(E,M,L),R=!l.arrow&&null!=Bh(i)&&M!==P&&r.reference[m]/2-(M<E?B:I)-g[m]/2<0,O=R?M<E?M-E:M-L:0;return{[p]:u[p]+O,data:{[p]:P,centerOffset:M-P-O,...R&&{alignmentOffset:O}},reset:R}}}),Pu=(e,t,o)=>{const n=new Map,i={platform:Su,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=Ah(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){const{name:r,fn:g}=a[o],{x:b,y:f,data:v,reset:w}=await g({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=b?b:c,h=null!=f?f:h,p={...p,[r]:{...p[r],...v}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(u=w.placement),w.rects&&(d=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):w.rects),({x:c,y:h}=Ah(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},Ru={small:"small",medium:"medium",large:"large"},Ou={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},Au={openChange:"open-change",dismiss:"dismiss"};var zu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Nu extends Oi{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Iu(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),Nu.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),Nu.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(Au.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Mu({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Eu(10),...e]}:{middleware:[Lu({autoAlignment:!0}),Eu(10),...e]};this.targetEl&&Pu(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case tr:this.handleTabKeyDown(e);break;case Qi:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===Nu.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Ni.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(Nu.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),Ni.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),Nu.openInstances.delete(this)}openChanged(){this.initializePosition(),Ni.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(Au.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(Fl(o)||Nu.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}Nu.openInstances=new Set,zu([Ai({mode:"fromView"})],Nu.prototype,"target",void 0),zu([Ai({mode:"reflect"})],Nu.prototype,"placement",void 0),zu([Ai({mode:"boolean"})],Nu.prototype,"open",void 0),zu([Ai({mode:"boolean",attribute:"disable-trap-focus"})],Nu.prototype,"disableTrapFocus",void 0),zu([Ai({mode:"reflect"})],Nu.prototype,"size",void 0);const Tu=Hi`
|
|
128
|
-
${
|
|
119
|
+
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${l};line-height:${c}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${rl};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${p};font-weight:${d};text-align:start}tr{display:table-row;box-sizing:border-box;color:${p};border-bottom:${P} solid ${Ae}}tbody tr:hover{color:${ke};background-color:${W}}th{color:${p};text-align:start;font-weight:${d};vertical-align:middle;padding:0px ${s};border-collapse:collapse}th div{outline-style:none;min-height:32px;box-sizing:content-box;display:flex;align-items:center}th[data-table-cell-focus="true"]{outline:-webkit-focus-ring-color auto 1px}:host([sortable]) th:hover{cursor:pointer;background-color:${g}}td,fabric-table-cell{height:44px;padding:0px ${s};vertical-align:middle;color:${p}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}`;const wh=Di`<slot name="start"></slot><table part="table" role="table" aria-label="${e=>e.sortable?"table with sort":"table"}" ?sortable="${e=>e.sortable}"><thead role="rowgroup"><tr ${Hi("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${Hi("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,yh=fh.compose({name:`${Rr.prefix}-table`,template:wh,styles:vh,shadowOptions:{mode:Rr.shadowRootMode}});class xh extends Ai{connectedCallback(){super.connectedCallback(),this.applyTableClass()}applyTableClass(){const e=this.querySelector(":scope > table");e?e.classList.add("microsoft-fabric-ux-fabric-simple-table"):console.warn("fabric-simple-table: No direct child <table> element found. This component requires a <table> as a direct child.")}}const $h=Fi`
|
|
120
|
+
fabric-simple-table{display:block;font-family:${a}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${l};line-height:${c}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${p}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${P} solid ${Ae}}.microsoft-fabric-ux-fabric-simple-table th{color:${p};text-align:start;font-weight:${ye};vertical-align:middle;padding-block:${ie};padding-inline:${s}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ie};padding-inline:${s};vertical-align:middle;color:${p}}`.withBehaviors(ec(Fi`
|
|
121
|
+
.microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),kh=xh.compose({name:`${Rr.prefix}-simple-table`,styles:$h,shadowOptions:null}),Ch={extraSmall:"extraSmall",small:"small",medium:"medium"},Sh={caption1:"caption1",body1:"body1"},Ih={rounded:"rounded",circular:"circular"},Bh={filled:"filled",outline:"outline",brand:"brand"},Eh={dismiss:"dismiss"};var Lh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Mh extends Ai{constructor(){super(...arguments),this.dismissButton=!1,this.disabled=!1,this.size="medium",this.shape="rounded",this.appearance="filled",this.textPrimarySlotted=[],this.textSecondarySlotted=[],this.textSizePrimary="body1",this.leadingIconSlotted=[]}dismissButtonRefChanged(){this.attachEventListeners()}sizeChanged(){this.handleTextSize()}textPrimarySlottedChanged(){var e;this.textPrimarySlotted.length>0&&(this.textPrimaryContent=`Dismiss button for ${(null===(e=this.textPrimarySlotted[0])||void 0===e?void 0:e.textContent)||"untitled"} tag`)}textSecondarySlottedChanged(){this.handleTextSize()}handleTextSize(){var e;switch(this.size){case"extraSmall":case"small":this.textSizePrimary="caption1";break;default:(null===(e=this.textSecondarySlotted)||void 0===e?void 0:e.length)>0?this.textSizePrimary="caption1":this.textSizePrimary="body1"}}compensateSVGSize(){var e;let t,o;"small"===this.size?(t=16,o=16):"extraSmall"===this.size?(t=12,o=12):(t=20,o=20);const n=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==n||n.setAttribute("height",o.toString()),null==n||n.setAttribute("width",t.toString())}leadingIconSlottedChanged(){this.leadingIconSlotted.length>0?(this.classList.add("hasLeadingIcon"),this.compensateSVGSize()):this.classList.remove("hasLeadingIcon")}emitDismissEvent(){this.emitDismiss()}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.dismissButtonRef&&this.dismissButtonRef.addEventListener("click",this.emitDismissEvent.bind(this),{signal:t})}emitDismiss(){this.dispatchEvent(new CustomEvent(Eh.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),customElements.get("fluent-button")||Ke.define(customElements),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}Lh([Oi],Mh.prototype,"dismissButtonRef",void 0),Lh([Pi({mode:"boolean",attribute:"dismiss-button"})],Mh.prototype,"dismissButton",void 0),Lh([Pi({mode:"boolean"})],Mh.prototype,"disabled",void 0),Lh([Pi],Mh.prototype,"size",void 0),Lh([Pi],Mh.prototype,"shape",void 0),Lh([Pi],Mh.prototype,"appearance",void 0),Lh([Oi],Mh.prototype,"textPrimaryContent",void 0),Lh([Oi],Mh.prototype,"textPrimarySlotted",void 0),Lh([Oi],Mh.prototype,"textSecondarySlotted",void 0),Lh([Oi],Mh.prototype,"textSizePrimary",void 0),Lh([Oi],Mh.prototype,"leadingIconSlotted",void 0);const Rh=Fi`
|
|
122
|
+
${n("block")}
|
|
123
|
+
.caption1{${qe}}.caption2{${Ge}}.body1{${Ye}}:host{height:${rl};width:fit-content;display:inline-flex;align-items:center;background-color:${Ue};color:${Oe};border-radius:${i};border:none}:host([size="extraSmall"]){height:${nl}}:host([size="small"]){height:${il}}:host([shape="circular"]){border-radius:${Le}}:host([appearance="outline"]){border:${P} solid ${z};background-color:unset}:host([appearance="brand"]){background-color:${L};color:${Ze}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Ze}}:host([disabled]){color:${w}}:host([disabled]) ::slotted(*){color:${w}}fluent-button.dismissButton{min-width:unset;padding:${Qe};min-height:unset;margin-inline-start:${Qe};margin-inline-end:${B}}:host([disabled]) fluent-button.dismissButton{color:${w}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${ul}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${tl}}:host([size="small"]) fluent-button.dismissButton{width:${pl}}:host([size="small"]) fluent-button.dismissButton svg{height:${ol}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${I};padding-bottom:${o};margin:${o} ${s}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${u}}:host([dismissButton]) .textContent{margin-inline-end:${u}}::slotted([slot="leadingIcon"]){margin-inline-end:${Qe};margin-inline-start:${s};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${B}}::slotted([slot="image"]){margin:${I};margin-inline-end:${Qe};display:flex;align-items:center;height:calc(${Je} + ${et})}:host([size="small"]) ::slotted([slot="image"]){height:${nl}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${ol}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Ze};color:${A}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${w};color:${Q}}`,Ah=Di`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const Ph=Di`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Ti("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Ti("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Ti("textSecondarySlotted")}></slot><slot></slot></div>${Wi(e=>e.dismissButton,Di`<fluent-button class="dismissButton" part="dismissButton" ${Hi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Ah}</slot></fluent-button>`)}</div></div></template>`,Oh=Mh.compose({name:`${Rr.prefix}-tag`,template:Ph,styles:Rh,shadowOptions:{mode:Rr.shadowRootMode}}),zh=["start","end"],Nh=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+zh[0],t+"-"+zh[1]),[]),Th=Math.min,Dh=Math.max,Fh=Math.round,Hh=Math.floor,Vh=e=>({x:e,y:e}),_h={left:"right",right:"left",bottom:"top",top:"bottom"},jh={start:"end",end:"start"};function Xh(e,t,o){return Dh(e,Th(t,o))}function Wh(e,t){return"function"==typeof e?e(t):e}function Kh(e){return e.split("-")[0]}function qh(e){return e.split("-")[1]}function Gh(e){return"y"===e?"height":"width"}const Yh=new Set(["top","bottom"]);function Uh(e){return Yh.has(Kh(e))?"y":"x"}function Zh(e){return"x"===Uh(e)?"y":"x"}function Qh(e){return e.replace(/left|right|bottom|top/g,e=>_h[e])}function Jh(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function eu(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function tu(e,t,o){let{reference:n,floating:i}=e;const r=Uh(t),s=Zh(t),a=Gh(s),l=Kh(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(qh(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}async function ou(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Wh(t,e),m=Jh(p),g=a[u?"floating"===h?"reference":"floating":h],f=eu(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=eu(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:v,strategy:l}):b);return{top:(f.top-y.top+m.top)/w.y,bottom:(y.bottom-f.bottom+m.bottom)/w.y,left:(f.left-y.left+m.left)/w.x,right:(y.right-f.right+m.right)/w.x}}function nu(e,t,o){return(e?[...o.filter(t=>qh(t)===e),...o.filter(t=>qh(t)!==e)]:o.filter(e=>Kh(e)===e)).filter(o=>!e||(qh(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>jh[e])}(o)!==o))}const iu=new Set(["left","top"]);function ru(){return"undefined"!=typeof window}function su(e){return du(e)?(e.nodeName||"").toLowerCase():"#document"}function au(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function lu(e){var t;return null==(t=(du(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function du(e){return!!ru()&&(e instanceof Node||e instanceof au(e).Node)}function cu(e){return!!ru()&&(e instanceof Element||e instanceof au(e).Element)}function hu(e){return!!ru()&&(e instanceof HTMLElement||e instanceof au(e).HTMLElement)}function uu(e){return!(!ru()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof au(e).ShadowRoot)}const pu=new Set(["inline","contents"]);function mu(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=Iu(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!pu.has(i)}const gu=new Set(["table","td","th"]);function fu(e){return gu.has(su(e))}const bu=[":popover-open",":modal"];function vu(e){return bu.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const wu=["transform","translate","scale","rotate","perspective"],yu=["transform","translate","scale","rotate","perspective","filter"],xu=["paint","layout","strict","content"];function $u(e){const t=ku(),o=cu(e)?Iu(e):e;return wu.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||yu.some(e=>(o.willChange||"").includes(e))||xu.some(e=>(o.contain||"").includes(e))}function ku(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const Cu=new Set(["html","body","#document"]);function Su(e){return Cu.has(su(e))}function Iu(e){return au(e).getComputedStyle(e)}function Bu(e){return cu(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Eu(e){if("html"===su(e))return e;const t=e.assignedSlot||e.parentNode||uu(e)&&e.host||lu(e);return uu(t)?t.host:t}function Lu(e){const t=Eu(e);return Su(t)?e.ownerDocument?e.ownerDocument.body:e.body:hu(t)&&mu(t)?t:Lu(t)}function Mu(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=Lu(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=au(i);if(r){const e=Ru(s);return t.concat(s,s.visualViewport||[],mu(i)?i:[],e&&o?Mu(e):[])}return t.concat(i,Mu(i,[],o))}function Ru(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Au(e){const t=Iu(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=hu(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=Fh(o)!==r||Fh(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function Pu(e){return cu(e)?e:e.contextElement}function Ou(e){const t=Pu(e);if(!hu(t))return Vh(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=Au(t);let s=(r?Fh(o.width):o.width)/n,a=(r?Fh(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const zu=Vh(0);function Nu(e){const t=au(e);return ku()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:zu}function Tu(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=Pu(e);let s=Vh(1);t&&(n?cu(n)&&(s=Ou(n)):s=Ou(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==au(e))&&t}(r,o,n)?Nu(r):Vh(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=au(r),t=n&&cu(n)?au(n):n;let o=e,i=Ru(o);for(;i&&n&&t!==o;){const e=Ou(i),t=i.getBoundingClientRect(),n=Iu(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=au(i),i=Ru(o)}}return eu({width:c,height:h,x:l,y:d})}function Du(e,t){const o=Bu(e).scrollLeft;return t?t.left+o:Tu(lu(e)).left+o}function Fu(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-Du(e,o),y:o.top+t.scrollTop}}const Hu=new Set(["absolute","fixed"]);function Vu(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=au(e),n=lu(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=ku();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=Du(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=lu(e),o=Bu(e),n=e.ownerDocument.body,i=Dh(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=Dh(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+Du(e);const a=-o.scrollTop;return"rtl"===Iu(n).direction&&(s+=Dh(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(lu(e));else if(cu(t))n=function(e,t){const o=Tu(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=hu(e)?Ou(e):Vh(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=Nu(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return eu(n)}function _u(e,t){const o=Eu(e);return!(o===t||!cu(o)||Su(o))&&("fixed"===Iu(o).position||_u(o,t))}function ju(e,t,o){const n=hu(t),i=lu(t),r="fixed"===o,s=Tu(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=Vh(0);function d(){l.x=Du(i)}if(n||!n&&!r)if(("body"!==su(t)||mu(i))&&(a=Bu(t)),n){const e=Tu(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?Vh(0):Fu(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function Xu(e){return"static"===Iu(e).position}function Wu(e,t){if(!hu(e)||"fixed"===Iu(e).position)return null;if(t)return t(e);let o=e.offsetParent;return lu(e)===o&&(o=o.ownerDocument.body),o}function Ku(e,t){const o=au(e);if(vu(e))return o;if(!hu(e)){let t=Eu(e);for(;t&&!Su(t);){if(cu(t)&&!Xu(t))return t;t=Eu(t)}return o}let n=Wu(e,t);for(;n&&fu(n)&&Xu(n);)n=Wu(n,t);return n&&Su(n)&&Xu(n)&&!$u(n)?o:n||function(e){let t=Eu(e);for(;hu(t)&&!Su(t);){if($u(t))return t;if(vu(t))return null;t=Eu(t)}return null}(e)||o}const qu={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=lu(n),a=!!t&&vu(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=Vh(1);const c=Vh(0),h=hu(n);if((h||!h&&!r)&&(("body"!==su(n)||mu(s))&&(l=Bu(n)),hu(n))){const e=Tu(n);d=Ou(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?Vh(0):Fu(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:lu,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?vu(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=Mu(e,[],!1).filter(e=>cu(e)&&"body"!==su(e)),i=null;const r="fixed"===Iu(e).position;let s=r?Eu(e):e;for(;cu(s)&&!Su(s);){const t=Iu(s),o=$u(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&Hu.has(i.position)||mu(s)&&!o&&_u(e,s))?n=n.filter(e=>e!==s):i=t,s=Eu(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=Vu(t,o,i);return e.top=Dh(n.top,e.top),e.right=Th(n.right,e.right),e.bottom=Th(n.bottom,e.bottom),e.left=Dh(n.left,e.left),e},Vu(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Ku,getElementRects:async function(e){const t=this.getOffsetParent||Ku,o=this.getDimensions,n=await o(e.floating);return{reference:ju(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=Au(e);return{width:t,height:o}},getScale:Ou,isElement:cu,isRTL:function(e){return"rtl"===Iu(e).direction}};function Gu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Yu(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=Pu(e),c=i||r?[...d?Mu(d):[],...Mu(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=lu(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-Hh(h)+"px "+-Hh(i.clientWidth-(c+u))+"px "+-Hh(i.clientHeight-(h+p))+"px "+-Hh(c)+"px",threshold:Dh(0,Th(1,l))||1};let g=!0;function f(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Gu(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(f,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(f,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?Tu(e):null;return l&&function t(){const n=Tu(e);g&&!Gu(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Uu=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=Kh(o),a=qh(o),l="y"===Uh(o),d=iu.has(s)?-1:1,c=r&&l?-1:1,h=Wh(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Zu=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=Nh,autoAlignment:p=!0,...m}=Wh(e,t),g=void 0!==h||u===Nh?nu(h||null,p,u):u,f=await l.detectOverflow(t,m),b=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[b];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=qh(e),i=Zh(e),r=Gh(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Qh(s)),[s,Qh(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[f[Kh(v)],f[w[0]],f[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[b+1];if($)return{data:{index:b+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=qh(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,qh(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:b+1,overflows:x},reset:{placement:C}}:{}}}},Qu=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Wh(e,t)||{};if(null==d)return{};const h=Jh(c),u={x:o,y:n},p=Zh(i),m=Gh(p),g=await s.getDimensions(d),f="y"===p,b=f?"top":"left",v=f?"bottom":"right",w=f?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,I=Th(h[b],S),B=Th(h[v],S),E=I,L=k-g[m]-B,M=k/2-g[m]/2+C,R=Xh(E,M,L),A=!l.arrow&&null!=qh(i)&&M!==R&&r.reference[m]/2-(M<E?I:B)-g[m]/2<0,P=A?M<E?M-E:M-L:0;return{[p]:u[p]+P,data:{[p]:R,centerOffset:M-R-P,...A&&{alignmentOffset:P}},reset:A}}}),Ju=(e,t,o)=>{const n=new Map,i={platform:qu,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=tu(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){var g;const{name:r,fn:f}=a[o],{x:b,y:v,data:w,reset:y}=await f({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:{...s,detectOverflow:null!=(g=s.detectOverflow)?g:ou},elements:{reference:e,floating:t}});c=null!=b?b:c,h=null!=v?v:h,p={...p,[r]:{...p[r],...w}},y&&m<=50&&(m++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(d=!0===y.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):y.rects),({x:c,y:h}=tu(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},ep={small:"small",medium:"medium",large:"large"},tp={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},op={openChange:"open-change",dismiss:"dismiss"};var np=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class ip extends Ai{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Yu(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),ip.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),ip.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(op.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Qu({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Uu(10),...e]}:{middleware:[Zu({autoAlignment:!0}),Uu(10),...e]};this.targetEl&&Ju(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case or:this.handleTabKeyDown(e);break;case Ji:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===ip.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),zi.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(ip.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),zi.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),ip.openInstances.delete(this)}openChanged(){this.initializePosition(),zi.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(op.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(Vl(o)||ip.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}ip.openInstances=new Set,np([Pi({mode:"fromView"})],ip.prototype,"target",void 0),np([Pi({mode:"reflect"})],ip.prototype,"placement",void 0),np([Pi({mode:"boolean"})],ip.prototype,"open",void 0),np([Pi({mode:"boolean",attribute:"disable-trap-focus"})],ip.prototype,"disableTrapFocus",void 0),np([Pi({mode:"reflect"})],ip.prototype,"size",void 0);const rp=Fi`
|
|
124
|
+
${n("block")}
|
|
129
125
|
|
|
130
|
-
:host{position:absolute;border:1px solid ${ue};border-radius:${i};background-color:${ue};color:${R};padding:${o};box-shadow:${tt};max-width:calc(${we} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${a};font-size:unset;font-weight:${d};line-height:${c};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${y}}:host([size="medium"]) ::slotted(*){font-size:${l}}:host([size="large"]) ::slotted(*){font-size:${$}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${s}}.arrow{position:absolute;background:${ue};width:${cl};height:${Ja};transform:rotate(45deg);border-radius:${Be};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${te}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ye};line-height:${k}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${l}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${$}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${C}}slot[name="footer"]::slotted(*){line-height:${x};margin-top:${te};padding-top:${te}}`;const Du=Fi`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${Vi("arrowEl")}></div></template>`,Fu=Nu.compose({name:`${Lr.prefix}-teaching-bubble`,template:Du,styles:Tu,shadowOptions:{mode:Lr.shadowRootMode}}),Hu={incomplete:"incomplete",complete:"complete",error:"error"},Vu={stepChange:"step-change",stepSelect:"step-select"},_u={panelChange:"panel-change"},ju={...Hu};var Wu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ku extends Oi{constructor(){super(...arguments),this.hidden=!0,this.state=ju.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(_u.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}Wu([zi],Ku.prototype,"index",void 0),Wu([Ai({mode:"boolean"})],Ku.prototype,"hidden",void 0),Wu([Ai],Ku.prototype,"state",void 0),Wu([Ai({mode:"boolean"})],Ku.prototype,"active",void 0);var qu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Gu extends Oi{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=Hu.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=Hu.complete}setIncomplete(){this.state=Hu.incomplete}setError(){this.state=Hu.error}emitChange(){this.$emit(Vu.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(Vu.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===Yi)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}qu([Ai({mode:"boolean"})],Gu.prototype,"numbered",void 0),qu([Ai({mode:"boolean",attribute:"hide-connector"})],Gu.prototype,"hideConnector",void 0),qu([Ai({mode:"boolean"})],Gu.prototype,"active",void 0),qu([Ai({mode:"boolean"})],Gu.prototype,"disabled",void 0),qu([Ai({attribute:"aria-describedby"})],Gu.prototype,"ariaDescribedby",void 0),qu([Ai({attribute:"aria-labelledby"})],Gu.prototype,"ariaLabelledby",void 0),qu([Ai],Gu.prototype,"state",void 0),qu([zi],Gu.prototype,"button",void 0),qu([Ai({converter:Ki})],Gu.prototype,"index",void 0),qu([zi],Gu.prototype,"details",void 0),qu([zi],Gu.prototype,"title",void 0);const Xu={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Uu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Zu extends Oi{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&Ni.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=Hu.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Yi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case Qi:e.preventDefault(),this.stepcontainer.focus();break;case Yi:e.preventDefault(),this.handleStepSelect(e);break;case Ui:e.preventDefault(),this.focusPreviousStep();break;case Xi:e.preventDefault(),this.focusNextStep();break;case Ji:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Zi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===Hu.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==Hu.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Ni.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(nr())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(nr())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(Xu.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}Uu([Ai({mode:"boolean"})],Zu.prototype,"numbered",void 0),Uu([Ai({mode:"boolean"})],Zu.prototype,"linear",void 0),Uu([Ai({mode:"boolean",attribute:"disable-on-complete"})],Zu.prototype,"disableOnComplete",void 0),Uu([Ai({attribute:"current-index",converter:Ki})],Zu.prototype,"currentIndex",void 0),Uu([zi],Zu.prototype,"stepcontainer",void 0),Uu([zi],Zu.prototype,"panelcontainer",void 0),Uu([zi],Zu.prototype,"slottedsteps",void 0),Uu([zi],Zu.prototype,"slottedactions",void 0),Uu([zi],Zu.prototype,"slottedpanels",void 0),Uu([zi],Zu.prototype,"activeid",void 0);const Yu=Hi`
|
|
131
|
-
${
|
|
126
|
+
:host{position:absolute;border:1px solid ${ue};border-radius:${i};background-color:${ue};color:${A};padding:${t};box-shadow:${tt};max-width:calc(${we} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${a};font-size:unset;font-weight:${d};line-height:${c};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${y}}:host([size="medium"]) ::slotted(*){font-size:${l}}:host([size="large"]) ::slotted(*){font-size:${$}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${s}}.arrow{position:absolute;background:${ue};width:${pl};height:${ol};transform:rotate(45deg);border-radius:${Ie};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${te}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ye};line-height:${k}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${l}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${$}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${C}}slot[name="footer"]::slotted(*){line-height:${x};margin-top:${te};padding-top:${te}}`;const sp=Di`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${Hi("arrowEl")}></div></template>`,ap=ip.compose({name:`${Rr.prefix}-teaching-bubble`,template:sp,styles:rp,shadowOptions:{mode:Rr.shadowRootMode}}),lp={incomplete:"incomplete",complete:"complete",error:"error"},dp={stepChange:"step-change",stepSelect:"step-select"},cp={panelChange:"panel-change"},hp={...lp};var up=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class pp extends Ai{constructor(){super(...arguments),this.hidden=!0,this.state=hp.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(cp.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}up([Oi],pp.prototype,"index",void 0),up([Pi({mode:"boolean"})],pp.prototype,"hidden",void 0),up([Pi],pp.prototype,"state",void 0),up([Pi({mode:"boolean"})],pp.prototype,"active",void 0);var mp=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class gp extends Ai{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=lp.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=lp.complete}setIncomplete(){this.state=lp.incomplete}setError(){this.state=lp.error}emitChange(){this.$emit(dp.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(dp.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===Qi)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}mp([Pi({mode:"boolean"})],gp.prototype,"numbered",void 0),mp([Pi({mode:"boolean",attribute:"hide-connector"})],gp.prototype,"hideConnector",void 0),mp([Pi({mode:"boolean"})],gp.prototype,"active",void 0),mp([Pi({mode:"boolean"})],gp.prototype,"disabled",void 0),mp([Pi({attribute:"aria-describedby"})],gp.prototype,"ariaDescribedby",void 0),mp([Pi({attribute:"aria-labelledby"})],gp.prototype,"ariaLabelledby",void 0),mp([Pi],gp.prototype,"state",void 0),mp([Oi],gp.prototype,"button",void 0),mp([Pi({converter:Xi})],gp.prototype,"index",void 0),mp([Oi],gp.prototype,"details",void 0),mp([Oi],gp.prototype,"title",void 0);const fp={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var bp=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class vp extends Ai{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&zi.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=lp.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=lp.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Qi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case Ji:e.preventDefault(),this.stepcontainer.focus();break;case Qi:e.preventDefault(),this.handleStepSelect(e);break;case Ui:e.preventDefault(),this.focusPreviousStep();break;case qi:e.preventDefault(),this.focusNextStep();break;case er:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Zi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===lp.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==lp.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&zi.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(rr())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(rr())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(fp.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}bp([Pi({mode:"boolean"})],vp.prototype,"numbered",void 0),bp([Pi({mode:"boolean"})],vp.prototype,"linear",void 0),bp([Pi({mode:"boolean",attribute:"disable-on-complete"})],vp.prototype,"disableOnComplete",void 0),bp([Pi({attribute:"current-index",converter:Xi})],vp.prototype,"currentIndex",void 0),bp([Oi],vp.prototype,"stepcontainer",void 0),bp([Oi],vp.prototype,"panelcontainer",void 0),bp([Oi],vp.prototype,"slottedsteps",void 0),bp([Oi],vp.prototype,"slottedactions",void 0),bp([Oi],vp.prototype,"slottedpanels",void 0),bp([Oi],vp.prototype,"activeid",void 0);const wp=Fi`
|
|
127
|
+
${n("block")}
|
|
132
128
|
|
|
133
129
|
:host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
|
|
134
130
|
${we} + ${we} +
|
|
135
131
|
${we}
|
|
136
132
|
);--wizard-overflow-step-width:calc(
|
|
137
133
|
${ot} + ${u}
|
|
138
|
-
);--wizard-scrollbar-radius:${u};--wizard-scrollbar-spacing:${u};--wizard-scrollbar-thumb-color:${nt};--wizard-scrollbar-track-color:${
|
|
134
|
+
);--wizard-scrollbar-radius:${u};--wizard-scrollbar-spacing:${u};--wizard-scrollbar-thumb-color:${nt};--wizard-scrollbar-track-color:${Ue}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${Je} ${ot}}.steps{background-color:${Ue};box-sizing:border-box;padding:${Je} ${ot};position:sticky;top:0;inset-inline:0;width:100%;z-index:9;display:flex;flex-direction:row}.wizard{display:flex;flex-direction:column;height:100%}.title{color:${nt}}.panels-container{background:${O}}.button-container{gap:${te};order:1;display:flex;width:100%;justify-self:flex-end;justify-self:self-end;justify-content:flex-end}.toolbar{display:var(--wizard-toolbar-display,flex);gap:${et};flex-direction:column;justify-content:space-between;padding-block-start:${ie};padding-inline:${ot};padding-block-end:0;margin-bottom:${oe}}.title{order:2}.steps::-webkit-scrollbar-track{background-color:var(--wizard-scrollbar-track-color);border-radius:var(--wizard-scrollbar-radius)}.steps::-webkit-scrollbar-thumb{background-color:var(--wizard-scrollbar-thumb-color);border-radius:var(--wizard-scrollbar-radius);margin-inline-end:var(--wizard-scrollbar-spacing)}.steps::-webkit-scrollbar-button{display:none;}@media (min-width:32.5rem){:host{padding-top:0}.toolbar{flex-direction:row;margin-bottom:0;gap:0}.panels-container{width:100%}.wizard{flex-direction:row}.title{order:1;flex-shrink:0}.buttons-container{order:2;width:fit-content}.steps{padding:${Je} ${ot};position:relative;max-width:var(--wizard-overflow-tablist-width)}.steps{flex-direction:column}:host(.overflow) .steps{width:fit-content;justify-content:flex-start;align-items:center;overflow-x:unset;overflow-y:unset;width:var(--wizard-overflow-step-width)}}@media (min-width:63.9375rem){.steps{max-width:var(
|
|
139
135
|
--wizard-tablist-width,var(--wizard-overflow-tablist-width)
|
|
140
136
|
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${Je} ${we}
|
|
141
|
-
${Je} ${ot}}:host(.overflow) .steps{width:fit-content}}`;const
|
|
142
|
-
${
|
|
143
|
-
:host{height:100%;background:${
|
|
144
|
-
${
|
|
145
|
-
|
|
146
|
-
.step{unset:all;background:transparent;color:${p};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${a};position:relative;align-items:flex-start;column-gap:${te};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${w}}:host([disabled]) .step-connector{background:${Te}}:host([disabled]) .icon{background:${ve};border-color:${Te}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${ot}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${ot}}.state-indicator{width:${
|
|
147
|
-
${
|
|
148
|
-
dialog{max-width:var(--dialog-max-width,600px)}}`,
|
|
137
|
+
${Je} ${ot}}:host(.overflow) .steps{width:fit-content}}`;const yp=Di`<template ?hidden="${e=>e.hidden}" ?numbered="${e=>e.numbered}" ?linear="${e=>e.linear}" ?disable-on-complete="${e=>e.disableOnComplete}" current-index="${e=>e.currentIndex}" aria-hidden="${e=>e.hidden?"true":"false"}"><div class="wizard" part="wizard"><slot name="start"></slot><nav role="tablist" class="steps" part="steps" tabindex="0" @keydown="${(e,t)=>e.handleStepContainerKeydown(t.event)}" ${Hi("stepcontainer")}><slot name="step" ${Ti("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${Hi("panelcontainer")}><div class="toolbar" part="toolbar"><div class="title" part="title"><slot name="title"></slot></div><div class="button-container" part="button-container"><slot name="actions" ${Ti("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Ti("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,xp=vp.compose({name:`${Rr.prefix}-wizard`,template:yp,styles:wp,shadowOptions:{mode:Rr.shadowRootMode}}),$p=Fi`
|
|
138
|
+
${n("block")}
|
|
139
|
+
:host{height:100%;background:${O}}:host([active]){display:block}.content{padding-block-start:${Je};padding-inline:${ot};padding-block-end:0}.title{padding-block-start:0;padding-inline:${ot};padding-block-end:${et};color:${p}}.footer{padding-block:${We};padding-inline:${ot};border-top:1px solid ${z}}`;const kp=Di`<template aria-hidden="${e=>e.hidden}" state="${e=>e.state}" ?active="${e=>e.active}" ?hidden="${e=>e.hidden}" slot="panel"><div class="panel" part="panel"><slot name="start"></slot><div class="title" part="title"><slot name="title"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div><slot name="end"></slot></div></template>`,Cp=pp.compose({name:`${Rr.prefix}-wizard-panel`,template:kp,styles:$p,shadowOptions:{mode:Rr.shadowRootMode}}),Sp=Fi`
|
|
140
|
+
${n("block")}
|
|
141
|
+
|
|
142
|
+
.step{unset:all;background:transparent;color:${p};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${a};position:relative;align-items:flex-start;column-gap:${te};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${w}}:host([disabled]) .step-connector{background:${Te}}:host([disabled]) .icon{background:${ve};border-color:${Te}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${ot}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${ot}}.state-indicator{width:${gl};height:${il};display:flex;justify-content:center;align-items:center;padding:${o};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${ml};height:${nl};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${M} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${ie};inset-inline-start:${s};height:${M};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${d};font-size:${l};line-height:${c}}.details{font-weight:${d};font-size:${y};line-height:${x}}.icon svg{color:${pe};fill:${pe};width:${ul};height:${tl};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${ye}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${it};border-color:${it};color:${pe}}:host([state="complete"]) .icon svg{margin-top:${o}}:host([state="error"]) .icon{background:${rt};border-color:${rt}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${We} 0;column-gap:${te};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${M};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${ot} * 43 - ${s} - ${P})){:host .step,:host(.first) .step{flex-direction:row}.step-connector{inset-inline-start:11px;}:host([aria-current="step"]) .details,.title{display:block}.order{display:none}.summary{display:flex;flex-direction:column;width:fit-content;gap:${o}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,Ip=Di`<svg fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.86 3.66a.5.5 0 0 1-.02.7l-7.93 7.48a.6.6 0 0 1-.84-.02L2.4 9.1a.5.5 0 0 1 .72-.7l2.4 2.44 7.65-7.2a.5.5 0 0 1 .7.02Z" fill="currentColor"></path></svg>`,Bp=Di`<svg fill="currentColor" aria-hidden="true" width="12" height="12" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="m2.4 2.55.07-.08a.75.75 0 0 1 .98-.07l.08.07L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z" fill="currentColor"></path></svg>`;const Ep=Di`<button ?hide-connector="${e=>e.hideConnector}" ?active="${e=>e.active}" ?disabled="${e=>e.disabled}" ?numbered="${e=>e.numbered}" slot="step" class="step" part="step" role="tab" aria-label="${e=>e.ariaLabel}" aria-current="${e=>e.active?"step":null}" @click="${(e,t)=>e.clickHandler(t.event)}"><slot name="start"></slot><div class="state-indicator" part="state-indicator"><div class="icon" part="icon">${e=>"incomplete"===e.state?Di`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?Di`<slot name="complete">${Ip}</slot>`:""} ${e=>"error"===e.state?Di`<slot name="error">${Bp}</slot>`:""}</div></div><div class="summary" part="summary"><div class="title" part="title"><slot name="title">${e=>e.title}</slot></div><div class="details" part="details"><slot name="details"></slot></div></div><div part="step-connector" class="step-connector"></div><slot name="end"></slot></button>`,Lp=gp.compose({name:`${Rr.prefix}-wizard-step`,template:Ep,styles:Sp,shadowOptions:{mode:Rr.shadowRootMode}});class Mp extends st{}const Rp={...lt},Ap={...at},Pp=Mp.compose({name:`${Rr.prefix}-accordion-item`,template:ct,styles:dt,shadowOptions:{mode:Rr.shadowRootMode}});class Op extends ht{}const zp=Op.compose({name:`${Rr.prefix}-accordion`,template:pt,styles:ut,shadowOptions:{mode:Rr.shadowRootMode}}),Np={...mt};class Tp extends gt{}const Dp={...bt},Fp={...vt},Hp={...ft},Vp=Tp.compose({name:`${Rr.prefix}-link`,template:yt,styles:wt,shadowOptions:{mode:Rr.shadowRootMode}});class _p extends xt{}const jp={...$t},Xp={...kt},Wp={...Ct},Kp={...St},qp={...It},Gp={...Bt},Yp=_p.compose({name:`${Rr.prefix}-avatar`,template:Lt,styles:Et,shadowOptions:{mode:Rr.shadowRootMode}});class Up extends Mt{}const Zp={...Rt},Qp={...At},Jp={...Pt},em={...Ot},tm=Up.compose({name:`${Rr.prefix}-badge`,template:Nt,styles:zt,shadowOptions:{mode:Rr.shadowRootMode}});class om extends Tt{}const nm={...Dt},im={...Ft},rm=om.compose({name:`${Rr.prefix}-checkbox`,template:Vt,styles:Ht,shadowOptions:{mode:Rr.shadowRootMode}});class sm extends _t{}const am={...jt},lm={...Xt},dm={...Wt},cm={...Kt},hm=sm.compose({name:`${Rr.prefix}-counter-badge`,template:Gt,styles:qt,shadowOptions:{mode:Rr.shadowRootMode}});class um extends Yt{}const pm=Fi`
|
|
143
|
+
${Ut}
|
|
144
|
+
dialog{max-width:var(--dialog-max-width,600px)}}`,mm=um.compose({name:`${Rr.prefix}-dialog`,template:Zt,styles:pm,shadowOptions:{mode:Rr.shadowRootMode}}),gm={modal:"modal",nonModal:"non-modal",alert:"alert"};class fm extends Qt{}const bm=fm.compose({name:`${Rr.prefix}-dialog-body`,template:eo,styles:Jt,shadowOptions:{mode:Rr.shadowRootMode}});class vm extends to{}const wm={...oo},ym={...no},xm={...io},$m={...ro},km=Fi`
|
|
149
145
|
${so}
|
|
150
|
-
:host([orientation='vertical']){min-height:unset}`,
|
|
146
|
+
:host([orientation='vertical']){min-height:unset}`,Cm=ao,Sm=vm.compose({name:`${Rr.prefix}-divider`,template:ao,styles:km,shadowOptions:{mode:Rr.shadowRootMode}});class Im extends lo{}const Bm={...co},Em={...ho},Lm={...uo},Mm=Im.compose({name:`${Rr.prefix}-drawer`,template:mo,styles:po,shadowOptions:{mode:Rr.shadowRootMode}});class Rm extends go{}const Am=Rm.compose({name:`${Rr.prefix}-drawer-body`,template:bo,styles:fo,shadowOptions:{mode:Rr.shadowRootMode}});class Pm extends vo{}const Om={...wo},zm={...yo},Nm={...xo},Tm=Fi`
|
|
151
147
|
${$o}
|
|
152
|
-
::slotted([popover]){position:fixed}`,
|
|
153
|
-
${
|
|
154
|
-
`,
|
|
155
|
-
${
|
|
148
|
+
::slotted([popover]){position:fixed}`,Dm=Pm.compose({name:`${Rr.prefix}-dropdown`,template:ko,styles:Tm,shadowOptions:{delegatesFocus:!0}});class Fm extends Co{}const Hm=Fm.compose({name:`${Rr.prefix}-option`,template:Io,styles:So,shadowOptions:{delegatesFocus:!0}});function Vm(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function _m(e){return Vm(e)?e.options:Bo(e)?[e]:[]}class jm extends Eo{isOptionInDisabledGroup(e){return Vm(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!Bo(t)||!this.isOptionInDisabledGroup(t))||super.clickHandler(e)}selectOption(e){const t=this.enabledOptions[null!=e?e:this.selectedIndex];t&&this.isOptionInDisabledGroup(t)||super.selectOption(e)}slotchangeHandler(e){const t=e.target;!function(e,t){const o=50,n=":not(:defined)",i=e.querySelectorAll(n);if(0===i.length)return void t();const r=new Set;for(const e of i)r.add(e.localName);const s=Promise.all([...r].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};s.then(l),o>0&&setTimeout(l,o)}(this,()=>{zi.enqueue(()=>{const e=t.assignedElements(),o=[];for(const t of e)if(Vm(t)){const e=t;o.push(...e.options)}else Bo(t)&&o.push(t);this.options=o})})}optionsChanged(e,t){var o;null===(o=super.optionsChanged)||void 0===o||o.call(this,e,t),t&&this.applyGroupScopedAria(t)}setOptionGroups(e,t){for(const o of e){const e=o.parentElement,n=Vm(e)?e:null;t.has(n)||t.set(n,[]),t.get(n).push(o)}}applyGroupScopedAria(e){const t=new Map;this.setOptionGroups(e,t);for(const[e,o]of t){const t=o.length;o.forEach((o,n)=>{o.elementInternals.ariaPosInSet=`${n+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&Vm(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",dr(this.elementInternals,"multiple",t),zi.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const Xm=jm.compose({name:`${Rr.prefix}-listbox`,template:Mo,styles:Lo,shadowOptions:{delegatesFocus:!0}});class Wm extends Ro{setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||rr("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const n=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||n,t.push(e.id),e instanceof HTMLLabelElement&&(e.htmlFor=e.htmlFor||this.input.id)}}),t.length&&this.input.setAttribute("aria-labelledby",t.join(" "))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),t&&this.input&&this.setLabelPropertiesExtended()}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const Km=Fi`
|
|
149
|
+
${Ao}
|
|
150
|
+
`,qm={above:"above",after:"after",before:"before"},Gm=qm,Ym=qm,Um={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"},Zm={structural:void 0},Qm=Wm.compose({name:`${Rr.prefix}-field`,template:Po,styles:Km,shadowOptions:{mode:Rr.shadowRootMode}});class Jm extends Oo{}const eg={...zo},tg={...No},og=Jm.compose({name:`${Rr.prefix}-image`,template:Do,styles:To,shadowOptions:{mode:Rr.shadowRootMode}});class ng extends Fo{}const ig=ng.compose({name:`${Rr.prefix}-label`,template:Vo,styles:Ho,shadowOptions:{mode:Rr.shadowRootMode}}),rg={..._o},sg={...jo};class ag extends Xo{}const lg={...Wo},dg={...Ko},cg={...qo},hg=ag.compose({name:`${Rr.prefix}-anchor-button`,template:Yo,styles:Go,shadowOptions:{mode:Rr.shadowRootMode}});class ug extends Uo{}const pg=ug.compose({name:`${Rr.prefix}-message-bar`,template:Qo,styles:Zo,shadowOptions:{mode:Rr.shadowRootMode}});class mg extends Jo{}const gg=se,fg=le,bg=de,vg=mg.compose({name:`${Rr.prefix}-menu-button`,template:tn,styles:en,shadowOptions:{mode:Rr.shadowRootMode}}),wg=Fi`
|
|
151
|
+
${n("grid")}
|
|
156
152
|
|
|
157
|
-
:host{--indent:0;align-items:center;background:${
|
|
158
|
-
${a};grid-gap:${u};grid-template-columns:${
|
|
159
|
-
${a};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${
|
|
160
|
-
:host(${
|
|
161
|
-
${
|
|
153
|
+
:host{--indent:0;align-items:center;background:${A};border-radius:${i};color:${Oe};contain:layout;cursor:pointer;flex-shrink:0;font:${d} ${l} / ${c}
|
|
154
|
+
${a};grid-gap:${u};grid-template-columns:${e} ${e} auto ${e};height:${rl};overflow:visible;padding:0 ${h}}:host(:hover){background:${g};color:${f}}:host(:active){background-color:${q};color:${v}}:host(:active) ::slotted([slot="start"]){color:${on}}:host(${Vr}){background-color:${Q};color:${w}}:host(${Vr}) ::slotted([slot="start"]),:host(${Vr}) ::slotted([slot="end"]){color:${w}}:host(:focus-visible){border-radius:${i};outline:${M} solid ${r}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${I}}:host(:not(${Fr})) .indicator,:host(:not(${Fr})) ::slotted([slot="indicator"]),:host(:not(${Qr})) .submenu-glyph,:host(:not(${Qr})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${nt};font:${d} ${y} / ${x}
|
|
155
|
+
${a};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${e} ${e} auto auto}:host(${Qr}){grid-template-columns:${e} auto auto ${e}}:host([data-indent="2"]${Qr}){grid-template-columns:${e} ${e} auto auto ${e}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${ml}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(Xe(Fi`
|
|
156
|
+
:host(${Vr}),:host(${Vr}) ::slotted([slot="start"]),:host(${Vr}) ::slotted([slot="end"]){color:GrayText}`)),yg=Di.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),xg=Di.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');const $g=Di`<template><slot name="indicator">${yg}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${xg}</slot><slot name="submenu" ${Ti({property:"slottedSubmenu"})}></slot></template>`,kg=yr.compose({name:`${Rr.prefix}-menu-item`,template:$g,styles:wg,shadowOptions:{mode:Rr.shadowRootMode}});kg.define(Rr.registry);const Cg=Fi`
|
|
157
|
+
${n("flex")}
|
|
162
158
|
|
|
163
|
-
:host{flex-direction:column;height:fit-content;min-width:calc(${we} * 5);width:auto;background-color:${R};border:1px solid ${P};border-radius:${i};box-shadow:${tt};padding:${u};row-gap:${B}}`;const ng=Fi`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Di("items")}></slot></template>`,ig=xr.compose({name:`${Lr.prefix}-menu-list`,template:ng,styles:og,shadowOptions:{mode:Lr.shadowRootMode}}),rg={above:"above",below:"below"},sg={auto:Nd,none:Dd};class ag{set position(e){this._position=e}get position(){return this._position}set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}constructor(e){var t,o;this.rootMargin=15,this.minMenuHeight=100,this._position=rg.below,this._repositionMode=sg.auto,this.getBoundaryBounds=()=>Fd(this.overflowBoundaryReference),this.checkPosition=e=>{var t,o,n;const i=null===(t=this.menuReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=Hd(r,this.getBoundaryBounds(),this.rootMargin);return null!==(n={[rg.above]:i.height<t.above,[rg.below]:i.height<t.below}[e])&&void 0!==n&&n}return!1},this.oppositePosition=e=>{switch(e){case zd.top:return rg.below;case zd.bottom:return rg.above;default:return this._position}},this.getOpenPositionsFromEdge=e=>{if(e){const t=this.oppositePosition(e);if(this.checkPosition(t))return[t]}return[this._position]},this.getOpenPositions=()=>{const e=[];for(const t in rg){const o=rg[t];this.checkPosition(o)&&e.push(o)}return e},this.findOpenPositionsFromCollision=e=>{const t=Vd(e);return this.getOpenPositionsFromEdge(t)},this.getMenuAvailableSpace=e=>{var t;const o=null===(t=this.anchorReference)||void 0===t?void 0:t.getBoundingClientRect();if(!o)return 0;const n=this.getBoundaryBounds(),i=Hd(o,n,this.rootMargin);switch(e){case rg.above:return i.above;case rg.below:return i.below;default:return n.bottom-n.top-this.rootMargin}},this.calculateConstrainedHeight=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{needsConstraint:!1,maxHeight:null};const o=this._position,n=this.getMenuAvailableSpace(o);if(t.height<=n)return{needsConstraint:!1,maxHeight:null};const i=o===rg.below?rg.above:rg.below,r=this.getMenuAvailableSpace(i);if(r>n&&t.height<=r)return{needsConstraint:!1,maxHeight:null};const s=Math.max(n,r);return s>=this.minMenuHeight?{needsConstraint:!0,maxHeight:s}:{needsConstraint:!1,maxHeight:null}},this.checkOverflowWithBoundary=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const o=this.getBoundaryBounds(),{hasOverflow:n,collisionEdge:i}=function(e,t){const o=e.bottom>t.bottom,n=e.top<t.top,i=e.left<t.left,r=e.right>t.right;if(!(o||n||i||r))return{hasOverflow:!1,collisionEdge:void 0};let s;return o?s=zd.bottom:n?s=zd.top:i?s=zd.left:r&&(s=zd.right),{hasOverflow:!0,collisionEdge:s}}(t,o);if(!n)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const r=this.oppositePosition(i);return{hasOverflow:!0,collisionEdge:i,suggestedPosition:this.checkPosition(r)?r:void 0}},this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null,this._repositionMode=null!==(o=e.repositionMode)&&void 0!==o?o:sg.auto}}var lg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class dg extends Oi{constructor(){super(...arguments),this.openPositions=[],this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=rg.below,this.repositionMode=sg.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.createOverflowHandler=()=>{if(!this.overflowBoundary){const e={root:document};this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)}},this.checkOverflowWithBoundary=()=>{if(!this.positioning||!this._menuList||!this.overflowBoundary)return;const{hasOverflow:e,suggestedPosition:t}=this.positioning.checkOverflowWithBoundary();e?(t&&(this.openPositions=[t],this.repositionMenu(this.openPositions)),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalMenuPosition||this.menuPosition||rg.below),e.forEach(e=>{e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),this.openPositions.length>0&&this.repositionMenu(this.openPositions),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())})},this.repositionMenu=e=>{this.menuPosition=e[0],this.positioning&&(this.positioning.position=this.menuPosition)},this.updateMenuPosition=()=>{this._open&&this.observeMenuOverflow()},this.handleWindowChanges=xc(()=>{this.updateMenuPosition()},50),this.toggleMenu=()=>{var e;this.setComponent(),null===(e=this._menuList)||void 0===e||e.togglePopover(!this._open),this._open?this.focusMenuList():this.focusTrigger()},this.closeMenu=()=>{var e;this._open&&(null===(e=this._menuList)||void 0===e||e.togglePopover(!1)),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=e=>{var t;this._open||null===(t=this._menuList)||void 0===t||t.togglePopover(!0),e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=e=>{var t;if("newState"in e){const o="open"===e.newState;null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${o}`),this._open=o,o?(this.originalMenuPosition||(this.originalMenuPosition=this.menuPosition),this.addRepositioningHandlers(),this.createPositioningManager(),this.observeMenuOverflow(),this.focusMenuList()):this.removeRepositioningListeners()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case er:case Yi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}applyHeightConstraint(){if(!this.positioning||!this._menuList)return;const{needsConstraint:e,maxHeight:t}=this.positioning.calculateConstrainedHeight();e&&null!==t?(this.style.setProperty("--menu-max-height",`${t}px`),this._menuList.style.overflow="auto"):this.clearHeightConstraint()}clearHeightConstraint(){this.style.removeProperty("--menu-max-height"),this._menuList&&(this._menuList.style.overflow="")}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in rg){const t=rg[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalMenuPosition&&(this.menuPosition=this.originalMenuPosition))}}observeMenuOverflow(){var e,t;this.overflowBoundary?requestAnimationFrame(()=>{this.checkOverflowWithBoundary()}):(null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this._menuList&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this._menuList)))}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==sg.none&&(this.createOverflowHandler(),this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==sg.none&&(this.positioning=new ag({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary,repositionMode:this.repositionMode}))}removeRepositioningListeners(){var e;this._menuList&&(this.removeWindowEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this._menuList),this.clearHeightConstraint())}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setComponent(),this.setMenuPosition()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}setMenuPosition(){this.$fastController.isConnected&&this.style.setProperty("--menu-position-area",this.menuPosition===rg.above?"block-start span-inline-end":"block-end span-inline-end")}focusMenuList(){Ni.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Ni.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}menuPositionChanged(){this.setMenuPosition()}repositionModeChanged(e,t){this.positioning&&(this.positioning.repositionMode=t)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.addEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu),this.openOnHover?null===(n=this._trigger)||void 0===n||n.addEventListener("mouseover",this.openMenu):this.openOnContext?(null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.removeEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)),this.openOnContext?(null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){var t;if(e.defaultPrevented)return;if(e.key!==Qi)return!0;e.preventDefault(),this._open&&(null===(t=this._menuList)||void 0===t||t.togglePopover(!1),this.focusTrigger())}}lg([Ai({attribute:"open-on-hover",mode:"boolean"})],dg.prototype,"openOnHover",void 0),lg([Ai({attribute:"open-on-context",mode:"boolean"})],dg.prototype,"openOnContext",void 0),lg([Ai({attribute:"close-on-scroll",mode:"boolean"})],dg.prototype,"closeOnScroll",void 0),lg([Ai({attribute:"persist-on-item-click",mode:"boolean"})],dg.prototype,"persistOnItemClick",void 0),lg([Ai({mode:"boolean"})],dg.prototype,"split",void 0),lg([Ai({attribute:"menu-position"})],dg.prototype,"menuPosition",void 0),lg([Ai({attribute:"reposition-mode"})],dg.prototype,"repositionMode",void 0),lg([zi],dg.prototype,"overflowBoundary",void 0),lg([zi],dg.prototype,"slottedMenuList",void 0),lg([zi],dg.prototype,"slottedTriggers",void 0);const cg=Hi`
|
|
164
|
-
${
|
|
159
|
+
:host{flex-direction:column;height:fit-content;min-width:calc(${we} * 5);width:auto;background-color:${A};border:1px solid ${R};border-radius:${i};box-shadow:${tt};padding:${u};row-gap:${I}}`;const Sg=Di`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Ti("items")}></slot></template>`,Ig=kr.compose({name:`${Rr.prefix}-menu-list`,template:Sg,styles:Cg,shadowOptions:{mode:Rr.shadowRootMode}}),Bg={above:"above",below:"below"},Eg={auto:Nc,none:Dc};function Lg(e){return e===Bg.above?{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"}:{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}class Mg{set position(e){this._position=e}get position(){return this._position}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Bg.below,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position,t=Object.values(Bg);return[Lg(e),...t.filter(t=>t!==e).map(e=>Lg(e))]}createPositionStrategy(){var e;if(!this.menuReference||!this.anchorReference)return null;const t=null!==(e=this.menuReference.parentElement)&&void 0!==e?e:null;return new Hc({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:t,resize:!0})}reposition(){if(this.positionStrategy=null,this.positionStrategy=this.createPositionStrategy(),!this.positionStrategy)return null;const e=this.positionStrategy.reposition();if(!e)return null;const t=e.positionResult.position,o="top"===t.originY&&"bottom"===t.overlayY;return this._position=o?Bg.above:Bg.below,e}}var Rg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ag extends Ai{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Bg.below,this.repositionMode=Eg.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.openMenuInternal=e=>{this._open||(this.repositionMode==Eg.auto&&(this.addRepositioningHandlers(),this.createPositioningManager(),this.scheduleReposition()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{this._open&&(this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu))},this.repositionMenu=()=>{var e;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Bg.below,this.positioning.reposition())},this.handleWindowChanges=Nd(()=>{this._open&&this.scheduleReposition()},50),this.toggleMenu=()=>{this.setComponent(),this._open?(this.closeMenuInternal(),this.focusTrigger()):this.openMenuInternal()},this.closeMenu=()=>{this.closeMenuInternal()},this.openMenu=e=>{this.openMenuInternal(e)},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case tr:case Qi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{this._open&&(e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu())}}menuPositionChanged(){var e;this.positioning&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Bg.below),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList&&this._menuList.classList.toggle("menu-open",e)}scheduleReposition(){zi.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==Eg.none&&(this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==Eg.none&&(this.positioning=null,this.positioning=new Mg({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners()}connectedCallback(){super.connectedCallback(),zi.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("data-menu-list",""),this.addListeners())}focusMenuList(){zi.enqueue(()=>{this._menuList.focus()})}focusTrigger(){zi.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){t===Eg.none?this.positioning=null:!this.positioning&&this._open&&this.createPositioningManager(),this._open&&this.scheduleReposition()}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open&&this.repositionMode!==Eg.none?(t&&t.addEventListener("scroll",this.handleWindowChanges),null===(o=this.positioning)||void 0===o||o.setOverflowBoundaryReference(null!=t?t:null),this.scheduleReposition()):this.positioning&&this.positioning.setOverflowBoundaryReference(null!=t?t:null)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i;null===(e=this._trigger)||void 0===e||e.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.addEventListener("change",this.closeMenu),this.openOnHover?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):this.openOnContext?null===(n=this._trigger)||void 0===n||n.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i;null===(e=this._trigger)||void 0===e||e.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(t=this._menuList)||void 0===t||t.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(o=this._trigger)||void 0===o||o.removeEventListener("mouseover",this.openMenu)),this.openOnContext?null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==Ji)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}Rg([Pi({attribute:"open-on-hover",mode:"boolean"})],Ag.prototype,"openOnHover",void 0),Rg([Pi({attribute:"open-on-context",mode:"boolean"})],Ag.prototype,"openOnContext",void 0),Rg([Pi({attribute:"close-on-scroll",mode:"boolean"})],Ag.prototype,"closeOnScroll",void 0),Rg([Pi({attribute:"persist-on-item-click",mode:"boolean"})],Ag.prototype,"persistOnItemClick",void 0),Rg([Pi({mode:"boolean"})],Ag.prototype,"split",void 0),Rg([Pi({attribute:"menu-position"})],Ag.prototype,"menuPosition",void 0),Rg([Pi({attribute:"reposition-mode"})],Ag.prototype,"repositionMode",void 0),Rg([Oi],Ag.prototype,"overflowBoundary",void 0),Rg([Oi],Ag.prototype,"slottedMenuList",void 0),Rg([Oi],Ag.prototype,"slottedTriggers",void 0);const Pg=Fi`
|
|
160
|
+
${n("inline-block")}
|
|
165
161
|
|
|
166
|
-
::slotted([
|
|
167
|
-
${De}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const
|
|
168
|
-
:host{display:block;font-family:${a}}:host([hidden]){display:none}.label{color:${nt};font-size:${y};font-weight:${ye};line-height:${x};padding-block:${et};padding-inline:${te};user-select:none;cursor:default}:host([disabled]) .label{color:${w}}:host([disabled]) ::slotted(*){color:${w};background-color:${
|
|
169
|
-
${
|
|
162
|
+
:host{position:relative}::slotted([data-menu-list]){margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:1}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${P} solid ${z};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${P} solid
|
|
163
|
+
${De}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const Og=Di`<template ?open-on-hover="${e=>e.openOnHover}" ?open-on-context="${e=>e.openOnContext}" ?close-on-scroll="${e=>e.closeOnScroll}" ?persist-on-item-click="${e=>e.persistOnItemClick}" ?split="${e=>e.split}" menu-position="${e=>e.menuPosition}" @keydown="${(e,t)=>e.menuKeydownHandler(t.event)}"><slot name="primary-action"></slot><slot name="trigger" ${Ti({property:"slottedTriggers",filter:Vi()})}></slot><slot ${Ti({property:"slottedMenuList",filter:Vi()})}></slot></template>`,zg=Ag.compose({name:`${Rr.prefix}-menu`,template:Og,styles:Pg,shadowOptions:{mode:Rr.shadowRootMode}});var Ng=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Tg extends Ai{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>Bo(e))}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?"true":"false"}connectedCallback(){super.connectedCallback(),this.elementInternals.role="group"}labelChanged(e,t){this.elementInternals.ariaLabel=null!=t?t:null}}Ng([Pi],Tg.prototype,"label",void 0),Ng([Pi({mode:"boolean"})],Tg.prototype,"disabled",void 0),Ng([Oi],Tg.prototype,"slottedOptions",void 0);const Dg=Fi`
|
|
164
|
+
:host{display:block;font-family:${a}}:host([hidden]){display:none}.label{color:${nt};font-size:${y};font-weight:${ye};line-height:${x};padding-block:${et};padding-inline:${te};user-select:none;cursor:default}:host([disabled]) .label{color:${w}}:host([disabled]) ::slotted(*){color:${w};background-color:${A};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${oe}}`;const Fg=Di`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Ti("slottedOptions")}></slot></div></template>`,Hg=Tg.compose({name:`${Rr.prefix}-option-group`,template:Fg,styles:Dg,shadowOptions:{mode:Rr.shadowRootMode}});class Vg extends nn{}const _g=Vg.compose({name:`${Rr.prefix}-progress-bar`,template:sn,styles:rn,shadowOptions:{mode:Rr.shadowRootMode}}),jg={...an},Xg={...ln},Wg={...dn};class Kg extends cn{}const qg={...hn},Gg=Kg.compose({name:`${Rr.prefix}-radio-group`,template:pn,styles:un,shadowOptions:{mode:Rr.shadowRootMode}});class Yg extends mn{}const Ug=Yg.compose({name:`${Rr.prefix}-radio`,template:fn,styles:gn,shadowOptions:{mode:Rr.shadowRootMode}});class Zg extends bn{}const Qg=Zg.compose({name:`${Rr.prefix}-rating-display`,template:wn,styles:vn,shadowOptions:{mode:Rr.shadowRootMode}}),Jg={...yn},ef={...xn},tf={small:"small",medium:"medium",large:"large"},of={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},nf={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},rf=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var sf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class af extends Ai{constructor(){super(...arguments),this.type=nf.text,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}currentValueChanged(e,t){this.value=t}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&(this.controlLabel.hidden=!(null==t?void 0:t.length))}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(e,t){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!t}`)}controlChanged(e,t){this.setValidity()}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return Ni.track(this,"value"),this.currentValue}set value(e){this.currentValue=e,this.$fastController.isConnected&&(this.control.value=null!=e?e:"",this.setFormValue(e),this.setValidity(),Ni.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(e){return"insertLineBreak"===e.inputType&&this.implicitSubmit(),!0}changeHandler(e){return this.setValidity(),this.$emit("change",e,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.click()),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(1===this.elementInternals.form.elements.length)return void this.elementInternals.form.requestSubmit();const e=Array.from(this.elementInternals.form.elements),t=e.find(e=>"submit"===e.getAttribute("type"));if(t)return void t.click();e.filter(e=>{var t;return rf.includes(null!==(t=e.getAttribute("type"))&&void 0!==t?t:"")}).length>1||this.elementInternals.form.requestSubmit()}inputHandler(e){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(e){return"Enter"===e.key&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(e){this.elementInternals.setValidity({customError:!0},e),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(e,t){this.elementInternals.setFormValue(e,null!=e?e:t)}setValidity(e,t,o){if(this.$fastController.isConnected&&this.control){if(this.disabled)return void this.elementInternals.setValidity({});this.elementInternals.setValidity(null!=e?e:this.control.validity,null!=t?t:this.validationMessage,null!=o?o:this.control)}}}af.formAssociated=!0,sf([Pi],af.prototype,"autocomplete",void 0),sf([Pi({mode:"boolean"})],af.prototype,"autofocus",void 0),sf([Pi({attribute:"current-value"})],af.prototype,"currentValue",void 0),sf([Oi],af.prototype,"defaultSlottedNodes",void 0),sf([Pi],af.prototype,"dirname",void 0),sf([Pi({mode:"boolean"})],af.prototype,"disabled",void 0),sf([Pi({attribute:"form"})],af.prototype,"formAttribute",void 0),sf([Pi({attribute:"value",mode:"fromView"})],af.prototype,"initialValue",void 0),sf([Pi],af.prototype,"list",void 0),sf([Pi({converter:Xi})],af.prototype,"maxlength",void 0),sf([Pi({converter:Xi})],af.prototype,"minlength",void 0),sf([Pi({mode:"boolean"})],af.prototype,"multiple",void 0),sf([Pi],af.prototype,"name",void 0),sf([Pi],af.prototype,"pattern",void 0),sf([Pi],af.prototype,"placeholder",void 0),sf([Pi({attribute:"readonly",mode:"boolean"})],af.prototype,"readOnly",void 0),sf([Pi({mode:"boolean"})],af.prototype,"required",void 0),sf([Pi({converter:Xi})],af.prototype,"size",void 0),sf([Pi({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],af.prototype,"spellcheck",void 0),sf([Pi],af.prototype,"type",void 0),sf([Oi],af.prototype,"control",void 0),sf([Oi],af.prototype,"controlLabel",void 0);var lf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class df extends af{}lf([Pi],df.prototype,"appearance",void 0),lf([Pi({attribute:"control-size"})],df.prototype,"controlSize",void 0),Od(df,$n);const cf={...tf},hf={...of},uf={...nf},pf=[...rf],mf={search:"search"};var gf=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class ff extends df{constructor(){super(...arguments),this.type=uf.text,this.clearButton=void 0}focus(){this.control.focus()}blur(){this.control.blur()}showClearButton(){this.clearButton&&(this.clearButton.style.display="inline-flex",this.clearButton.setAttribute("aria-hidden","false"))}hideClearButton(){this.clearButton&&(this.clearButton.style.display="none",this.clearButton.setAttribute("aria-hidden","true"))}currentValueChanged(e,t){this.value=t,this.clearButton&&this.value.length>0?this.showClearButton():this.hideClearButton()}clear(){this.value="",this.control.focus()}handleSubmit(){this.emitSearch()}emitSearch(){this.dispatchEvent(new CustomEvent(mf.search,{bubbles:!0,composed:!0,detail:{query:this.value}}))}handleKeydown(e){"Enter"===e.key&&this.currentValue&&this.handleSubmit()}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown),Sd.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}gf([Oi],ff.prototype,"clearButton",void 0);const bf=Fi`
|
|
165
|
+
${n("block")}
|
|
170
166
|
|
|
171
|
-
:host{font-family:${a};font-size:${l};font-weight:${d};line-height:${c};max-width:400px;}.label{display:flex;color:${p};padding-bottom:${et};flex-shrink:0;padding-inline-end:${u}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${
|
|
172
|
-
${
|
|
167
|
+
:host{font-family:${a};font-size:${l};font-weight:${d};line-height:${c};max-width:400px;}.label{display:flex;color:${p};padding-bottom:${et};flex-shrink:0;padding-inline-end:${u}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${A};border:${P} solid ${z};border-bottom-color:${kn};border-radius:${i};box-sizing:border-box;height:${rl};display:inline-flex;flex-direction:row;gap:${I};padding:0 ${h};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${Cn}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${i});border-radius:0 0 ${i} ${i};border-bottom:2px solid ${Sn};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${In};transition-delay:${Bn}}.control{width:100%;height:100%;box-sizing:border-box;color:${p};border-radius:${i};background:${m};font-family:${a};font-weight:${d};font-size:${l};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${En}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${nt};font-size:${C}}:host ::slotted([slot="start"]){padding-inline-end:${I}}:host ::slotted([slot="end"]){padding-inline-start:${I};gap:${u}}:host(:hover) .root{border-color:${_};border-bottom-color:${Ln}}:host(:active) .root{border-color:${X}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Mn};transition-delay:${Rn}}:host(:focus-within:active) .root:after{border-bottom-color:${An}}:host([appearance="outline"]:focus-within) .root{border:${P} solid ${z}}:host(:focus-within) .control{color:${p}}:host([disabled]) .root{background:${m};border:${P} solid ${Te}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${w}}::selection{color:${De};background-color:${Pe}}:host([control-size="small"]) .control{font-size:${y};font-weight:${d};line-height:${x}}:host([control-size="small"]) .root{height:${il};gap:${I};padding:0 ${B}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${$}}:host([control-size="large"]) .control{font-size:${$};font-weight:${d};line-height:${k}}:host([control-size="large"]) .root{height:40px;gap:${s};padding:0 ${te}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${Se}}:host([appearance="underline"]) .root{background:${m};border:0;border-radius:0;border-bottom:${P} solid ${kn}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ln}}:host([appearance="underline"]:active) .root{border-bottom-color:${Pn}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Pn}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Te}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${P} solid ${R}}:host([appearance="filled-lighter"]) .root{background:${A}}:host([appearance="filled-darker"]) .root{background:${Ue}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${T}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${T};background:${Ue}}`,vf=Fi`
|
|
168
|
+
${bf}
|
|
173
169
|
|
|
174
|
-
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${nt}}fabric-button.clear-button{min-width:${hl};min-height:${hl};margin-inline-end:${u};padding:0px 2px;display:none}`,Ug=Fi`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,Zg=Fi`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const Yg=Fi`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${Vi("controlLabel")}><slot ${Di({property:"defaultSlottedNodes",filter:Ad})}></slot></label><span class="root"><span class="search-icon">${Ug}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Vi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Vi("clearButton")} @click="${e=>e.clear()}">${Zg}</fabric-button><slot name="end"></slot></span></template>`,Qg=qg.compose({name:`${Lr.prefix}-search-box`,template:Yg,styles:Xg,shadowOptions:{mode:Lr.shadowRootMode}});class Jg extends An{}const eb={...zn},tb={...Nn},ob={...Tn},nb={change:"change"},ib=Jg.compose({name:`${Lr.prefix}-slider`,template:Fn,styles:Dn,shadowOptions:{mode:Lr.shadowRootMode}});class rb extends Hn{}const sb={...Vn},ab={..._n},lb=rb.compose({name:`${Lr.prefix}-spinner`,template:Wn,styles:jn,shadowOptions:{mode:Lr.shadowRootMode}});class db extends Kn{}const cb=db.compose({name:`${Lr.prefix}-switch`,template:Gn,styles:qn,shadowOptions:{mode:Lr.shadowRootMode}});class hb extends Xn{}const ub=hb.compose({name:`${Lr.prefix}-tab`,template:Zn,styles:Un,shadowOptions:{mode:Lr.shadowRootMode}}),pb={...Yn},mb={...Qn},gb={...Jn},bb={activeIndexChange:"active-index-change",change:"change"};class fb extends ei{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(bb.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const vb=fb.compose({name:`${Lr.prefix}-tablist`,template:oi,styles:ti,shadowOptions:{mode:Lr.shadowRootMode}});class wb extends ni{}const yb=wb.compose({name:`${Lr.prefix}-textarea`,template:ri,styles:ii,shadowOptions:{mode:Lr.shadowRootMode}}),xb={...si},$b={...li},kb={...di},Cb={...ci},Sb=[...ai];const Bb=Fi`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${Vi("controlLabel")}><slot ${Di({property:"defaultSlottedNodes",filter:Ad})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Vi("control")} /><slot name="end"></slot></div></template>`,Ib=Fg.compose({name:`${Lr.prefix}-text-input`,template:Bb,styles:Gg,shadowOptions:{mode:Lr.shadowRootMode}});class Eb extends hi{}const Lb=Eb.compose({name:`${Lr.prefix}-text`,template:pi,styles:ui,shadowOptions:{mode:Lr.shadowRootMode}}),Mb={...mi},Pb={...gi},Rb={...bi},Ob={...fi};class Ab extends vi{}const zb=Ab.compose({name:`${Lr.prefix}-tree`,template:yi,styles:wi,shadowOptions:{mode:Lr.shadowRootMode}});class Nb extends xi{}const Tb=Nb.compose({name:`${Lr.prefix}-tree-item`,template:ki,styles:$i,shadowOptions:{mode:Lr.shadowRootMode}});class Db extends Ci{}const Fb={...Si},Hb={...Bi},Vb={...Ii},_b={...se},jb={...ae},Wb=Db.compose({name:`${Lr.prefix}-toggle-button`,template:Ei,styles:Xo,shadowOptions:{mode:Lr.shadowRootMode}});class Kb extends Li{get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}showTooltip(e){var t;clearTimeout(this.hideTimer),this.hideTimer=void 0,clearTimeout(this.showTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Kb.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover()},o)}hideTooltip(e){var t;clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Kb.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.setAttribute("aria-hidden","true"),this.hidePopover())},o)}}Kb.DEFAULT_DELAY=250;const qb=Kb.compose({name:`${Lr.prefix}-tooltip`,template:Pi,styles:Mi,shadowOptions:{mode:Lr.shadowRootMode}}),Gb={...Ri};export{up as Accordion,pp as AccordionDefinition,mp as AccordionExpandModes,lp as AccordionItem,hp as AccordionItemDefinition,cp as AccordionItemMarkerPositions,dp as AccordionItemSizes,Br as AccordionMenu,Mr as AccordionMenuDefinition,Cr as AccordionMenuExpandModes,kr as AccordionMenuPanel,$l as AccordionMenuPanelDefinition,Rr as AccordionMenuPanelMarkerPositions,Pr as AccordionMenuPanelSizes,xl as AccordionMenuPanelStyles,zr as AccordionMenuPanelTemplate,Er as AccordionMenuStyles,Ir as AccordionMenuTemplate,Fm as AnchorButton,Hm as AnchorButtonAppearances,jm as AnchorButtonDefinition,Vm as AnchorButtonShapes,_m as AnchorButtonSizes,vp as AnchorTargets,yp as Avatar,xp as AvatarActives,$p as AvatarAppearances,kp as AvatarColors,Ip as AvatarDefinition,Cp as AvatarNamedColors,Sp as AvatarShapes,Bp as AvatarSizes,Ep as Badge,Lp as BadgeAppearances,Mp as BadgeColors,Op as BadgeDefinition,Pp as BadgeShapes,Rp as BadgeSizes,pd as Button,md as ButtonAppearances,yd as ButtonDefinition,fd as ButtonFormTargets,gd as ButtonShapes,bd as ButtonSizes,wd as ButtonStyles,vd as ButtonTypes,Vl as Card,kl as CardAppearances,Wl as CardDefinition,Il as CardEventNames,Sl as CardFocusModes,Kl as CardFooter,Xl as CardFooterDefinition,Ul as CardHeader,Ql as CardHeaderDefinition,Cl as CardOrientations,Jl as CardPreview,od as CardPreviewDefinition,_l as CardStyles,jl as CardTemplate,ld as Carousel,hd as CarouselDefinition,dd as CarouselStyles,cd as CarouselTemplate,Ap as Checkbox,Tp as CheckboxDefinition,zp as CheckboxShapes,Np as CheckboxSizes,zd as CollisionEdges,Yd as CompoundButton,Kd as CompoundButtonAppearances,Jd as CompoundButtonDefinition,Xd as CompoundButtonFormTargets,qd as CompoundButtonShapes,Gd as CompoundButtonSizes,Ud as CompoundButtonTypes,Dp as CounterBadge,Fp as CounterBadgeAppearances,Hp as CounterBadgeColors,jp as CounterBadgeDefinition,Vp as CounterBadgeShapes,_p as CounterBadgeSizes,Wp as Dialog,Xp as DialogBody,Up as DialogBodyDefinition,qp as DialogDefinition,Kp as DialogStyles,Gp as DialogTypes,Zp as Divider,Yp as DividerAlignContents,Qp as DividerAppearances,nm as DividerDefinition,Jp as DividerOrientations,em as DividerRoles,tm as DividerStyles,om as DividerTemplate,im as Drawer,dm as DrawerBody,cm as DrawerBodyDefinition,lm as DrawerDefinition,rm as DrawerPositions,sm as DrawerSizes,am as DrawerTypes,hm as Dropdown,um as DropdownAppearances,bm as DropdownDefinition,fm as DropdownOption,vm as DropdownOptionDefinition,pm as DropdownSizes,mm as DropdownTypes,Lr as FabricDesignSystem,km as Field,Mm as FieldDefinition,Im as FieldLabelPosition,Bm as FieldLabelPositions,Cm as FieldStyles,Ed as FilterPill,kd as FilterPillAppearances,Wd as FilterPillDefinition,Bd as FilterPillEventNames,$d as FilterPillFormTargets,Cd as FilterPillShapes,Sd as FilterPillSizes,xd as FilterPillTypes,Pm as Image,Am as ImageDefinition,Rm as ImageFits,Om as ImageShapes,zg as ImplicitSubmissionBlockingTypes,zm as Label,Nm as LabelDefinition,Sm as LabelPositions,Tm as LabelSizes,Dm as LabelWeights,gp as Link,bp as LinkAppearances,wp as LinkDefinition,fp as LinkTargets,xm as Listbox,$m as ListboxDefinition,tc as LoadingButton,ic as LoadingButtonDefinition,dg as Menu,qm as MenuButton,Gm as MenuButtonAppearances,Zm as MenuButtonDefinition,Xm as MenuButtonShapes,Um as MenuButtonSizes,ug as MenuDefinition,hr as MenuGroupRoles,vr as MenuItem,tg as MenuItemDefinition,dr as MenuItemRoles,Ym as MenuItemStyles,eg as MenuItemTemplate,xr as MenuList,ig as MenuListDefinition,og as MenuListStyles,ng as MenuListTemplate,rg as MenuPositions,sg as MenuRepositionModes,cg as MenuStyles,hg as MenuTemplate,Wm as MessageBar,Km as MessageBarDefinition,ac as MultiView,hc as MultiViewController,mc as MultiViewControllerDefinition,cc as MultiViewDefinition,rc as MultiViewEventNames,bc as MultiViewGroup,wc as MultiViewGroupDefinition,yc as MultiViewGroupPositions,mg as OptionGroup,fg as OptionGroupDefinition,Lc as Popover,Rc as PopoverDefinition,Bc as PopoverEventNames,Cc as PopoverPositions,Sc as PopoverRepositionModes,Mc as PopoverStyles,Pc as PopoverTemplate,kc as PositioningShorthand,vg as ProgressBar,wg as ProgressBarDefinition,yg as ProgressBarShapes,xg as ProgressBarThicknesses,$g as ProgressBarValidationStates,Bg as Radio,Ig as RadioDefinition,kg as RadioGroup,Sg as RadioGroupDefinition,Cg as RadioGroupOrientations,Eg as RatingDisplay,Mg as RatingDisplayColors,Lg as RatingDisplayDefinition,Pg as RatingDisplaySizes,qg as SearchBox,Vg as SearchBoxAppearances,Hg as SearchBoxControlSizes,Qg as SearchBoxDefinition,Wg as SearchBoxEventNames,jg as SearchBoxImplicitSubmissionBlockingTypes,_g as SearchBoxTypes,eh as SimpleTable,oh as SimpleTableDefinition,Jg as Slider,ib as SliderDefinition,nb as SliderEventNames,eb as SliderModes,tb as SliderOrientations,ob as SliderSizes,Lm as SlottableInputs,Zc as SortDirections,rb as Spinner,sb as SpinnerAppearances,lb as SpinnerDefinition,ab as SpinnerSizes,Fc as SvgIcon,_c as SvgIconDefinition,db as Switch,cb as SwitchDefinition,hb as Tab,ub as TabDefinition,Uc as Table,jc as TableCell,Gc as TableCellDefinition,Wc as TableCellSizes,Kc as TableCellStyles,qc as TableCellTemplate,Jc as TableDefinition,Yc as TableStyles,Qc as TableTemplate,fb as Tablist,pb as TablistAppearances,vb as TablistDefinition,bb as TablistEventNames,mb as TablistOrientations,gb as TablistSizes,dh as Tag,sh as TagAppearances,ph as TagDefinition,ah as TagEventNames,rh as TagShapes,nh as TagSizes,ih as TagTextSizes,Nu as TeachingBubble,Fu as TeachingBubbleDefinition,Au as TeachingBubbleEventNames,Ou as TeachingBubblePlacements,Ru as TeachingBubbleSizes,Eb as Text,Mb as TextAligns,wb as TextArea,xb as TextAreaAppearances,Sb as TextAreaAppearancesForDisplayShadows,$b as TextAreaAutocompletes,yb as TextAreaDefinition,kb as TextAreaResizes,Cb as TextAreaSizes,Lb as TextDefinition,Pb as TextFonts,Fg as TextInput,Og as TextInputAppearances,Rg as TextInputControlSizes,Ib as TextInputDefinition,Gg as TextInputStyles,Bb as TextInputTemplate,Ag as TextInputTypes,Rb as TextSizes,Ob as TextWeights,Db as ToggleButton,Fb as ToggleButtonAppearances,Wb as ToggleButtonDefinition,jb as ToggleButtonFormTargets,Hb as ToggleButtonShapes,Vb as ToggleButtonSizes,_b as ToggleButtonTypes,Kb as Tooltip,qb as TooltipDefinition,Gb as TooltipPositioningOptions,Ab as Tree,zb as TreeDefinition,Nb as TreeItem,Tb as TreeItemDefinition,Em as ValidationFlags,Zu as Wizard,Ju as WizardDefinition,Xu as WizardEvents,Ku as WizardPanel,op as WizardPanelDefinition,_u as WizardPanelEventNames,ju as WizardPanelStates,Gu as WizardStep,ap as WizardStepDefinition,Vu as WizardStepEvents,Hu as WizardStepStates,Od as applyMixins,Fr as disabledState,Hr as expandedState,wl as fabricDarkTheme,vl as fabricLightTheme,ym as getOptionsFromElement,wm as isOptionGroup,gg as optionGroupStyles,bg as optionGroupTemplate,ur as roleForMenuGroup,cr as roleForMenuItem,yl as setTheme,cl as sizeHorizontalL,dl as sizeHorizontalM,ll as sizeHorizontalMNudge,nl as sizeHorizontalNone,al as sizeHorizontalS,sl as sizeHorizontalSNudge,hl as sizeHorizontalXL,rl as sizeHorizontalXS,ul as sizeHorizontalXXL,il as sizeHorizontalXXS,pl as sizeHorizontalXXXL,Ja as sizeVerticalL,Qa as sizeVerticalM,Ya as sizeVerticalMNudge,qa as sizeVerticalNone,Za as sizeVerticalS,Ua as sizeVerticalSNudge,el as sizeVerticalXL,Xa as sizeVerticalXS,tl as sizeVerticalXXL,Ga as sizeVerticalXXS,ol as sizeVerticalXXXL,Ld as staticallyCompose,ar as toggleState,ja as webDarkTheme,Va as webLightTheme,Ad as whitespaceFilter};
|
|
170
|
+
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${nt}}fabric-button.clear-button{min-width:${ml};min-height:${ml};margin-inline-end:${u};padding:0px 2px;display:none}`,wf=Di`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,yf=Di`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const xf=Di`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${Hi("controlLabel")}><slot ${Ti({property:"defaultSlottedNodes",filter:oc})}></slot></label><span class="root"><span class="search-icon">${wf}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Hi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Hi("clearButton")} @click="${e=>e.clear()}">${yf}</fabric-button><slot name="end"></slot></span></template>`,$f=ff.compose({name:`${Rr.prefix}-search-box`,template:xf,styles:vf,shadowOptions:{mode:Rr.shadowRootMode}});class kf extends On{}const Cf={...zn},Sf={...Nn},If={...Tn},Bf={change:"change"},Ef=kf.compose({name:`${Rr.prefix}-slider`,template:Fn,styles:Dn,shadowOptions:{mode:Rr.shadowRootMode}});class Lf extends Hn{}const Mf={...Vn},Rf={..._n},Af=Lf.compose({name:`${Rr.prefix}-spinner`,template:Xn,styles:jn,shadowOptions:{mode:Rr.shadowRootMode}});class Pf extends Wn{}const Of=Pf.compose({name:`${Rr.prefix}-switch`,template:qn,styles:Kn,shadowOptions:{mode:Rr.shadowRootMode}});class zf extends Gn{}const Nf=zf.compose({name:`${Rr.prefix}-tab`,template:Un,styles:Yn,shadowOptions:{mode:Rr.shadowRootMode}}),Tf={...Zn},Df={...Qn},Ff={...Jn},Hf={activeIndexChange:"active-index-change",change:"change"};class Vf extends ei{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Hf.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const _f=Vf.compose({name:`${Rr.prefix}-tablist`,template:oi,styles:ti,shadowOptions:{mode:Rr.shadowRootMode}});class jf extends ni{}const Xf=jf.compose({name:`${Rr.prefix}-textarea`,template:ri,styles:ii,shadowOptions:{mode:Rr.shadowRootMode}}),Wf={...si},Kf={...li},qf={...di},Gf={...ci},Yf=[...ai];const Uf=Di`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${Hi("controlLabel")}><slot ${Ti({property:"defaultSlottedNodes",filter:oc})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Hi("control")} /><slot name="end"></slot></div></template>`,Zf=df.compose({name:`${Rr.prefix}-text-input`,template:Uf,styles:bf,shadowOptions:{mode:Rr.shadowRootMode}});class Qf extends hi{}const Jf=Qf.compose({name:`${Rr.prefix}-text`,template:pi,styles:ui,shadowOptions:{mode:Rr.shadowRootMode}}),eb={...mi},tb={...gi},ob={...fi},nb={...bi};class ib extends vi{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),t.selected=!0}findClosestTreeItem(e){var t;let o=e;for(;o&&o!==this;){if(null===(t=o.tagName)||void 0===t?void 0:t.toLowerCase().endsWith("-tree-item"))return o;o=o.parentElement}}}const rb=ib.compose({name:`${Rr.prefix}-tree`,template:yi,styles:wi,shadowOptions:{mode:Rr.shadowRootMode}});class sb extends xi{}const ab=Di.partial('<svg viewBox="0 0 12 12" fill="currentColor"><path d="M4.65 2.15a.5.5 0 000 .7L7.79 6 4.65 9.15a.5.5 0 10.7.7l3.5-3.5a.5.5 0 000-.7l-3.5-3.5a.5.5 0 00-.7 0z"></path></svg>'),lb=Di`<template slot="${e=>e.isNestedItem?"item":void 0}"><div class="positioning-region" part="positioning-region"><div class="content" part="content"><span class="chevron" part="chevron" aria-hidden="true"><slot name="chevron">${ab}</slot></span><slot name="start"></slot><div class="text"><slot></slot></div><slot name="end"></slot></div><div class="aside" part="aside"><slot name="aside"></slot></div></div><div role="group" class="items" part="items"><slot name="item" ${Hi("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,db=Fi`
|
|
171
|
+
${$i}
|
|
172
|
+
|
|
173
|
+
.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,cb=sb.compose({name:`${Rr.prefix}-tree-item`,template:lb,styles:db,shadowOptions:{mode:Rr.shadowRootMode}});class hb extends ki{}const ub={...Ci},pb={...Si},mb={...Ii},gb={...ce},fb={...ae},bb=hb.compose({name:`${Rr.prefix}-toggle-button`,template:Bi,styles:Go,shadowOptions:{mode:Rr.shadowRootMode}});class vb extends Ei{constructor(){super(...arguments),this.handleKeydown=e=>{e.key===Ji&&(clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0,this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))}}get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleKeydown),clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}showTooltip(e){var t;clearTimeout(this.hideTimer),this.hideTimer=void 0,clearTimeout(this.showTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:vb.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover(),document.addEventListener("keydown",this.handleKeydown)},o)}hideTooltip(e){var t;clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:vb.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}vb.DEFAULT_DELAY=250;const wb=vb.compose({name:`${Rr.prefix}-tooltip`,template:Mi,styles:Li,shadowOptions:{mode:Rr.shadowRootMode}}),yb={...Ri};export{Op as Accordion,zp as AccordionDefinition,Np as AccordionExpandModes,Mp as AccordionItem,Pp as AccordionItemDefinition,Ap as AccordionItemMarkerPositions,Rp as AccordionItemSizes,Er as AccordionMenu,Ar as AccordionMenuDefinition,Ir as AccordionMenuExpandModes,Sr as AccordionMenuPanel,Sl as AccordionMenuPanelDefinition,Or as AccordionMenuPanelMarkerPositions,Pr as AccordionMenuPanelSizes,Cl as AccordionMenuPanelStyles,Tr as AccordionMenuPanelTemplate,Mr as AccordionMenuStyles,Lr as AccordionMenuTemplate,ag as AnchorButton,lg as AnchorButtonAppearances,hg as AnchorButtonDefinition,dg as AnchorButtonShapes,cg as AnchorButtonSizes,Hp as AnchorTargets,_p as Avatar,jp as AvatarActives,Xp as AvatarAppearances,Wp as AvatarColors,Yp as AvatarDefinition,Kp as AvatarNamedColors,qp as AvatarShapes,Gp as AvatarSizes,Up as Badge,Zp as BadgeAppearances,Qp as BadgeColors,tm as BadgeDefinition,Jp as BadgeShapes,em as BadgeSizes,vd as Button,wd as ButtonAppearances,Sd as ButtonDefinition,$d as ButtonFormTargets,yd as ButtonShapes,xd as ButtonSizes,Cd as ButtonStyles,kd as ButtonTypes,jl as Card,Il as CardAppearances,Kl as CardDefinition,Ml as CardEventNames,El as CardFocusModes,ql as CardFooter,Ul as CardFooterDefinition,Zl as CardHeader,ed as CardHeaderDefinition,Bl as CardOrientations,td as CardPreview,id as CardPreviewDefinition,Xl as CardStyles,Wl as CardTemplate,pd as Carousel,fd as CarouselDefinition,md as CarouselStyles,gd as CarouselTemplate,om as Checkbox,rm as CheckboxDefinition,nm as CheckboxShapes,im as CheckboxSizes,Fc as CollisionEdges,uc as CompoundButton,sc as CompoundButtonAppearances,mc as CompoundButtonDefinition,dc as CompoundButtonFormTargets,ac as CompoundButtonShapes,lc as CompoundButtonSizes,cc as CompoundButtonTypes,sm as CounterBadge,am as CounterBadgeAppearances,lm as CounterBadgeColors,hm as CounterBadgeDefinition,dm as CounterBadgeShapes,cm as CounterBadgeSizes,um as Dialog,fm as DialogBody,bm as DialogBodyDefinition,mm as DialogDefinition,pm as DialogStyles,gm as DialogTypes,_d as DirectionDetector,vm as Divider,wm as DividerAlignContents,ym as DividerAppearances,Sm as DividerDefinition,xm as DividerOrientations,$m as DividerRoles,km as DividerStyles,Cm as DividerTemplate,Im as Drawer,Rm as DrawerBody,Am as DrawerBodyDefinition,Mm as DrawerDefinition,Bm as DrawerPositions,Em as DrawerSizes,Lm as DrawerTypes,Pm as Dropdown,Om as DropdownAppearances,Dm as DropdownDefinition,Fm as DropdownOption,Hm as DropdownOptionDefinition,zm as DropdownSizes,Nm as DropdownTypes,Rr as FabricDesignSystem,Wm as Field,Qm as FieldDefinition,Ym as FieldLabelPosition,Gm as FieldLabelPositions,Km as FieldStyles,Pd as FilterPill,Ed as FilterPillAppearances,rc as FilterPillDefinition,Rd as FilterPillEventNames,Bd as FilterPillFormTargets,Ld as FilterPillShapes,Md as FilterPillSizes,Id as FilterPillTypes,Jm as Image,og as ImageDefinition,eg as ImageFits,tg as ImageShapes,rf as ImplicitSubmissionBlockingTypes,ng as Label,ig as LabelDefinition,qm as LabelPositions,rg as LabelSizes,sg as LabelWeights,Tp as Link,Dp as LinkAppearances,Vp as LinkDefinition,Fp as LinkTargets,jm as Listbox,Xm as ListboxDefinition,fc as LoadingButton,wc as LoadingButtonDefinition,Ag as Menu,mg as MenuButton,gg as MenuButtonAppearances,vg as MenuButtonDefinition,fg as MenuButtonShapes,bg as MenuButtonSizes,zg as MenuDefinition,pr as MenuGroupRoles,yr as MenuItem,kg as MenuItemDefinition,hr as MenuItemRoles,wg as MenuItemStyles,$g as MenuItemTemplate,kr as MenuList,Ig as MenuListDefinition,Cg as MenuListStyles,Sg as MenuListTemplate,Bg as MenuPositions,Eg as MenuRepositionModes,Pg as MenuStyles,Og as MenuTemplate,ug as MessageBar,pg as MessageBarDefinition,qd as MockElementInternals,$c as MultiView,Ic as MultiViewController,Lc as MultiViewControllerDefinition,Sc as MultiViewDefinition,yc as MultiViewEventNames,Rc as MultiViewGroup,Oc as MultiViewGroupDefinition,zc as MultiViewGroupPositions,Tg as OptionGroup,Hg as OptionGroupDefinition,Uc as Popover,Jc as PopoverDefinition,Wc as PopoverEventNames,jc as PopoverPositions,Xc as PopoverRepositionModes,Zc as PopoverStyles,Qc as PopoverTemplate,_c as PositioningShorthand,Vg as ProgressBar,_g as ProgressBarDefinition,jg as ProgressBarShapes,Xg as ProgressBarThicknesses,Wg as ProgressBarValidationStates,Yg as Radio,Ug as RadioDefinition,Kg as RadioGroup,Gg as RadioGroupDefinition,qg as RadioGroupOrientations,Zg as RatingDisplay,Jg as RatingDisplayColors,Qg as RatingDisplayDefinition,ef as RatingDisplaySizes,ff as SearchBox,hf as SearchBoxAppearances,cf as SearchBoxControlSizes,$f as SearchBoxDefinition,mf as SearchBoxEventNames,pf as SearchBoxImplicitSubmissionBlockingTypes,uf as SearchBoxTypes,xh as SimpleTable,kh as SimpleTableDefinition,kf as Slider,Ef as SliderDefinition,Bf as SliderEventNames,Cf as SliderModes,Sf as SliderOrientations,If as SliderSizes,Zm as SlottableInputs,bh as SortDirections,Lf as Spinner,Mf as SpinnerAppearances,Af as SpinnerDefinition,Rf as SpinnerSizes,sh as SvgIcon,dh as SvgIconDefinition,Pf as Switch,Of as SwitchDefinition,zf as Tab,Nf as TabDefinition,fh as Table,ch as TableCell,mh as TableCellDefinition,hh as TableCellSizes,uh as TableCellStyles,ph as TableCellTemplate,yh as TableDefinition,vh as TableStyles,wh as TableTemplate,Vf as Tablist,Tf as TablistAppearances,_f as TablistDefinition,Hf as TablistEventNames,Df as TablistOrientations,Ff as TablistSizes,Mh as Tag,Bh as TagAppearances,Oh as TagDefinition,Eh as TagEventNames,Ih as TagShapes,Ch as TagSizes,Sh as TagTextSizes,ip as TeachingBubble,ap as TeachingBubbleDefinition,op as TeachingBubbleEventNames,tp as TeachingBubblePlacements,ep as TeachingBubbleSizes,Qf as Text,eb as TextAligns,jf as TextArea,Wf as TextAreaAppearances,Yf as TextAreaAppearancesForDisplayShadows,Kf as TextAreaAutocompletes,Xf as TextAreaDefinition,qf as TextAreaResizes,Gf as TextAreaSizes,Jf as TextDefinition,tb as TextFonts,df as TextInput,of as TextInputAppearances,tf as TextInputControlSizes,Zf as TextInputDefinition,bf as TextInputStyles,Uf as TextInputTemplate,nf as TextInputTypes,ob as TextSizes,nb as TextWeights,hb as ToggleButton,ub as ToggleButtonAppearances,bb as ToggleButtonDefinition,fb as ToggleButtonFormTargets,pb as ToggleButtonShapes,mb as ToggleButtonSizes,gb as ToggleButtonTypes,vb as Tooltip,wb as TooltipDefinition,yb as TooltipPositioningOptions,ib as Tree,rb as TreeDefinition,sb as TreeItem,cb as TreeItemDefinition,db as TreeItemStyles,lb as TreeItemTemplate,Um as ValidationFlags,vp as Wizard,xp as WizardDefinition,fp as WizardEvents,pp as WizardPanel,Cp as WizardPanelDefinition,cp as WizardPanelEventNames,hp as WizardPanelStates,gp as WizardStep,Lp as WizardStepDefinition,dp as WizardStepEvents,lp as WizardStepStates,Od as applyMixins,Gd as attachMockElementInternals,Ud as createRovingFocusController,Zd as createUniqueId,Nd as debounce,Td as debug,Vr as disabledState,_r as expandedState,$l as fabricDarkTheme,xl as fabricLightTheme,Dd as getDirection,_m as getOptionsFromElement,Wd as globalDirectionDetector,Kd as inputElementMethods,rd as isDisabledElement,ad as isFocusableElement,sd as isHiddenElement,Vm as isOptionGroup,Fd as isRtl,Dg as optionGroupStyles,Fg as optionGroupTemplate,mr as roleForMenuGroup,ur as roleForMenuItem,zd as setAttributes,ld as setChildrenFocusability,Xd as setGlobalDirectionDetector,kl as setTheme,pl as sizeHorizontalL,ul as sizeHorizontalM,hl as sizeHorizontalMNudge,sl as sizeHorizontalNone,cl as sizeHorizontalS,dl as sizeHorizontalSNudge,ml as sizeHorizontalXL,ll as sizeHorizontalXS,gl as sizeHorizontalXXL,al as sizeHorizontalXXS,fl as sizeHorizontalXXXL,ol as sizeVerticalL,tl as sizeVerticalM,el as sizeVerticalMNudge,Ya as sizeVerticalNone,Ja as sizeVerticalS,Qa as sizeVerticalSNudge,nl as sizeVerticalXL,Za as sizeVerticalXS,il as sizeVerticalXXL,Ua as sizeVerticalXXS,rl as sizeVerticalXXXL,tc as staticallyCompose,dr as toggleState,Ka as webDarkTheme,Xa as webLightTheme,oc as whitespaceFilter};
|
|
175
174
|
//# sourceMappingURL=index.min.js.map
|