@fabric-msft/fabric-web 7.2.0 → 7.3.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/dts/components/carousel/carousel.d.ts +6 -42
- package/dts/components/carousel/carousel.d.ts.map +1 -1
- package/dts/components/carousel/carousel.styles.d.ts.map +1 -1
- package/dts/components/carousel/carousel.template.d.ts.map +1 -1
- package/dts/components/carousel/define.d.ts.map +1 -1
- package/dts/components/carousel-nav/carousel-nav.d.ts +10 -0
- package/dts/components/carousel-nav/carousel-nav.d.ts.map +1 -1
- package/dts/components/carousel-nav/carousel-nav.template.d.ts.map +1 -1
- package/dts/components/carousel-viewport/carousel-viewport.d.ts +34 -0
- package/dts/components/carousel-viewport/carousel-viewport.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts +9 -0
- package/dts/components/carousel-viewport/carousel-viewport.definition.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts +7 -0
- package/dts/components/carousel-viewport/carousel-viewport.styles.d.ts.map +1 -0
- package/dts/components/carousel-viewport/carousel-viewport.template.d.ts +9 -0
- package/dts/components/carousel-viewport/carousel-viewport.template.d.ts.map +1 -0
- package/dts/components/carousel-viewport/define.d.ts +2 -0
- package/dts/components/carousel-viewport/define.d.ts.map +1 -0
- package/dts/components/carousel-viewport/index.d.ts +5 -0
- package/dts/components/carousel-viewport/index.d.ts.map +1 -0
- package/dts/components/dynamic-tab/define.d.ts +2 -0
- package/dts/components/dynamic-tab/define.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.d.ts +142 -0
- package/dts/components/dynamic-tab/dynamic-tab.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts +10 -0
- package/dts/components/dynamic-tab/dynamic-tab.definition.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.options.d.ts +10 -0
- package/dts/components/dynamic-tab/dynamic-tab.options.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts +6 -0
- package/dts/components/dynamic-tab/dynamic-tab.styles.d.ts.map +1 -0
- package/dts/components/dynamic-tab/dynamic-tab.template.d.ts +13 -0
- package/dts/components/dynamic-tab/dynamic-tab.template.d.ts.map +1 -0
- package/dts/components/dynamic-tab/index.d.ts +6 -0
- package/dts/components/dynamic-tab/index.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/define.d.ts +2 -0
- package/dts/components/dynamic-tab-list/define.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts +360 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts +7 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.definition.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts +24 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.options.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts +6 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.styles.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts +13 -0
- package/dts/components/dynamic-tab-list/dynamic-tab-list.template.d.ts.map +1 -0
- package/dts/components/dynamic-tab-list/index.d.ts +7 -0
- package/dts/components/dynamic-tab-list/index.d.ts.map +1 -0
- package/dts/components/empty-state/define.d.ts +2 -0
- package/dts/components/empty-state/define.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.d.ts +32 -0
- package/dts/components/empty-state/empty-state.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.definition.d.ts +10 -0
- package/dts/components/empty-state/empty-state.definition.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.styles.d.ts +6 -0
- package/dts/components/empty-state/empty-state.styles.d.ts.map +1 -0
- package/dts/components/empty-state/empty-state.template.d.ts +9 -0
- package/dts/components/empty-state/empty-state.template.d.ts.map +1 -0
- package/dts/components/empty-state/index.d.ts +5 -0
- package/dts/components/empty-state/index.d.ts.map +1 -0
- package/dts/components/menu-button/menu-button.d.ts +2 -2
- package/dts/components/menu-button/menu-button.definition.d.ts.map +1 -1
- package/dts/components/menu-button/menu-button.styles.d.ts +11 -0
- package/dts/components/menu-button/menu-button.styles.d.ts.map +1 -0
- package/dts/components/menu-item/menu-item.styles.d.ts.map +1 -1
- package/dts/components/menu-list/menu-list.styles.d.ts.map +1 -1
- package/dts/components/modal/define.d.ts +4 -0
- package/dts/components/modal/define.d.ts.map +1 -0
- package/dts/components/modal/index.d.ts +9 -0
- package/dts/components/modal/index.d.ts.map +1 -0
- package/dts/components/modal/modal.d.ts +209 -0
- package/dts/components/modal/modal.d.ts.map +1 -0
- package/dts/components/modal/modal.definition.d.ts +9 -0
- package/dts/components/modal/modal.definition.d.ts.map +1 -0
- package/dts/components/modal/modal.events.d.ts +26 -0
- package/dts/components/modal/modal.events.d.ts.map +1 -0
- package/dts/components/modal/modal.options.d.ts +15 -0
- package/dts/components/modal/modal.options.d.ts.map +1 -0
- package/dts/components/modal/modal.styles.d.ts +10 -0
- package/dts/components/modal/modal.styles.d.ts.map +1 -0
- package/dts/components/modal/modal.template.d.ts +12 -0
- package/dts/components/modal/modal.template.d.ts.map +1 -0
- package/dts/components/modal-fre-item/define.d.ts +2 -0
- package/dts/components/modal-fre-item/define.d.ts.map +1 -0
- package/dts/components/modal-fre-item/index.d.ts +3 -0
- package/dts/components/modal-fre-item/index.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.d.ts +65 -0
- package/dts/components/modal-fre-item/modal-fre-item.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts +10 -0
- package/dts/components/modal-fre-item/modal-fre-item.definition.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts +7 -0
- package/dts/components/modal-fre-item/modal-fre-item.styles.d.ts.map +1 -0
- package/dts/components/modal-fre-item/modal-fre-item.template.d.ts +11 -0
- package/dts/components/modal-fre-item/modal-fre-item.template.d.ts.map +1 -0
- package/dts/components/styles/patterns/patterns.d.ts +8 -0
- package/dts/components/styles/patterns/patterns.d.ts.map +1 -0
- package/dts/index.d.ts +7 -0
- package/dts/index.d.ts.map +1 -1
- package/dts/util/a11y-playwright-utils.d.ts +7 -0
- package/dts/util/a11y-playwright-utils.d.ts.map +1 -0
- package/dts/util/carousel-controller.d.ts +120 -0
- package/dts/util/carousel-controller.d.ts.map +1 -0
- package/dts/util/icons.d.ts +15 -0
- package/dts/util/icons.d.ts.map +1 -1
- package/dts/util/index.d.ts +1 -0
- package/dts/util/index.d.ts.map +1 -1
- package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +1 -1
- package/esm/components/carousel/carousel.js +30 -98
- package/esm/components/carousel/carousel.js.map +1 -1
- package/esm/components/carousel/carousel.styles.js +2 -2
- package/esm/components/carousel/carousel.styles.js.map +1 -1
- package/esm/components/carousel/carousel.template.js +3 -3
- package/esm/components/carousel/carousel.template.js.map +1 -1
- package/esm/components/carousel/define.js +5 -3
- package/esm/components/carousel/define.js.map +1 -1
- package/esm/components/carousel-item/carousel-item.template.js +1 -1
- package/esm/components/carousel-item/carousel-item.template.js.map +1 -1
- package/esm/components/carousel-nav/carousel-nav.js +12 -0
- package/esm/components/carousel-nav/carousel-nav.js.map +1 -1
- package/esm/components/carousel-nav/carousel-nav.styles.js +1 -0
- package/esm/components/carousel-nav/carousel-nav.template.js +4 -3
- package/esm/components/carousel-nav/carousel-nav.template.js.map +1 -1
- package/esm/components/carousel-nav-item/carousel-nav-item.styles.js +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.definition.js +21 -0
- package/esm/components/carousel-viewport/carousel-viewport.definition.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.js +37 -0
- package/esm/components/carousel-viewport/carousel-viewport.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.styles.js +11 -0
- package/esm/components/carousel-viewport/carousel-viewport.styles.js.map +1 -0
- package/esm/components/carousel-viewport/carousel-viewport.template.js +15 -0
- package/esm/components/carousel-viewport/carousel-viewport.template.js.map +1 -0
- package/esm/components/carousel-viewport/define.js +4 -0
- package/esm/components/carousel-viewport/define.js.map +1 -0
- package/esm/components/carousel-viewport/index.js +5 -0
- package/esm/components/carousel-viewport/index.js.map +1 -0
- package/esm/components/dynamic-tab/define.js +4 -0
- package/esm/components/dynamic-tab/define.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.definition.js +27 -0
- package/esm/components/dynamic-tab/dynamic-tab.definition.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.js +232 -0
- package/esm/components/dynamic-tab/dynamic-tab.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.options.js +11 -0
- package/esm/components/dynamic-tab/dynamic-tab.options.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.styles.js +13 -0
- package/esm/components/dynamic-tab/dynamic-tab.styles.js.map +1 -0
- package/esm/components/dynamic-tab/dynamic-tab.template.js +18 -0
- package/esm/components/dynamic-tab/dynamic-tab.template.js.map +1 -0
- package/esm/components/dynamic-tab/index.js +6 -0
- package/esm/components/dynamic-tab/index.js.map +1 -0
- package/esm/components/dynamic-tab-list/define.js +12 -0
- package/esm/components/dynamic-tab-list/define.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js +19 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.definition.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.js +788 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js +19 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.options.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js +11 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map +1 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js +41 -0
- package/esm/components/dynamic-tab-list/dynamic-tab-list.template.js.map +1 -0
- package/esm/components/dynamic-tab-list/index.js +6 -0
- package/esm/components/dynamic-tab-list/index.js.map +1 -0
- package/esm/components/empty-state/define.js +4 -0
- package/esm/components/empty-state/define.js.map +1 -0
- package/esm/components/empty-state/empty-state.definition.js +22 -0
- package/esm/components/empty-state/empty-state.definition.js.map +1 -0
- package/esm/components/empty-state/empty-state.js +33 -0
- package/esm/components/empty-state/empty-state.js.map +1 -0
- package/esm/components/empty-state/empty-state.styles.js +11 -0
- package/esm/components/empty-state/empty-state.styles.js.map +1 -0
- package/esm/components/empty-state/empty-state.template.js +12 -0
- package/esm/components/empty-state/empty-state.template.js.map +1 -0
- package/esm/components/empty-state/index.js +5 -0
- package/esm/components/empty-state/index.js.map +1 -0
- package/esm/components/filter-pill/filter-pill.styles.js +1 -0
- package/esm/components/menu-button/menu-button.definition.js +5 -2
- package/esm/components/menu-button/menu-button.definition.js.map +1 -1
- package/esm/components/menu-button/menu-button.js +2 -2
- package/esm/components/menu-button/menu-button.styles.js +18 -0
- package/esm/components/menu-button/menu-button.styles.js.map +1 -0
- package/esm/components/menu-item/menu-item.styles.js +1 -1
- package/esm/components/menu-item/menu-item.styles.js.map +1 -1
- package/esm/components/menu-list/menu-list.styles.js +2 -2
- package/esm/components/menu-list/menu-list.styles.js.map +1 -1
- package/esm/components/modal/define.js +9 -0
- package/esm/components/modal/define.js.map +1 -0
- package/esm/components/modal/index.js +7 -0
- package/esm/components/modal/index.js.map +1 -0
- package/esm/components/modal/modal.definition.js +29 -0
- package/esm/components/modal/modal.definition.js.map +1 -0
- package/esm/components/modal/modal.events.js +11 -0
- package/esm/components/modal/modal.events.js.map +1 -0
- package/esm/components/modal/modal.js +369 -0
- package/esm/components/modal/modal.js.map +1 -0
- package/esm/components/modal/modal.options.js +10 -0
- package/esm/components/modal/modal.options.js.map +1 -0
- package/esm/components/modal/modal.styles.js +14 -0
- package/esm/components/modal/modal.styles.js.map +1 -0
- package/esm/components/modal/modal.template.js +23 -0
- package/esm/components/modal/modal.template.js.map +1 -0
- package/esm/components/modal-fre-item/define.js +4 -0
- package/esm/components/modal-fre-item/define.js.map +1 -0
- package/esm/components/modal-fre-item/index.js +3 -0
- package/esm/components/modal-fre-item/index.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.definition.js +27 -0
- package/esm/components/modal-fre-item/modal-fre-item.definition.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.js +72 -0
- package/esm/components/modal-fre-item/modal-fre-item.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.styles.js +11 -0
- package/esm/components/modal-fre-item/modal-fre-item.styles.js.map +1 -0
- package/esm/components/modal-fre-item/modal-fre-item.template.js +16 -0
- package/esm/components/modal-fre-item/modal-fre-item.template.js.map +1 -0
- package/esm/components/simple-table/simple-table.styles.js +1 -0
- package/esm/components/styles/patterns/patterns.js +11 -0
- package/esm/components/styles/patterns/patterns.js.map +1 -0
- package/esm/index.js +25 -0
- package/esm/index.js.map +1 -1
- package/esm/util/a11y-playwright-utils.js +11 -0
- package/esm/util/a11y-playwright-utils.js.map +1 -0
- package/esm/util/carousel-controller.js +153 -0
- package/esm/util/carousel-controller.js.map +1 -0
- package/esm/util/icons.js +16 -1
- package/esm/util/icons.js.map +1 -1
- package/esm/util/index.js +1 -0
- package/esm/util/index.js.map +1 -1
- package/index.d.ts +1507 -423
- package/index.d.ts.map +1 -1
- package/index.js +6379 -4442
- package/index.js.map +1 -1
- package/index.min.js +102 -92
- package/index.min.js.map +1 -1
- package/package.json +2 -2
package/index.min.js
CHANGED
|
@@ -1,42 +1,43 @@
|
|
|
1
|
-
import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerticalXXL as i,sizeHorizontalXXL as n,sizeHorizontalM as s,sizeVerticalM as r,sizeHorizontalL as a,sizeVerticalL as l}from"@fabric-msft/theme";export{fabricDarkTheme,fabricLightTheme,setTheme,sizeHorizontalL,sizeHorizontalM,sizeHorizontalMNudge,sizeHorizontalNone,sizeHorizontalS,sizeHorizontalSNudge,sizeHorizontalXL,sizeHorizontalXS,sizeHorizontalXXL,sizeHorizontalXXS,sizeHorizontalXXXL,sizeVerticalL,sizeVerticalM,sizeVerticalMNudge,sizeVerticalNone,sizeVerticalS,sizeVerticalSNudge,sizeVerticalXL,sizeVerticalXS,sizeVerticalXXL,sizeVerticalXXS,sizeVerticalXXXL,webDarkTheme,webLightTheme}from"@fabric-msft/theme";import{spacingHorizontalXL as d,spacingHorizontalL as c,spacingVerticalXXS as h,display as u,borderRadiusMedium as p,colorStrokeFocus2 as m,spacingHorizontalS as v,typographyCaption1StrongStyles as b,spacingHorizontalMNudge as g,spacingHorizontalXS as f,colorNeutralForeground3 as w,colorTransparentBackground as y,colorNeutralForegroundDisabled as $,fontSizeBase200 as x,lineHeightBase200 as C,fontSizeBase400 as k,lineHeightBase400 as I,fontSizeBase500 as E,lineHeightBase500 as S,spacingHorizontalXXS as L,spacingHorizontalSNudge as M,strokeWidthThin as P,colorNeutralStroke2 as z,fontFamilyBase as R,shadow4 as A,colorBrandBackground2 as O,strokeWidthThick as T,colorTransparentStroke as D,colorNeutralBackground1 as B,colorNeutralBackground2 as V,colorNeutralStroke1 as _,colorSubtleBackground as H,colorNeutralBackground1Hover as F,colorTransparentStrokeInteractive as N,shadow8 as j,colorNeutralBackground1Pressed as q,colorNeutralBackground2Hover as X,colorNeutralBackground2Pressed as K,colorTransparentBackgroundHover as W,colorNeutralStroke1Hover as Y,colorTransparentBackgroundPressed as G,colorNeutralStroke1Pressed as U,colorSubtleBackgroundHover as Z,colorSubtleBackgroundPressed as Q,colorNeutralBackground1Selected as J,colorSubtleBackgroundSelected as ee,colorNeutralStroke1Selected as te,colorTransparentBackgroundSelected as oe,colorNeutralBackground2Selected as ie,colorNeutralBackgroundDisabled as ne,colorTransparentStrokeDisabled as se,shadow2 as re,spacingHorizontalM as ae,spacingVerticalS as le,fontSizeBase300 as de,fontWeightSemibold as ce,fontWeightRegular as he,spacingVerticalM as ue,spacingHorizontalXXL as pe,colorNeutralForeground1 as me,borderRadiusSmall as ve,spacingVerticalXXL as be,borderRadiusCircular as ge,colorNeutralForeground2 as fe,durationFast as we,curveEasyEase as ye,durationNormal as $e,fontWeightBold as xe,BaseButton as Ce,ButtonAppearance as ke,ButtonFormTarget as Ie,ButtonShape as Ee,ButtonSize as Se,ButtonType as Le,ButtonStyles as Me,colorBrandBackground as Pe,colorNeutralForegroundOnBrand as ze,colorNeutralStrokeOnBrand as Re,colorBrandBackgroundHover as Ae,colorBrandBackgroundPressed as Oe,colorNeutralForeground1Hover as Te,colorNeutralForeground1Pressed as De,ButtonTemplate as Be,colorNeutralBackground4 as Ve,spacingHorizontalXXXL as _e,lineHeightBase300 as He,durationFaster as Fe,fontSizeBase600 as Ne,spacingVerticalXXXL as je,borderRadiusLarge as qe,borderRadiusNone as Xe,colorNeutralBackground4Hover as Ke,colorNeutralBackgroundInverted as We,colorNeutralForeground2Hover as Ye,colorNeutralForeground2Pressed as Ge,colorNeutralForeground2BrandHover as Ue,colorNeutralForeground2BrandPressed as Ze,colorNeutralStrokeDisabled as Qe,colorNeutralForegroundInverted as Je,colorNeutralForeground2Selected as et,colorNeutralForeground2BrandSelected as tt,CompoundButtonStyles as ot,CompoundButtonTemplate as it,Spinner as nt,SpinnerAppearance as st,SpinnerSize as rt,SpinnerStyles as at,SpinnerTemplate as lt,Button as dt,forcedColorsStylesheetBehavior as ct,spacingVerticalL as ht,colorCompoundBrandStroke as ut,DropdownStyles as pt,Dropdown as mt,DropdownTemplate as vt,DropdownOption as bt,DropdownOptionStyles as gt,DropdownOptionTemplate as ft,isDropdownOption as wt,Listbox as yt,ListboxStyles as $t,ListboxTemplate as xt,typographyCaption1Styles as Ct,typographyCaption2Styles as kt,typographyBody1Styles as It,colorNeutralBackground3 as Et,colorBrandForeground1 as St,spacingHorizontalNone as Lt,spacingVerticalXS as Mt,ButtonDefinition as Pt,shadow16 as zt,colorBrandForeground2 as Rt,colorPaletteRedForeground3 as At,AccordionItem as Ot,AccordionItemMarkerPosition as Tt,AccordionItemSize as Dt,accordionItemStyles as Bt,accordionItemTemplate as Vt,Accordion as _t,accordionStyles as Ht,accordionTemplate as Ft,AccordionExpandMode as Nt,AnchorTarget as jt,LinkAppearance as qt,LinkTarget as Xt,Link as Kt,LinkStyles as Wt,Avatar as Yt,AvatarActive as Gt,AvatarAppearance as Ut,AvatarColor as Zt,AvatarNamedColor as Qt,AvatarShape as Jt,AvatarSize as eo,AvatarStyles as to,AvatarTemplate as oo,Badge as io,BadgeAppearance as no,BadgeColor as so,BadgeShape as ro,BadgeSize as ao,BadgeStyles as lo,BadgeTemplate as co,Checkbox as ho,CheckboxShape as uo,CheckboxSize as po,CheckboxStyles as mo,CheckboxTemplate as vo,CounterBadge as bo,CounterBadgeAppearance as go,CounterBadgeColor as fo,CounterBadgeShape as wo,CounterBadgeSize as yo,CounterBadgeStyles as $o,CounterBadgeTemplate as xo,Dialog as Co,DialogStyles as ko,DialogTemplate as Io,DialogBody as Eo,DialogBodyStyles as So,DialogBodyTemplate as Lo,Divider as Mo,DividerAlignContent as Po,DividerAppearance as zo,DividerOrientation as Ro,DividerRole as Ao,DividerStyles as Oo,DividerTemplate as To,Drawer as Do,DrawerPosition as Bo,DrawerSize as Vo,DrawerType as _o,DrawerStyles as Ho,DrawerTemplate as Fo,DrawerBody as No,DrawerBodyStyles as jo,DrawerBodyTemplate as qo,DropdownAppearance as Xo,DropdownSize as Ko,DropdownType as Wo,Field as Yo,FieldStyles as Go,FieldTemplate as Uo,Image as Zo,ImageFit as Qo,ImageShape as Jo,ImageStyles as ei,ImageTemplate as ti,Label as oi,LabelStyles as ii,LabelTemplate as ni,LabelSize as si,LabelWeight as ri,AnchorButton as ai,AnchorButtonAppearance as li,AnchorButtonShape as di,AnchorButtonSize as ci,ToggleButtonStyles as hi,AnchorButtonTemplate as ui,MessageBar as pi,MessageBarStyles as mi,MessageBarTemplate as vi,MenuButton as bi,MenuButtonStyles as gi,MenuButtonTemplate as fi,colorCompoundBrandForeground1Pressed as wi,colorStatusDangerForeground1 as yi,ProgressBar as $i,ProgressBarStyles as xi,ProgressBarTemplate as Ci,ProgressBarShape as ki,ProgressBarThickness as Ii,ProgressBarValidationState as Ei,Radio as Si,RadioGroup as Li,RadioGroupOrientation as Mi,RadioGroupStyles as Pi,RadioGroupTemplate as zi,RadioStyles as Ri,RadioTemplate as Ai,RatingDisplay as Oi,RatingDisplayStyles as Ti,RatingDisplayTemplate as Di,RatingDisplayColor as Bi,RatingDisplaySize as Vi,StartEnd as _i,colorNeutralStrokeAccessible as Hi,colorPaletteRedBorder2 as Fi,durationUltraFast as Ni,curveAccelerateMid as ji,colorNeutralForeground4 as qi,colorNeutralStrokeAccessibleHover as Xi,curveDecelerateMid as Ki,colorCompoundBrandStrokePressed as Wi,colorNeutralStrokeAccessiblePressed as Yi,Slider as Gi,SliderMode as Ui,SliderOrientation as Zi,SliderSize as Qi,colorCompoundBrandBackground as Ji,colorCompoundBrandBackgroundHover as en,colorCompoundBrandBackgroundPressed as tn,colorStrokeFocus1 as on,colorNeutralBackground3Pressed as nn,colorStatusDangerBorder2 as sn,Switch as rn,SwitchStyles as an,SwitchTemplate as ln,Tab as dn,TabStyles as cn,TabTemplate as hn,TablistAppearance as un,TablistOrientation as pn,TablistSize as mn,Tablist as vn,TablistStyles as bn,TablistTemplate as gn,TextArea as fn,TextAreaStyles as wn,TextAreaTemplate as yn,TextAreaAppearance as $n,TextAreaAppearancesForDisplayShadow as xn,TextAreaAutocomplete as Cn,TextAreaResize as kn,TextAreaSize as In,Text as En,TextStyles as Sn,TextTemplate as Ln,TextAlign as Mn,TextFont as Pn,TextSize as zn,TextWeight as Rn,Tree as An,TreeStyles as On,TreeTemplate as Tn,TreeItem as Dn,TreeItemStyles as Bn,ToggleButton as Vn,ToggleButtonAppearance as _n,ToggleButtonShape as Hn,ToggleButtonSize as Fn,ToggleButtonTemplate as Nn,Tooltip as jn,TooltipStyles as qn,TooltipTemplate as Xn,TooltipPositioningOption as Kn}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 Wn,attr as Yn,observable as Gn,Updates as Un,Observable as Zn,slotted as Qn,html as Jn,css as es,ref as ts,AttributeConfiguration as os,InlineTemplateDirective as is,repeat as ns,elements as ss,nullableNumberConverter as rs,when as as,oneTime as ls}from"@microsoft/fast-element";import{keyArrowLeft as ds,keyArrowRight as cs,keySpace as hs,keyEnter as us,isHTMLElement as ps,keyHome as ms,keyEnd as vs,keyArrowUp as bs,keyArrowDown as gs,keyEscape as fs,uniqueId as ws,keyTab as ys,Direction as $s,limit as xs}from"@microsoft/fast-web-utilities";import{isTabbable as Cs}from"tabbable";import{createOverflowManager as ks}from"@fluentui/priority-overflow";import{getString as Is}from"@fabric-msft/localization";import{autoUpdate as Es,arrow as Ss,offset as Ls,autoPlacement as Ms,computePosition as Ps}from"@floating-ui/dom";CSS.supports("anchor-name: --a");const zs=CSS.supports("selector(:state(g))"),Rs=new Map;function As(e){var t;return null!==(t=Rs.get(e))&&void 0!==t?t:Rs.set(e,zs?`:state(${e})`:`[state--${e}]`).get(e)}function Os(e,t,o){t&&e&&(zs?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Ts(e,t,o,i){t&&i(e,t,!1),o&&i(e,o,!0)}function Ds(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}const Bs={normal:"normal",danger:"danger"},Vs={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},_s={[Vs.menuitem]:"menuitem",[Vs.menuitemcheckbox]:"menuitemcheckbox",[Vs.menuitemradio]:"menuitemradio"},Hs={group:"group"},Fs={group:Hs.group};var Ns,js,qs,Xs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},Ks=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Ws extends Wn{constructor(){super(...arguments),Ns.add(this),this.elementInternals=this.attachInternals(),this.role=Vs.menuitem,this.checked=!1,this._submenuAnchorName=`--${Ds("menu-item-anchor-")}`,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case us:case hs:return this.invoke(),!1;case cs:return!this.disabled&&Ys(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case ds:{const e=this.parentElement;return Ys(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.submenu&&e.composedPath().includes(this.submenu)||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=e=>{var t;const o=e.relatedTarget;return o&&this.contains(o)||null===(t=this.submenu)||void 0===t||t.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 Vs.menuitemcheckbox:this.checked=!this.checked;break;case Vs.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case Vs.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,Os(this.elementInternals,"disabled",t)}appearanceChanged(e,t){Ts(this.elementInternals,e,t,Os)}roleChanged(e,t){this.elementInternals.role=null!=t?t:Vs.menuitem;const o=(null!=t?t:Vs.menuitem)!==Vs.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Os(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==Vs.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Os(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o,i;if(null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length){this.submenu=t[0],this.submenu.setAttribute("popover","manual"),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Os(this.elementInternals,"submenu",!0);const e=this.getSubmenuAnchorName();this.style.anchorName=e,this.submenu.style.positionAnchor=e}else this.elementInternals.ariaHasPopup=null,Os(this.elementInternals,"submenu",!1),null===(i=this.submenu)||void 0===i||i.style.removeProperty("position-anchor"),this.submenu=void 0}getSubmenuAnchorName(){return this.id?`--${this.id}`:this._submenuAnchorName}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:Vs.menuitem,Ks(this,Ns,"m",js).call(this)}disconnectedCallback(){super.disconnectedCallback(),Ks(this,Ns,"m",qs).call(this)}}function Ys(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}Ns=new WeakSet,js=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)},qs=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)},Xs([Yn({mode:"boolean"})],Ws.prototype,"disabled",void 0),Xs([Yn],Ws.prototype,"appearance",void 0),Xs([Yn],Ws.prototype,"role",void 0),Xs([Yn({mode:"boolean"})],Ws.prototype,"checked",void 0),Xs([Yn({mode:"boolean"})],Ws.prototype,"hidden",void 0),Xs([Gn],Ws.prototype,"slottedSubmenu",void 0),Xs([Gn],Ws.prototype,"submenu",void 0);var Gs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Us extends Wn{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&ps(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===Vs.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===Vs.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof Ws||ps(e)&&e.getAttribute("role")in Us.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Un.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 gs:return void this.setFocus(this.focusIndex+1,1);case bs:return void this.setFocus(this.focusIndex-1,-1);case vs:return void this.setFocus(this.menuItems.length-1,-1);case ms:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Zn.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Vs.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Zn.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const n=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),s=null==n?void 0:n.reduce((e,t)=>{const o=Us.elementIndent(t);return Math.max(e,o)},0);null==n||n.forEach(e=>{e instanceof Ws&&e.setAttribute("data-indent",`${s}`)})}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}}}Us.focusableElementRoles=Vs,Gs([Gn],Us.prototype,"items",void 0);var Zs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qs extends Wn{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 us:case hs:e.preventDefault(),this.expanded=!this.expanded;break;case fs: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=ws("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Un.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&&(Os(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Os(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Os(this.elementInternals,e,!1),t&&Os(this.elementInternals,t,!0)}blockChanged(e,t){Os(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Os(this.elementInternals,`align-${e}`,!1),t&&Os(this.elementInternals,`align-${t}`,!0)}}Zs([Gn],Qs.prototype,"menuList",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"expanded",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"disabled",void 0),Zs([Yn],Qs.prototype,"id",void 0),Zs([Yn],Qs.prototype,"size",void 0),Zs([Yn({mode:"boolean"})],Qs.prototype,"block",void 0),Zs([Yn({attribute:"marker-position"})],Qs.prototype,"markerPosition",void 0);const Js={single:"single",multi:"multi"};var er=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class tr extends Wn{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Js.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof Ws||ps(e)&&e.getAttribute("role")in Us.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Zn.getNotifier(e).unsubscribe(this,"disabled"),Zn.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Un.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===Js.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 Qs&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof Ws&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof Qs&&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=>Zn.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof Qs&&Zn.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),i=null==o?void 0:o.reduce((e,t)=>{const o=tr.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof Ws&&e.setAttribute("data-indent",`${i}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Vs.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Js.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof Qs&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}er([Yn({attribute:"expand-mode"})],tr.prototype,"expandmode",void 0),er([Gn],tr.prototype,"slottedElements",void 0);const or=Jn`<template class="accordion-menu"><slot ${Qn({property:"slottedElements"})}></slot></template>`,ir=es`
|
|
1
|
+
import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerticalXXL as i,sizeHorizontalXXL as n,sizeHorizontalM as s,sizeVerticalM as r,sizeHorizontalL as a,sizeVerticalL as l}from"@fabric-msft/theme";export{fabricDarkTheme,fabricLightTheme,setTheme,sizeHorizontalL,sizeHorizontalM,sizeHorizontalMNudge,sizeHorizontalNone,sizeHorizontalS,sizeHorizontalSNudge,sizeHorizontalXL,sizeHorizontalXS,sizeHorizontalXXL,sizeHorizontalXXS,sizeHorizontalXXXL,sizeVerticalL,sizeVerticalM,sizeVerticalMNudge,sizeVerticalNone,sizeVerticalS,sizeVerticalSNudge,sizeVerticalXL,sizeVerticalXS,sizeVerticalXXL,sizeVerticalXXS,sizeVerticalXXXL,webDarkTheme,webLightTheme}from"@fabric-msft/theme";import{spacingHorizontalXL as d,spacingHorizontalL as c,spacingVerticalXXS as h,display as u,borderRadiusMedium as p,colorStrokeFocus2 as m,spacingHorizontalS as b,typographyCaption1StrongStyles as v,spacingHorizontalMNudge as g,spacingHorizontalXS as f,colorNeutralForeground3 as w,colorTransparentBackground as y,colorNeutralForegroundDisabled as $,fontSizeBase200 as x,lineHeightBase200 as C,fontSizeBase400 as k,lineHeightBase400 as I,fontSizeBase500 as E,lineHeightBase500 as L,spacingHorizontalXXS as S,spacingHorizontalSNudge as M,strokeWidthThin as T,colorNeutralStroke2 as P,fontFamilyBase as R,shadow4 as z,colorBrandBackground2 as A,strokeWidthThick as O,colorTransparentStroke as D,colorNeutralBackground1 as B,colorNeutralBackground2 as _,colorNeutralStroke1 as V,colorSubtleBackground as F,colorNeutralBackground1Hover as H,colorTransparentStrokeInteractive as j,shadow8 as N,colorNeutralBackground1Pressed as q,colorNeutralBackground2Hover as X,colorNeutralBackground2Pressed as K,colorTransparentBackgroundHover as W,colorNeutralStroke1Hover as Y,colorTransparentBackgroundPressed as U,colorNeutralStroke1Pressed as G,colorSubtleBackgroundHover as Z,colorSubtleBackgroundPressed as Q,colorNeutralBackground1Selected as J,colorSubtleBackgroundSelected as ee,colorNeutralStroke1Selected as te,colorTransparentBackgroundSelected as oe,colorNeutralBackground2Selected as ie,colorNeutralBackgroundDisabled as ne,colorTransparentStrokeDisabled as se,shadow2 as re,spacingHorizontalM as ae,spacingVerticalS as le,fontSizeBase300 as de,fontWeightSemibold as ce,fontWeightRegular as he,spacingVerticalM as ue,spacingHorizontalXXL as pe,colorNeutralForeground1 as me,borderRadiusSmall as be,spacingVerticalXXL as ve,borderRadiusCircular as ge,colorNeutralForeground2 as fe,durationFast as we,curveEasyEase as ye,durationNormal as $e,fontWeightBold as xe,BaseButton as Ce,ButtonAppearance as ke,ButtonFormTarget as Ie,ButtonShape as Ee,ButtonSize as Le,ButtonType as Se,ButtonStyles as Me,colorBrandBackground as Te,colorNeutralForegroundOnBrand as Pe,colorNeutralStrokeOnBrand as Re,colorBrandBackgroundHover as ze,colorBrandBackgroundPressed as Ae,colorNeutralForeground1Hover as Oe,colorNeutralForeground1Pressed as De,ButtonTemplate as Be,colorNeutralBackground4 as _e,spacingHorizontalXXXL as Ve,lineHeightBase300 as Fe,durationFaster as He,fontSizeBase600 as je,spacingVerticalXXXL as Ne,borderRadiusLarge as qe,borderRadiusNone as Xe,colorNeutralBackground4Hover as Ke,colorNeutralBackgroundInverted as We,colorNeutralForeground2Hover as Ye,colorNeutralForeground2Pressed as Ue,colorNeutralForeground2BrandHover as Ge,colorNeutralForeground2BrandPressed as Ze,colorNeutralStrokeDisabled as Qe,colorNeutralForegroundInverted as Je,colorNeutralForeground2Selected as et,colorNeutralForeground2BrandSelected as tt,DialogStyles as ot,Dialog as it,DialogTemplate as nt,spacingVerticalL as st,spacingVerticalXS as rt,CompoundButtonStyles as at,CompoundButtonTemplate as lt,Spinner as dt,SpinnerAppearance as ct,SpinnerSize as ht,SpinnerStyles as ut,SpinnerTemplate as pt,Button as mt,forcedColorsStylesheetBehavior as bt,colorCompoundBrandStroke as vt,DropdownStyles as gt,Dropdown as ft,DropdownTemplate as wt,DropdownOption as yt,DropdownOptionStyles as $t,DropdownOptionTemplate as xt,isDropdownOption as Ct,Listbox as kt,ListboxStyles as It,ListboxTemplate as Et,typographyCaption1Styles as Lt,typographyCaption2Styles as St,typographyBody1Styles as Mt,colorNeutralBackground3 as Tt,colorBrandForeground1 as Pt,spacingHorizontalNone as Rt,ButtonDefinition as zt,shadow16 as At,colorBrandForeground2 as Ot,colorPaletteRedForeground3 as Dt,AccordionItem as Bt,AccordionItemMarkerPosition as _t,AccordionItemSize as Vt,accordionItemStyles as Ft,accordionItemTemplate as Ht,Accordion as jt,accordionStyles as Nt,accordionTemplate as qt,AccordionExpandMode as Xt,AnchorTarget as Kt,LinkAppearance as Wt,LinkTarget as Yt,Link as Ut,LinkStyles as Gt,Avatar as Zt,AvatarActive as Qt,AvatarAppearance as Jt,AvatarColor as eo,AvatarNamedColor as to,AvatarShape as oo,AvatarSize as io,AvatarStyles as no,AvatarTemplate as so,Badge as ro,BadgeAppearance as ao,BadgeColor as lo,BadgeShape as co,BadgeSize as ho,BadgeStyles as uo,BadgeTemplate as po,Checkbox as mo,CheckboxShape as bo,CheckboxSize as vo,CheckboxStyles as go,CheckboxTemplate as fo,CounterBadge as wo,CounterBadgeAppearance as yo,CounterBadgeColor as $o,CounterBadgeShape as xo,CounterBadgeSize as Co,CounterBadgeStyles as ko,CounterBadgeTemplate as Io,DialogBody as Eo,DialogBodyStyles as Lo,DialogBodyTemplate as So,Divider as Mo,DividerAlignContent as To,DividerAppearance as Po,DividerOrientation as Ro,DividerRole as zo,DividerStyles as Ao,DividerTemplate as Oo,spacingVerticalSNudge as Do,Drawer as Bo,DrawerPosition as _o,DrawerSize as Vo,DrawerType as Fo,DrawerStyles as Ho,DrawerTemplate as jo,DrawerBody as No,DrawerBodyStyles as qo,DrawerBodyTemplate as Xo,DropdownAppearance as Ko,DropdownSize as Wo,DropdownType as Yo,Field as Uo,FieldStyles as Go,FieldTemplate as Zo,Image as Qo,ImageFit as Jo,ImageShape as ei,ImageStyles as ti,ImageTemplate as oi,Label as ii,LabelStyles as ni,LabelTemplate as si,LabelSize as ri,LabelWeight as ai,AnchorButton as li,AnchorButtonAppearance as di,AnchorButtonShape as ci,AnchorButtonSize as hi,ToggleButtonStyles as ui,AnchorButtonTemplate as pi,MessageBar as mi,MessageBarStyles as bi,MessageBarTemplate as vi,MenuButton as gi,MenuButtonStyles as fi,MenuButtonTemplate as wi,colorCompoundBrandForeground1Pressed as yi,colorStatusDangerForeground1 as $i,ProgressBar as xi,ProgressBarStyles as Ci,ProgressBarTemplate as ki,ProgressBarShape as Ii,ProgressBarThickness as Ei,ProgressBarValidationState as Li,Radio as Si,RadioGroup as Mi,RadioGroupOrientation as Ti,RadioGroupStyles as Pi,RadioGroupTemplate as Ri,RadioStyles as zi,RadioTemplate as Ai,RatingDisplay as Oi,RatingDisplayStyles as Di,RatingDisplayTemplate as Bi,RatingDisplayColor as _i,RatingDisplaySize as Vi,StartEnd as Fi,colorNeutralStrokeAccessible as Hi,colorPaletteRedBorder2 as ji,durationUltraFast as Ni,curveAccelerateMid as qi,colorNeutralForeground4 as Xi,colorNeutralStrokeAccessibleHover as Ki,curveDecelerateMid as Wi,colorCompoundBrandStrokePressed as Yi,colorNeutralStrokeAccessiblePressed as Ui,Slider as Gi,SliderMode as Zi,SliderOrientation as Qi,SliderSize as Ji,colorCompoundBrandBackground as en,colorCompoundBrandBackgroundHover as tn,colorCompoundBrandBackgroundPressed as on,colorStrokeFocus1 as nn,colorNeutralBackground3Pressed as sn,colorStatusDangerBorder2 as rn,Switch as an,SwitchStyles as ln,SwitchTemplate as dn,Tab as cn,TabStyles as hn,TabTemplate as un,TablistAppearance as pn,TablistOrientation as mn,TablistSize as bn,Tablist as vn,TablistStyles as gn,TablistTemplate as fn,TextArea as wn,TextAreaStyles as yn,TextAreaTemplate as $n,TextAreaAppearance as xn,TextAreaAppearancesForDisplayShadow as Cn,TextAreaAutocomplete as kn,TextAreaResize as In,TextAreaSize as En,Text as Ln,TextStyles as Sn,TextTemplate as Mn,TextAlign as Tn,TextFont as Pn,TextSize as Rn,TextWeight as zn,Tree as An,TreeStyles as On,TreeTemplate as Dn,TreeItem as Bn,TreeItemStyles as _n,ToggleButton as Vn,ToggleButtonAppearance as Fn,ToggleButtonShape as Hn,ToggleButtonSize as jn,ToggleButtonTemplate as Nn,Tooltip as qn,TooltipStyles as Xn,TooltipTemplate as Kn,TooltipPositioningOption as Wn}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 Yn,attr as Un,observable as Gn,Updates as Zn,Observable as Qn,slotted as Jn,html as es,css as ts,ref as os,repeat as is,AttributeConfiguration as ns,InlineTemplateDirective as ss,oneTime as rs,elements as as,nullableNumberConverter as ls,when as ds}from"@microsoft/fast-element";import{keyArrowLeft as cs,keyArrowRight as hs,keySpace as us,keyEnter as ps,isHTMLElement as ms,keyHome as bs,keyEnd as vs,keyArrowUp as gs,keyArrowDown as fs,keyEscape as ws,uniqueId as ys,keyTab as $s,Direction as xs,limit as Cs}from"@microsoft/fast-web-utilities";import{isTabbable as ks}from"tabbable";import{formatString as Is,getString as Es}from"@fabric-msft/localization";import{createOverflowManager as Ls}from"@fluentui/priority-overflow";import{autoUpdate as Ss,arrow as Ms,offset as Ts,autoPlacement as Ps,computePosition as Rs}from"@floating-ui/dom";CSS.supports("anchor-name: --a");const zs=CSS.supports("selector(:state(g))"),As=new Map;function Os(e){var t;return null!==(t=As.get(e))&&void 0!==t?t:As.set(e,zs?`:state(${e})`:`[state--${e}]`).get(e)}function Ds(e,t,o){t&&e&&(zs?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Bs(e,t,o,i){t&&i(e,t,!1),o&&i(e,o,!0)}function _s(e,t=0){return`${e}${t}-${Math.round(65536*(Math.random()+t)).toString(16).slice(0,8)}`}const Vs={normal:"normal",danger:"danger"},Fs={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},Hs={[Fs.menuitem]:"menuitem",[Fs.menuitemcheckbox]:"menuitemcheckbox",[Fs.menuitemradio]:"menuitemradio"},js={group:"group"},Ns={group:js.group};var qs,Xs,Ks,Ws=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},Ys=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Us extends Yn{constructor(){super(...arguments),qs.add(this),this.elementInternals=this.attachInternals(),this.role=Fs.menuitem,this.checked=!1,this._submenuAnchorName=`--${_s("menu-item-anchor-")}`,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case ps:case us:return this.invoke(),!1;case hs:return!this.disabled&&Gs(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case cs:{const e=this.parentElement;return Gs(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.submenu&&e.composedPath().includes(this.submenu)||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=e=>{var t;const o=e.relatedTarget;return o&&this.contains(o)||null===(t=this.submenu)||void 0===t||t.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 Fs.menuitemcheckbox:this.checked=!this.checked;break;case Fs.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case Fs.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,Ds(this.elementInternals,"disabled",t)}appearanceChanged(e,t){Bs(this.elementInternals,e,t,Ds)}roleChanged(e,t){this.elementInternals.role=null!=t?t:Fs.menuitem;const o=(null!=t?t:Fs.menuitem)!==Fs.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Ds(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==Fs.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Ds(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o,i;if(null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length){this.submenu=t[0],this.submenu.setAttribute("popover","manual"),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Ds(this.elementInternals,"submenu",!0);const e=this.getSubmenuAnchorName();this.style.anchorName=e,this.submenu.style.positionAnchor=e}else this.elementInternals.ariaHasPopup=null,Ds(this.elementInternals,"submenu",!1),null===(i=this.submenu)||void 0===i||i.style.removeProperty("position-anchor"),this.submenu=void 0}getSubmenuAnchorName(){return this.id?`--${this.id}`:this._submenuAnchorName}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:Fs.menuitem,Ys(this,qs,"m",Xs).call(this)}disconnectedCallback(){super.disconnectedCallback(),Ys(this,qs,"m",Ks).call(this)}}function Gs(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}qs=new WeakSet,Xs=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)},Ks=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)},Ws([Un({mode:"boolean"})],Us.prototype,"disabled",void 0),Ws([Un],Us.prototype,"appearance",void 0),Ws([Un],Us.prototype,"role",void 0),Ws([Un({mode:"boolean"})],Us.prototype,"checked",void 0),Ws([Un({mode:"boolean"})],Us.prototype,"hidden",void 0),Ws([Gn],Us.prototype,"slottedSubmenu",void 0),Ws([Gn],Us.prototype,"submenu",void 0);var Zs=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qs extends Yn{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&ms(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===Fs.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===Fs.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof Us||ms(e)&&e.getAttribute("role")in Qs.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Zn.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 fs:return void this.setFocus(this.focusIndex+1,1);case gs:return void this.setFocus(this.focusIndex-1,-1);case vs:return void this.setFocus(this.menuItems.length-1,-1);case bs:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Qn.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Fs.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Qn.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const n=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),s=null==n?void 0:n.reduce((e,t)=>{const o=Qs.elementIndent(t);return Math.max(e,o)},0);null==n||n.forEach(e=>{e instanceof Us&&e.setAttribute("data-indent",`${s}`)})}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}}}Qs.focusableElementRoles=Fs,Zs([Gn],Qs.prototype,"items",void 0);var Js=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class er extends Yn{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 ps:case us:e.preventDefault(),this.expanded=!this.expanded;break;case ws: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=ys("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Zn.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&&(Ds(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Ds(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Ds(this.elementInternals,e,!1),t&&Ds(this.elementInternals,t,!0)}blockChanged(e,t){Ds(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Ds(this.elementInternals,`align-${e}`,!1),t&&Ds(this.elementInternals,`align-${t}`,!0)}}Js([Gn],er.prototype,"menuList",void 0),Js([Un({mode:"boolean"})],er.prototype,"expanded",void 0),Js([Un({mode:"boolean"})],er.prototype,"disabled",void 0),Js([Un],er.prototype,"id",void 0),Js([Un],er.prototype,"size",void 0),Js([Un({mode:"boolean"})],er.prototype,"block",void 0),Js([Un({attribute:"marker-position"})],er.prototype,"markerPosition",void 0);const tr={single:"single",multi:"multi"};var or=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ir extends Yn{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=tr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof Us||ms(e)&&e.getAttribute("role")in Qs.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Qn.getNotifier(e).unsubscribe(this,"disabled"),Qn.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Zn.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===tr.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 er&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof Us&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof er&&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=>Qn.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof er&&Qn.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),i=null==o?void 0:o.reduce((e,t)=>{const o=ir.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof Us&&e.setAttribute("data-indent",`${i}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==Fs.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===tr.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof er&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}or([Un({attribute:"expand-mode"})],ir.prototype,"expandmode",void 0),or([Gn],ir.prototype,"slottedElements",void 0);const nr=es`<template class="accordion-menu"><slot ${Jn({property:"slottedElements"})}></slot></template>`,sr=ts`
|
|
2
2
|
${u("flex")}
|
|
3
3
|
|
|
4
|
-
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${d} * 15);min-width:calc(${c} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${h}}`,
|
|
4
|
+
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${d} * 15);min-width:calc(${c} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${h}}`,rr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),ar=ir.compose({name:`${rr.prefix}-accordion-menu`,template:nr,styles:sr,shadowOptions:{mode:rr.shadowRootMode}}),lr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},dr={start:"start",end:"end"},cr=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M6 2C4.89543 2 4 2.89543 4 4V16C4 17.1046 4.89543 18 6 18H14C15.1046 18 16 17.1046 16 16V7.41421C16 7.01639 15.842 6.63486 15.5607 6.35355L11.6464 2.43934C11.3651 2.15804 10.9836 2 10.5858 2H6ZM5 4C5 3.44772 5.44772 3 6 3H10V6.5C10 7.32843 10.6716 8 11.5 8H15V16C15 16.5523 14.5523 17 14 17H6C5.44772 17 5 16.5523 5 16V4ZM14.7929 7H11.5C11.2239 7 11 6.77614 11 6.5V3.20711L14.7929 7Z" fill="currentColor" /></svg>`,hr=es`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M3.15 3.15a.5.5 0 0 1 .7 0L8 7.29l4.15-4.14a.5.5 0 0 1 .7.7L8.71 8l4.14 4.15a.5.5 0 0 1-.7.7L8 8.71l-4.15 4.14a.5.5 0 0 1-.7-.7L7.29 8 3.15 3.85a.5.5 0 0 1 0-.7Z" fill="currentColor" /></svg>`,ur=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3534 15.8529C12.1585 16.0485 11.8419 16.0491 11.6463 15.8542L6.16178 10.3892C5.94607 10.1743 5.94607 9.82495 6.16178 9.61L11.6463 4.14502C11.8419 3.95011 12.1585 3.95067 12.3534 4.14628C12.5483 4.34189 12.5477 4.65848 12.3521 4.85339L7.18753 9.99961L12.3521 15.1458C12.5477 15.3407 12.5483 15.6573 12.3534 15.8529Z" fill="currentColor" /></svg>`,pr=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,mr=es.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-collapsed"\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>'),br=es.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="M4.20694 12.2673C3.92125 11.9674 3.93279 11.4926 4.23271 11.2069L9.48318 6.20561C9.77285 5.92975 10.2281 5.92975 10.5178 6.20561L15.7682 11.2069C16.0681 11.4926 16.0797 11.9674 15.794 12.2673C15.5083 12.5672 15.0336 12.5787 14.7336 12.2931L10.0005 7.78448L5.26729 12.2931C4.96737 12.5787 4.49264 12.5672 4.20694 12.2673Z"\n fill="currentColor"\n />\n</svg>'),vr=es`<svg width="6" height="6" viewBox="0 0 6 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><circle cx="3" cy="3" r="3" fill="currentColor" /></svg>`;const gr=es`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${os("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">${br}</slot><slot name="marker-collapsed">${mr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Jn("menuList")}></slot></div></template>`;Os("active");const fr=Os("align-end");Os("align-start"),Os("anchor"),Os("auto-resize"),Os("bad-input"),Os("beige"),Os("block"),Os("blue"),Os("bold"),Os("bordered"),Os("brand"),Os("brass"),Os("brown"),Os("center");const wr=Os("checked"),yr=Os("circular");Os("cornflower"),Os("cranberry"),Os("custom-error");const $r=Os("danger");Os("dark-green"),Os("dark-red"),Os("description");const xr=Os("disabled");Os("display-shadow"),Os("dot"),Os("end"),Os("error");const Cr=Os("expanded"),kr=Os("extra-large");Os("extra-small"),Os("filled-darker"),Os("filled-lighter"),Os("fit-center"),Os("fit-contain"),Os("fit-cover"),Os("fit-none"),Os("flip-block");const Ir=Os("focus-visible");Os("forest"),Os("ghost"),Os("gold"),Os("grape"),Os("has-message"),Os("huge");const Er=Os("icon");Os("important"),Os("indeterminate"),Os("informative"),Os("inline"),Os("inset"),Os("inverted"),Os("italic"),Os("justify");const Lr=Os("large");Os("lavender"),Os("light-teal"),Os("lilac"),Os("magenta"),Os("marigold");const Sr=Os("medium");Os("mink"),Os("monospace"),Os("multiline"),Os("multiple"),Os("navy"),Os("neutral"),Os("nowrap"),Os("numeric"),Os("open");const Mr=Os("outline");Os("pattern-mismatch"),Os("peach"),Os("pink"),Os("placeholder-shown"),Os("platinum"),Os("plum");const Tr=Os("pressed"),Pr=Os("primary");Os("pumpkin"),Os("purple"),Os("range-overflow"),Os("range-underflow"),Os("red"),Os("resize-both"),Os("resize-horizontal"),Os("resize-vertical"),Os("rounded"),Os("royal-blue"),Os("seafoam"),Os("selected"),Os("semibold"),Os("severe"),Os("shadow"),Os("size-1000"),Os("size-100"),Os("size-200"),Os("size-400"),Os("size-500"),Os("size-600"),Os("size-700"),Os("size-800"),Os("size-900");const Rr=Os("small"),zr=Os("square");Os("steel"),Os("step-mismatch"),Os("strikethrough"),Os("strong");const Ar=Os("submenu"),Or=Os("subtle");Os("success"),Os("teal"),Os("tint"),Os("tiny"),Os("too-long"),Os("too-short");const Dr=Os("transparent");Os("truncate"),Os("type-mismatch"),Os("underline"),Os("user-invalid"),Os("valid"),Os("value-missing"),Os("vertical"),Os("warning");const Br=ts`
|
|
5
5
|
${u("block")}
|
|
6
6
|
|
|
7
|
-
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${p};outline:2px solid ${m}}: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:${e};align-items:center;position:relative;padding-inline:${
|
|
8
|
-
grid-template-columns:auto auto 1fr auto;padding:0px ${g};margin:1px;gap:${f};cursor:pointer;color:${w};background:${y};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.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:${
|
|
9
|
-
brightness(88%) contrast(87%)}:host(${
|
|
10
|
-
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${
|
|
7
|
+
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${p};outline:2px solid ${m}}: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:${e};align-items:center;position:relative;padding-inline:${b} ${b};border-radius:${p};${v}
|
|
8
|
+
grid-template-columns:auto auto 1fr auto;padding:0px ${g};margin:1px;gap:${f};cursor:pointer;color:${w};background:${y};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.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:${b}}:host(${xr}) .heading{color:${$};cursor:not-allowed}:host(${xr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
|
|
9
|
+
brightness(88%) contrast(87%)}:host(${Cr}) .content{display:block}:host(${Cr}) .default-marker-collapsed,:host(${Cr}) ::slotted([slot="marker-collapsed"]),:host(:not(${Cr})) :is(.default-marker-expanded,.content),:host(:not(${Cr})) ::slotted([slot="marker-expanded"]){display:none}:host(${Cr}) ::slotted([slot="marker-expanded"]),:host(:not(${Cr})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Rr}) .heading{font-size:${x};line-height:${C}}:host(${Lr}) .heading{font-size:${k};line-height:${I}}:host(${kr}) .heading{font-size:${E};line-height:${L}}:host(${fr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${fr})
|
|
10
|
+
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${b};padding-inline-end:${S}}:host([block]){max-width:100%}:host(${fr}) .heading{padding-inline:${b}}:host(${fr}:has([slot='start'])) .heading{padding-inline:${M} ${b}}:host(:not(:first-of-type)) .heading{border-block-start:${T} solid ${P};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`,_r=er.compose({name:`${rr.prefix}-accordion-menu-panel`,template:gr,styles:Br,shadowOptions:{mode:rr.shadowRootMode}}),Vr={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Fr={horizontal:"horizontal",vertical:"vertical"},Hr={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},jr=Hr,Nr={interactiveChanged:"interactive-changed",click:"click"};var qr=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Xr extends Yn{constructor(){super(...arguments),this.focusMode=jr.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=>Xr.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:i,shiftKey:n}=e,s=o===i,r=this.focusMode===jr.off||this.focusMode===jr.tabOnly,a=this.focusMode===jr.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case ps:if(!s)return!0;this.interactive?this.emitClickEvent():a||Zn.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case $s:return this.shouldTrapFocus?((l&&!n||d&&n)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==jr.tabExit||((l&&!n||d&&n||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case ws:this.focusMode!==jr.off&&this.card.focus(),r||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==jr.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===jr.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Nr.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Nr.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==jr.off&&this.focusMode!==jr.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&Zn.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:ks(t)||Xr.isFocusableFastElement(t)&&Xr.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>Xr.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=>ks(e))}}qr([Un({attribute:"focus-mode"})],Xr.prototype,"focusMode",void 0),qr([Un],Xr.prototype,"appearance",void 0),qr([Un],Xr.prototype,"role",void 0),qr([Un],Xr.prototype,"value",void 0),qr([Un],Xr.prototype,"href",void 0),qr([Un],Xr.prototype,"orientation",void 0),qr([Un({mode:"boolean"})],Xr.prototype,"disabled",void 0),qr([Gn,Un({mode:"boolean"})],Xr.prototype,"interactive",void 0),qr([Un({attribute:"aria-describedby"})],Xr.prototype,"ariaDescribedby",void 0),qr([Un({attribute:"aria-labelledby"})],Xr.prototype,"ariaLabelledby",void 0);const Kr=ts`
|
|
11
11
|
${u("inline-block")}
|
|
12
|
-
:host{font-family:${R};background:${y};border-radius:${p};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${
|
|
12
|
+
:host{font-family:${R};background:${y};border-radius:${p};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${z};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:${A};outline:${O} solid ${D};box-shadow:${z},0 0 0 2px ${m}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${B};border:${T} solid ${D};border-radius:${p}}: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:${_}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${y};border-color:${V};box-shadow:none}:host([appearance="subtle"]) .card{background:${F};border-color:${D};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${H};border-color:${j};box-shadow:${N}}:host([interactive]:active) .card{background:${q};border-color:${j}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${X}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${K}}:host([interactive][appearance="outline"]:hover) .card{background:${W};border-color:${Y};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${U};border-color:${G}}:host([interactive][appearance="subtle"]:hover) .card{background:${Z};border-color:${j};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${Q}}.card[aria-selected="true"]{background:${J};border-color:${j};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${ee};border-color:${te}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${oe};border-color:${te}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${ie}}:host([aria-disabled="true"]) .card{background:${ne};border-color:${se};cursor:not-allowed;pointer-events:none;box-shadow:${re}}: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:${y}}`;const Wr=es`<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}" ${os("card")}><div class="root" ${os("root")}><div class="content"><slot></slot></div></div></div></template>`,Yr=Xr.compose({name:`${rr.prefix}-card`,template:Wr,styles:Kr,shadowOptions:{mode:rr.shadowRootMode}});class Ur extends Yn{}const Gr=ts`
|
|
13
13
|
${u("flex")}
|
|
14
|
-
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${ae});padding:${le} ${
|
|
14
|
+
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${ae});padding:${le} ${b}}`;const Zr=es`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Qr=Ur.compose({name:`${rr.prefix}-card-footer`,template:Zr,styles:Gr,shadowOptions:{mode:rr.shadowRootMode}});class Jr extends Yn{}const ea=ts`
|
|
15
15
|
${u("flex")}
|
|
16
|
-
: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:${de};font-weight:${ce}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${x};font-weight:${he}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${h}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${
|
|
16
|
+
: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:${de};font-weight:${ce}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${x};font-weight:${he}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${h}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${b}}.row{display:flex;align-items:center;gap:${f}}`;const ta=es`<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>`,oa=Jr.compose({name:`${rr.prefix}-card-header`,template:ta,styles:ea,shadowOptions:{mode:rr.shadowRootMode}});class ia extends Yn{}const na=ts`
|
|
17
17
|
${u("flex")}
|
|
18
|
-
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${ae};bottom:${ue}}::slotted(img){overflow:hidden}`;const ea=Jn`<template><slot></slot><slot name="badge"></slot></template>`,ta=Qr.compose({name:`${nr.prefix}-card-preview`,template:ea,styles:Jr,shadowOptions:{mode:nr.shadowRootMode}}),oa={grouped:"grouped",flexible:"flexible",hidden:"hidden"},ia={overContent:"over-content",outsideContent:"outside-content"},na={change:"change"},sa={select:"select",previous:"previous",next:"next"},ra=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?$s.rtl:$s.ltr};function aa(){return pa().value===$s.rtl}class la{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===$s.rtl||o===$s.ltr)return o;if("auto"===o)return null}return null}}class da{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 ca{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:$s.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 ha=null;function ua(e){ha=e}function pa(){return ha||(ha=new ca({strategies:[new la([document.documentElement])],observers:[new da("html")]})),ha}const ma=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function va(e){const{items:t,isDisabled:o=ma,orientation:i="vertical",enableHomeEnd:n=!0,wrap:s=!0,preventDefault:r=!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,i)=>{const n=null!=i?i:t();for(const t of n){const i=t===e&&!o(t);t.tabIndex=i?0:-1,t.setAttribute("tabindex",i?"0":"-1")}},u=(e,t,o,i)=>{h(e,i),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const i=t(),n=i.filter(e=>!o(e));if(0===n.length)return!1;if(1===n.length)return!1;const r=c();let a=r?n.indexOf(r):-1;-1===a&&(a=0);let l=a+e;if(s)l=(l+n.length)%n.length;else if(l<0||l>=n.length)return!1;const d=n[l];return u(d,l,!0,i),!0},m=()=>{const e=t(),i=e.filter(e=>!o(e));return 0!==i.length&&(u(i[0],0,!0,e),!0)},v=()=>{const e=t(),i=e.filter(e=>!o(e));if(0===i.length)return!1;const n=i.length-1;return u(i[n],n,!0,e),!0},b=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===i||"both"===i)&&e===bs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===cs:e===ds))return!0}else{if(("vertical"===i||"both"===i)&&e===gs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===ds:e===cs))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const i=e.filter(e=>!o(e));if(0===i.length)return void h(null,e);const n=c();n&&i.includes(n)?h(n,e):h(i[0],e)},move:p,focusFirst:m,focusLast:v,focus:e=>{const i=t();if(!i.includes(e))return!1;if(o(e))return!1;const n=i.filter(e=>!o(e)).indexOf(e);return u(e,-1!==n?n:null,!0,i),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const i=t(),n=i.find(t=>t===e||t.contains(e));if(!n)return!1;if(o(n))return!1;const s=i.filter(e=>!o(e)).indexOf(n);return u(n,-1!==s?s:null,!1,i),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return b(t,"prev")?o=p(-1):b(t,"next")?o=p(1):n&&t===ms?o=m():n&&t===vs&&(o=v()),o&&r&&e.preventDefault(),o},destroy:()=>{}}}class ba{constructor(){this.controllers=new WeakMap,this.currentItems=[]}update(e,t,o){const i=new Set(null!=e?e:[]),n=new Set(null!=t?t:[]);null==e||e.forEach(e=>{var t;n.has(e)||null===(t=this.controllers.get(e))||void 0===t||t.abort()}),null==t||t.forEach((e,t)=>{if(!i.has(e)){const i=new AbortController;this.controllers.set(e,i),o(e,t,i.signal)}}),this.currentItems=null!=t?t:[]}dispose(){this.currentItems.forEach(e=>{var t;null===(t=this.controllers.get(e))||void 0===t||t.abort()}),this.currentItems=[]}}var ga=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class fa extends Wn{constructor(){super(...arguments),this.buttonPlacement=oa.grouped,this.currentIndex=0,this.rovingFocus=va({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>pa().value===$s.rtl}),this.navItemEvents=new ba,this.slottedNavItems=[]}currentIndexChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||o===this.currentIndex||(this.currentIndex=o,this.updateActiveStates(),this.slottedNavItems[this.currentIndex]&&this.rovingFocus.sync(this.slottedNavItems[this.currentIndex]))}slottedNavItemsChanged(e,t){this.navItemEvents.update(e,t,(e,t,o)=>{e.addEventListener("click",()=>this.handleItemClick(t),{signal:o}),e.addEventListener("keydown",e=>this.handleIndicatorKeydown(e,t),{signal:o})}),this.updateActiveStates(),this.rovingFocus.applyTabindex()}updateActiveStates(){var e;null===(e=this.slottedNavItems)||void 0===e||e.forEach((e,t)=>{e.active=t===this.currentIndex})}handleIndicatorKeydown(e,t){const{key:o}=e;if(o===us||o===hs)return e.preventDefault(),void this.emitSelect(t);this.rovingFocus.handleKeydown(e)}handleItemClick(e){this.emitSelect(e)}handlePrevClick(){this.dispatchEvent(new CustomEvent(sa.previous,{bubbles:!0,composed:!0}))}handleNextClick(){this.dispatchEvent(new CustomEvent(sa.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(sa.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function wa(e){return"true"===e.getAttribute("aria-disabled")}function ya(e){return"true"===e.getAttribute("aria-hidden")}function $a(e){return!wa(e)&&!ya(e)&&null!==e.offsetParent}function xa(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})}function Ca(e,...t){const o=os.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});os.locate(t).forEach(e=>o.push(e))})}function ka(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Ia(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}ga([Yn({attribute:"button-placement"})],fa.prototype,"buttonPlacement",void 0),ga([Yn({attribute:"current-index"})],fa.prototype,"currentIndex",void 0),ga([Gn],fa.prototype,"slottedNavItems",void 0);class Ea{static setAssertFailFunction(e){Ea.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Ea.assertFail(t)}static assertDefined(e,t){this.enabled&&Ea.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Ea.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Ea.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Ea.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}}Ea.enabled=!1;const Sa=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class La{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 Ma(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new La(this)})}const Pa=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function za(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||Pa.has(e))throw new Error(`Invalid custom element name: "${e}". Custom element names must start with a lowercase ASCII letter, contain a hyphen, and use only lowercase ASCII letters, numbers, '.', '_', or '-'.`)}function Ra(e){return za(e.name),e}function Aa(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return za(o),{name:o,define(o){const i=function(e){const t=null!=e?e:globalThis.customElements;if(!t)throw new Error("CustomElementRegistry is not available in this environment.");return t}(o),n=new Set;for(const o of[...t,e])za(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class Oa{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 Ta extends Oa{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Ta(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:i}=this;i&&!t?(e.addStyles(o),t=i):!i&&t&&(e.removeStyles(o),t=i)}}removedCallback(e){e.removeStyles(this.styles)}}const Da=Ta.with(window.matchMedia("(forced-colors)"));Ta.with(window.matchMedia("(prefers-color-scheme: dark)")),Ta.with(window.matchMedia("(prefers-color-scheme: light)"));const Ba="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Va(e){return Ba?e.metaKey:e.ctrlKey}function _a(e){return e?"string"==typeof e?new is(e):"inline"in e?e.inline():e:is.empty}const Ha=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function Fa(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Na(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const ja=es`
|
|
19
|
-
:host{display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${ae}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${pe};height:${pe};padding:${L};background:${B};color:${me};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${_}}.nav-button:focus-visible{outline:2px solid ${me};outline-offset:2px;border-radius:${ve}}`.withBehaviors(Da(es`
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
:host{display:block;
|
|
18
|
+
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${ae};bottom:${ue}}::slotted(img){overflow:hidden}`;const sa=es`<template><slot></slot><slot name="badge"></slot></template>`,ra=ia.compose({name:`${rr.prefix}-card-preview`,template:sa,styles:na,shadowOptions:{mode:rr.shadowRootMode}}),aa={grouped:"grouped",flexible:"flexible",hidden:"hidden"},la={overContent:"over-content",outsideContent:"outside-content"},da={change:"change"};class ca{get currentIndex(){return Qn.track(this,"currentIndex"),this._currentIndex}set currentIndex(e){this._currentIndex!==e&&(this._currentIndex=e,Qn.notify(this,"currentIndex"),this.syncActiveStates())}get items(){return Qn.track(this,"items"),this._items}set items(e){this._items=e,Qn.notify(this,"items"),this.updateActiveStates()}get totalItems(){return this.items.length}constructor(e){var t;this._currentIndex=0,this._items=[],this.idPrefix=null!==(t=null==e?void 0:e.idPrefix)&&void 0!==t?t:"carousel-"+ca.idCounter++}next(){this._currentIndex<this.totalItems-1&&(this.currentIndex=this._currentIndex+1)}prev(){this._currentIndex>0&&(this.currentIndex=this._currentIndex-1)}scrollToIndex(e){e>=0&&e<this.totalItems&&(this.currentIndex=e)}updateActiveStates(){if(this._items.length){const e=Math.min(this._currentIndex,this._items.length-1);if(e!==this._currentIndex)return void(this.currentIndex=e)}this.syncActiveStates()}syncActiveStates(){this._items.forEach((e,t)=>{e.active=t===this._currentIndex,e.panelId=this.getPanelId(t),e.tabId=this.getTabId(t)})}getTabId(e){return`${this.idPrefix}-tab-${e}`}getPanelId(e){return`${this.idPrefix}-panel-${e}`}getTabLabel(e){var t;const o=this._items[e];return null!==(t=null==o?void 0:o.label)&&void 0!==t?t:Is("Carousel_Slide",e+1)}}ca.idCounter=0;var ha=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ua extends Yn{constructor(){super(...arguments),this.controller=new ca,this.navPosition=la.outsideContent,this.navButtonPlacement=aa.grouped,this.slottedItems=[]}get currentIndex(){return this.controller.currentIndex}set currentIndex(e){const t=this.controller.currentIndex;e!==t&&(this.controller.currentIndex=e,this.emitChange(e,t))}get totalItems(){return this.controller.totalItems}slottedItemsChanged(){this.controller.items=this.slottedItems,this.controller.updateActiveStates()}next(){this.controller.currentIndex<this.totalItems-1&&(this.currentIndex=this.controller.currentIndex+1)}prev(){this.controller.currentIndex>0&&(this.currentIndex=this.controller.currentIndex-1)}scrollToIndex(e){e>=0&&e<this.totalItems&&(this.currentIndex=e)}getTabId(e){return this.controller.getTabId(e)}getPanelId(e){return this.controller.getPanelId(e)}getTabLabel(e){return this.controller.getTabLabel(e)}connectedCallback(){super.connectedCallback(),this.controller.items=this.slottedItems,this.controller.updateActiveStates()}emitChange(e,t){this.dispatchEvent(new CustomEvent(da.change,{detail:{index:e,previousIndex:t},bubbles:!0,composed:!0}))}}ha([Un({attribute:"nav-position"})],ua.prototype,"navPosition",void 0),ha([Un({attribute:"nav-button-placement"})],ua.prototype,"navButtonPlacement",void 0),ha([Gn],ua.prototype,"slottedItems",void 0);const pa=ts`
|
|
19
|
+
:host{--_carousel-dir:-1;display:flex;flex-direction:column;position:relative;background:${B}}:host(:dir(rtl)){--_carousel-dir:1}.nav-container{display:flex;justify-content:center;width:100%}:host([nav-position="outside-content"]) .nav-container{position:relative;margin-block-start:${ue}}:host([nav-position="over-content"]) .nav-container{position:absolute;inset-block-end:${ue};inset-inline:0;z-index:1}`;const ma=es`<template role="region" aria-roledescription="carousel" nav-position="${e=>e.navPosition}" nav-button-placement="${e=>e.navButtonPlacement}"><fabric-carousel-viewport :controller="${e=>e.controller}"><slot ${Jn({property:"slottedItems",filter:e=>"FABRIC-CAROUSEL-ITEM"===e.tagName})}></slot></fabric-carousel-viewport><div class="nav-container"><fabric-carousel-nav :controller="${e=>e.controller}" button-placement="${e=>e.navButtonPlacement}" current-index="${e=>e.currentIndex}">${is(e=>e.slottedItems,es`<fabric-carousel-nav-item :tabId="${(e,t)=>t.parent.getTabId(t.index)}" :panelId="${(e,t)=>t.parent.getPanelId(t.index)}" :tabLabel="${(e,t)=>t.parent.getTabLabel(t.index)}"></fabric-carousel-nav-item>`,{positioning:!0})}</fabric-carousel-nav></div></template>`,ba=ua.compose({name:`${rr.prefix}-carousel`,template:ma,styles:pa,shadowOptions:{mode:rr.shadowRootMode}}),va={select:"select",previous:"previous",next:"next"},ga=e=>{var t;return"rtl"===(null===(t=e.closest("[dir]"))||void 0===t?void 0:t.dir)?xs.rtl:xs.ltr};function fa(){return ka().value===xs.rtl}class wa{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===xs.rtl||o===xs.ltr)return o;if("auto"===o)return null}return null}}class ya{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 $a{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:xs.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 xa=null;function Ca(e){xa=e}function ka(){return xa||(xa=new $a({strategies:[new wa([document.documentElement])],observers:[new ya("html")]})),xa}const Ia=e=>e.matches('[disabled], [aria-disabled="true"], [inert]');function Ea(e){const{items:t,isDisabled:o=Ia,orientation:i="vertical",enableHomeEnd:n=!0,wrap:s=!0,preventDefault:r=!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,i)=>{const n=null!=i?i:t();for(const t of n){const i=t===e&&!o(t);t.tabIndex=i?0:-1,t.setAttribute("tabindex",i?"0":"-1")}},u=(e,t,o,i)=>{h(e,i),o&&(e=>{a?a(e):e.focus()})(e),null!==t&&(null==l||l(e,t))},p=e=>{const i=t(),n=i.filter(e=>!o(e));if(0===n.length)return!1;if(1===n.length)return!1;const r=c();let a=r?n.indexOf(r):-1;-1===a&&(a=0);let l=a+e;if(s)l=(l+n.length)%n.length;else if(l<0||l>=n.length)return!1;const d=n[l];return u(d,l,!0,i),!0},m=()=>{const e=t(),i=e.filter(e=>!o(e));return 0!==i.length&&(u(i[0],0,!0,e),!0)},b=()=>{const e=t(),i=e.filter(e=>!o(e));if(0===i.length)return!1;const n=i.length-1;return u(i[n],n,!0,e),!0},v=(e,t)=>{const o=d();if("prev"===t){if(("vertical"===i||"both"===i)&&e===gs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===hs:e===cs))return!0}else{if(("vertical"===i||"both"===i)&&e===fs)return!0;if(("horizontal"===i||"both"===i)&&(o?e===cs:e===hs))return!0}return!1};return{applyTabindex:()=>{const e=t();if(0===e.length)return;const i=e.filter(e=>!o(e));if(0===i.length)return void h(null,e);const n=c();n&&i.includes(n)?h(n,e):h(i[0],e)},move:p,focusFirst:m,focusLast:b,focus:e=>{const i=t();if(!i.includes(e))return!1;if(o(e))return!1;const n=i.filter(e=>!o(e)).indexOf(e);return u(e,-1!==n?n:null,!0,i),!0},sync:e=>{if(!(e&&e instanceof HTMLElement))return!1;const i=t(),n=i.find(t=>t===e||t.contains(e));if(!n)return!1;if(o(n))return!1;const s=i.filter(e=>!o(e)).indexOf(n);return u(n,-1!==s?s:null,!1,i),!0},handleKeydown:e=>{const{key:t}=e;let o=!1;return v(t,"prev")?o=p(-1):v(t,"next")?o=p(1):n&&t===bs?o=m():n&&t===vs&&(o=b()),o&&r&&e.preventDefault(),o},destroy:()=>{}}}class La{constructor(){this.controllers=new WeakMap,this.currentItems=[]}update(e,t,o){const i=new Set(null!=e?e:[]),n=new Set(null!=t?t:[]);null==e||e.forEach(e=>{var t;n.has(e)||null===(t=this.controllers.get(e))||void 0===t||t.abort()}),null==t||t.forEach((e,t)=>{if(!i.has(e)){const i=new AbortController;this.controllers.set(e,i),o(e,t,i.signal)}}),this.currentItems=null!=t?t:[]}dispose(){this.currentItems.forEach(e=>{var t;null===(t=this.controllers.get(e))||void 0===t||t.abort()}),this.currentItems=[]}}var Sa=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ma extends Yn{constructor(){super(...arguments),this.buttonPlacement=aa.grouped,this.currentIndex=0,this.rovingFocus=Ea({items:()=>{var e;return null!==(e=this.slottedNavItems)&&void 0!==e?e:[]},orientation:"horizontal",wrap:!0,enableHomeEnd:!0,isRtl:()=>ka().value===xs.rtl}),this.navItemEvents=new La,this.slottedNavItems=[]}currentIndexChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||o===this.currentIndex||(this.currentIndex=o,this.updateActiveStates(),this.slottedNavItems[this.currentIndex]&&this.rovingFocus.sync(this.slottedNavItems[this.currentIndex]))}slottedNavItemsChanged(e,t){this.navItemEvents.update(e,t,(e,t,o)=>{e.addEventListener("click",()=>this.handleItemClick(t),{signal:o}),e.addEventListener("keydown",e=>this.handleIndicatorKeydown(e,t),{signal:o})}),this.updateActiveStates(),this.rovingFocus.applyTabindex()}updateActiveStates(){var e;null===(e=this.slottedNavItems)||void 0===e||e.forEach((e,t)=>{e.active=t===this.currentIndex})}handleIndicatorKeydown(e,t){var o;const{key:i}=e;if(i===ps||i===us)return e.preventDefault(),null===(o=this.controller)||void 0===o||o.scrollToIndex(t),void this.emitSelect(t);this.rovingFocus.handleKeydown(e)}handleItemClick(e){var t;null===(t=this.controller)||void 0===t||t.scrollToIndex(e),this.emitSelect(e)}handlePrevClick(){var e;null===(e=this.controller)||void 0===e||e.prev(),this.dispatchEvent(new CustomEvent(va.previous,{bubbles:!0,composed:!0}))}handleNextClick(){var e;null===(e=this.controller)||void 0===e||e.next(),this.dispatchEvent(new CustomEvent(va.next,{bubbles:!0,composed:!0}))}emitSelect(e){this.dispatchEvent(new CustomEvent(va.select,{detail:{index:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.navItemEvents.dispose(),this.rovingFocus.destroy(),super.disconnectedCallback()}}function Ta(e){return"true"===e.getAttribute("aria-disabled")}function Pa(e){return"true"===e.getAttribute("aria-hidden")}function Ra(e){return!Ta(e)&&!Pa(e)&&null!==e.offsetParent}function za(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})}function Aa(e,...t){const o=ns.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});ns.locate(t).forEach(e=>o.push(e))})}function Oa(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}function Da(e,t){let o;return function(...i){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,i),t)}}Sa([Un({attribute:"button-placement"})],Ma.prototype,"buttonPlacement",void 0),Sa([Un({attribute:"current-index"})],Ma.prototype,"currentIndex",void 0),Sa([Gn],Ma.prototype,"controller",void 0),Sa([Gn],Ma.prototype,"slottedNavItems",void 0);class Ba{static setAssertFailFunction(e){Ba.assertFailFunction=e}static assert(e,t){if(!this.enabled)return;const o=e();t=null!=t?t:"condition: "+o,!0!==o&&Ba.assertFail(t)}static assertDefined(e,t){this.enabled&&Ba.assert(()=>null!=e,t)}static assertNonEmpty(e,t){this.enabled&&Ba.assert(()=>null!=e&&e.length>0,t)}static assertNever(e){this.enabled&&Ba.assertFail("Expected to never have value "+e)}static assertFail(e){this.enabled&&(Ba.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}}Ba.enabled=!1;const _a=["blur","click","focus","select","setSelectionRange","setRangeText","setCustomValidity","showPicker","checkValidity","reportValidity","stepUp","stepDown"];class Va{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 Fa(){HTMLElement.prototype.attachInternals||(HTMLElement.prototype.attachInternals=function(){return new Va(this)})}const Ha=new Set(["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name"]);function ja(e){if(!/^[a-z][.0-9_a-z-]*-[.0-9_a-z-]*$/.test(e)||Ha.has(e))throw new Error(`Invalid custom element name: "${e}". Custom element names must start with a lowercase ASCII letter, contain a hyphen, and use only lowercase ASCII letters, numbers, '.', '_', or '-'.`)}function Na(e){return ja(e.name),e}function qa(e,...t){if(!e)throw new Error("composeDefinitions requires at least one definition.");const o=e.name;return ja(o),{name:o,define(o){const i=function(e){const t=null!=e?e:globalThis.customElements;if(!t)throw new Error("CustomElementRegistry is not available in this environment.");return t}(o),n=new Set;for(const o of[...t,e])ja(o.name),n.has(o.name)||i.get(o.name)||o.define(i),n.add(o.name)}}}class Xa{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 Ka extends Xa{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Ka(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:i}=this;i&&!t?(e.addStyles(o),t=i):!i&&t&&(e.removeStyles(o),t=i)}}removedCallback(e){e.removeStyles(this.styles)}}const Wa=Ka.with(window.matchMedia("(forced-colors)"));Ka.with(window.matchMedia("(prefers-color-scheme: dark)")),Ka.with(window.matchMedia("(prefers-color-scheme: light)"));const Ya="undefined"!=typeof navigator&&navigator.userAgent.includes("Mac");function Ua(e){return Ya?e.metaKey:e.ctrlKey}function Ga(e){return e?"string"==typeof e?new ss(e):"inline"in e?e.inline():e:ss.empty}const Za=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)};function Qa(e,t,o){let i=e;return void 0!==t&&i<t&&(i=t),void 0!==o&&i>o&&(i=o),i}function Ja(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}const el=ts`
|
|
20
|
+
:host{display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${ae}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${pe};height:${pe};padding:${S};background:${B};color:${me};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${V}}.nav-button:focus-visible{outline:2px solid ${me};outline-offset:2px;border-radius:${be}}`.withBehaviors(Wa(ts`
|
|
21
|
+
.nav-button:focus-visible{outline-color:Highlight !important}`));const tl=es`<template button-placement="${e=>e.buttonPlacement}"><div class="nav-content"><slot name="prev-button"><button class="nav-button prev-button" aria-label="${rs(()=>Es("Carousel_Previous"))}" @click="${e=>e.handlePrevClick()}">${ur}</button></slot><div class="indicators" role="tablist" aria-label="${rs(()=>Es("Carousel_SlideIndicators"))}"><slot ${Jn({property:"slottedNavItems",filter:e=>"FABRIC-CAROUSEL-NAV-ITEM"===e.tagName})}></slot></div><slot name="next-button"><button class="nav-button next-button" aria-label="${rs(()=>Es("Carousel_Next"))}" @click="${e=>e.handleNextClick()}">${pr}</button></slot></div></template>`,ol=Ma.compose({name:`${rr.prefix}-carousel-nav`,template:tl,styles:el,shadowOptions:{mode:rr.shadowRootMode}});var il=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class nl extends Yn{constructor(){super(...arguments),this.active=!1}}il([Un({mode:"boolean"})],nl.prototype,"active",void 0),il([Gn],nl.prototype,"tabId",void 0),il([Gn],nl.prototype,"panelId",void 0),il([Gn],nl.prototype,"tabLabel",void 0);const sl=ts`
|
|
22
|
+
:host{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${pe};height:${ve}}.indicator{display:block;width:${b};height:${b};border-radius:${ge};background:${fe};opacity:0.3;transition:width ${we} ${ye},opacity ${we} ${ye}}:host([active]) .indicator{width:${c};opacity:1;background:${me}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${me};border-radius:${be}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(Wa(ts`
|
|
23
|
+
:host(:focus-visible){outline-color:Highlight !important}`));const rl=es`<template role="tab" id="${e=>e.tabId}" aria-selected="${e=>e.active}" aria-controls="${e=>e.panelId}" aria-label="${e=>e.tabLabel}" tabindex="-1" ?active="${e=>e.active}"><span class="indicator"><slot></slot></span></template>`,al=nl.compose({name:`${rr.prefix}-carousel-nav-item`,template:rl,styles:sl,shadowOptions:{mode:rr.shadowRootMode}});var ll=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class dl extends Yn{}ll([Gn],dl.prototype,"controller",void 0);const cl=ts`
|
|
24
|
+
:host{--_carousel-dir:-1;display:block;overflow:hidden;position:relative;width:100%}:host(:dir(rtl)){--_carousel-dir:1}.track{display:flex;transition:transform ${$e} ${ye};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}`;const hl=es`<template aria-live="polite" aria-atomic="false"><div class="track" style="transform: translateX(calc(var(--_carousel-dir) * ${e=>{var t,o;return null!==(o=null===(t=e.controller)||void 0===t?void 0:t.currentIndex)&&void 0!==o?o:0}} * 100%))"><slot></slot></div></template>`,ul=dl.compose({name:`${rr.prefix}-carousel-viewport`,template:hl,styles:cl,shadowOptions:{mode:rr.shadowRootMode}});function pl(e=customElements){ul.define(e),ol.define(e),al.define(e),ba.define(e)}pl(rr.registry);var ml=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class bl extends Yn{constructor(){super(...arguments),this.active=!1}}ml([Un({mode:"boolean"})],bl.prototype,"active",void 0),ml([Un],bl.prototype,"label",void 0),ml([Gn],bl.prototype,"panelId",void 0),ml([Gn],bl.prototype,"tabId",void 0);const vl=ts`
|
|
25
|
+
:host{display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;const gl=es`<template role="tabpanel" id="${e=>e.panelId}" aria-labelledby="${e=>e.tabId}" aria-label="${e=>e.label}" ?active="${e=>e.active}" aria-hidden="${e=>e.active?null:"true"}" tabindex="${e=>e.active?0:-1}"><slot></slot></template>`,fl=bl.compose({name:`${rr.prefix}-carousel-item`,template:gl,styles:vl,shadowOptions:{mode:rr.shadowRootMode}});var wl,yl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r},$l=window&&window.__classPrivateFieldSet||function(e,t,o,i,n){if("m"===i)throw new TypeError("Private method is not writable");if("a"===i&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===i?n.call(e,o):n?n.value=o:t.set(e,o),o},xl=window&&window.__classPrivateFieldGet||function(e,t,o,i){if("a"===o&&!i)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?i:"a"===o?i.call(e):i?i.value:t.get(e)};class Cl extends Yn{constructor(){super(...arguments),wl.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-card-carousel-header-${ys()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),Zn.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,i=!1;for(;!i;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):i=!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 i=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of i){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,i=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");$l(this,wl,"rtl"===t||"rtl"===o||"rtl"===i,"f")}getTransform(e){void 0===xl(this,wl,"f")&&this.updateDirection();return`translateX(${xl(this,wl,"f")?e:-e}px)`}updateVisibleItems(){Zn.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,za(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,za(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)))})}}wl=new WeakMap,yl([Un({mode:"boolean",attribute:"disable-animation"})],Cl.prototype,"disableAnimation",void 0),yl([Gn],Cl.prototype,"slottedCarouselItems",void 0),yl([Gn],Cl.prototype,"header",void 0),yl([Gn],Cl.prototype,"viewportRef",void 0),yl([Gn],Cl.prototype,"currentIndex",void 0),yl([Gn],Cl.prototype,"nextButton",void 0),yl([Gn],Cl.prototype,"prevButton",void 0);const kl=ts`
|
|
25
26
|
${u("block")}
|
|
26
|
-
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ue} ${
|
|
27
|
-
${
|
|
28
|
-
${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([appearance="primary-on-brand"]){background-color:${
|
|
27
|
+
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ue} ${b} ${le}
|
|
28
|
+
${b}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ue} 0}.header{font-size:${k};font-family:${R};font-weight:${xe};line-height:${I}}.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:${ue};padding-inline:0;padding-block-end:${le}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const Il=es`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${os("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Jn("prevButton")}></slot><slot name="next-button" ${Jn("nextButton")}></slot></div></div><div class="viewport" role="region" ${os("viewportRef")}><slot ${Jn({property:"slottedCarouselItems",filter:as()})}></slot></div></template>`,El=Cl.compose({name:`${rr.prefix}-card-carousel`,template:Il,styles:kl,shadowOptions:{mode:rr.shadowRootMode}});var Ll=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Sl extends Ce{constructor(){super(...arguments),this.iconOnly=!1}}Ll([Un],Sl.prototype,"appearance",void 0),Ll([Un],Sl.prototype,"shape",void 0),Ll([Un],Sl.prototype,"size",void 0),Ll([Un({attribute:"icon-only",mode:"boolean"})],Sl.prototype,"iconOnly",void 0);const Ml={...ke,primaryOnBrand:"primary-on-brand"},Tl={...Ee},Pl={...Le},Rl={...Ie},zl={...Se},Al=ts`
|
|
29
|
+
${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([appearance="primary-on-brand"]){background-color:${Te};color:${Pe};border-color:${Re}}:host(
|
|
29
30
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
30
31
|
:focus-visible
|
|
31
32
|
)
|
|
32
|
-
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${
|
|
33
|
+
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 2px ${m}}:host([appearance="outline"]){background-color:${B}}:host([appearance="outline"]:hover){background-color:${H};color:${Oe};border-color:${Y}}:host([appearance="outline"]:hover:active){background-color:${q};color:${De};border-color:${G}}`,Ol=Sl.compose({name:`${rr.prefix}-button`,template:Be,styles:Al,shadowOptions:{mode:rr.shadowRootMode}}),Dl={...zl},Bl={...Rl},_l={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Vl={circular:"circular",square:"square"},Fl={small:"small",medium:"medium",large:"large"},Hl={pressedChange:"pressed-change"};var jl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Nl extends Sl{constructor(){super(),this.appearance=_l.primary,this.shape=Vl.circular,this.size=Fl.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){Ds(this.elementInternals,"icon",t)}appearanceChanged(e,t){Bs(this.elementInternals,e,t,Ds)}shapeChanged(e,t){Bs(this.elementInternals,e,t,Ds)}sizeChanged(e,t){Bs(this.elementInternals,e,t,Ds)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,Ds(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Hl.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()}}jl([Un],Nl.prototype,"appearance",void 0),jl([Un],Nl.prototype,"shape",void 0),jl([Un],Nl.prototype,"size",void 0),jl([Un({attribute:"icon-only",mode:"boolean"})],Nl.prototype,"iconOnly",void 0),jl([Un({mode:"boolean"})],Nl.prototype,"pressed",void 0),jl([Un({mode:"boolean"})],Nl.prototype,"mixed",void 0);const ql=ts`
|
|
33
34
|
${u("inline-flex")}
|
|
34
35
|
|
|
35
|
-
:host{--icon-spacing:${M};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:${e};outline-style:none;background-color:${
|
|
36
|
+
:host{--icon-spacing:${M};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:${e};outline-style:none;background-color:${_e};color:${me};border:${T} solid ${V};padding:0 ${ae};min-width:calc(${Ve} * 3);border-radius:${p};font-size:${de};font-family:${R};font-weight:${ce};line-height:${Fe};transition-duration:${He};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${M}}:host(${Sr}) .content{padding:0 ${g}}:host(${Lr}) .content{padding:0 ${ae}}:host(:hover){background-color:${H};color:${Oe};border-color:${Y}}:host(:hover:active){background-color:${q};border-color:${G};color:${De};outline-style:none}:host(:focus-visible){border-color:${D};outline:${O} solid ${D};box-shadow:${z},0 0 0 ${O} ${m}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${je};height:${t};width:${o}}: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(${Er}){width:${e};height:${e};min-width:${e};min-height:${e};max-width:${e};max-height:${e}}:host(${Rr}){--icon-spacing:${f};min-height:${i};min-width:calc(${Ve} * 2);padding:0 ${b};border-radius:${be};font-size:${x};line-height:${C};font-weight:${he}}:host(${Rr}${Er}){width:${i};height:${i};min-width:${i};min-height:${i};max-width:${i};max-height:${i}}:host(${Lr}){min-height:calc(${Ne} + ${le});border-radius:${qe};padding:0 ${c};font-size:${k};line-height:${I}}:host(${Lr}${Er}){min-width:calc(${Ne} + ${le});max-width:calc(${Ne} + ${le});max-height:calc(${Ne} + ${le});min-height:calc(${Ne} + ${le});width:calc(${Ne} + ${le});height:calc(${Ne} + ${le})}:host(${Lr}) ::slotted(svg){font-size:${je};height:${i};width:${n}}:host(:is(${yr},${yr}:focus-visible)){border-radius:${ge}}:host(:is(${zr},${zr}:focus-visible)){border-radius:${Xe}}:host(${Pr}){background-color:${_e};color:${me};border-color:transparent}:host(${Pr}:hover){background-color:${Ke};color:${me}}:host(${Pr}:is(:hover,:hover:active)){border-color:${P}}:host(${Pr}:hover:active){border-color:${D};background-color:${We};color:${Pe}}:host(${Pr}:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 ${O} ${m}}:host(${Mr}){background-color:${y};color:${fe}}:host(${Mr}:hover){background-color:${W}}:host(${Mr}:hover:active){background-color:${U}}:host(${Or}){background-color:${F};color:${fe};border-color:transparent}:host(${Or}:hover){background-color:${Z};color:${Ye};border-color:transparent}:host(${Or}:hover:active){background-color:${Q};color:${Ue};border-color:transparent}:host(${Or}:hover) ::slotted(svg){fill:${Ge}}:host(${Or}:hover:active) ::slotted(svg){fill:${Ze}}:host(${Dr}){background-color:${y};color:${fe}}:host(${Dr}:hover){background-color:${W};color:${Ge}}:host(${Dr}:hover:active){background-color:${U};color:${Ze}}:host(:is(${Dr},${Dr}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${Te};color:${Pe};border-color:${Re}}:host(
|
|
36
37
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
37
38
|
:focus-visible
|
|
38
39
|
)
|
|
39
|
-
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${
|
|
40
|
+
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 ${O} ${m}}:host(
|
|
40
41
|
:is(
|
|
41
42
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
42
43
|
)
|
|
@@ -48,53 +49,57 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
|
|
|
48
49
|
:is(
|
|
49
50
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
50
51
|
):hover:active
|
|
51
|
-
){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${
|
|
52
|
-
${
|
|
52
|
+
){background-color:${ne};border-color:${Qe};color:${$};cursor:not-allowed}:host(${Pr}:is(:disabled,[disabled-focusable])),:host(
|
|
53
|
+
${Pr}:is(:disabled,[disabled-focusable]):is(
|
|
53
54
|
:hover,:hover:active
|
|
54
55
|
)
|
|
55
|
-
){border-color:transparent}:host(${
|
|
56
|
-
${
|
|
56
|
+
){border-color:transparent}:host(${Mr}:is(:disabled,[disabled-focusable])),:host(
|
|
57
|
+
${Mr}:is(:disabled,[disabled-focusable]):is(
|
|
57
58
|
:hover,:hover:active
|
|
58
59
|
)
|
|
59
|
-
){background-color:${y}}:host(${
|
|
60
|
-
${
|
|
61
|
-
){background-color:${y};border-color:transparent}:host(${
|
|
62
|
-
${
|
|
60
|
+
){background-color:${y}}:host(${Or}:is(:disabled,[disabled-focusable])),:host(
|
|
61
|
+
${Or}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
|
|
62
|
+
){background-color:${y};border-color:transparent}:host(${Dr}:is(:disabled,[disabled-focusable])),:host(
|
|
63
|
+
${Dr}:is(:disabled,[disabled-focusable]):is(
|
|
63
64
|
:hover,:hover:active
|
|
64
65
|
)
|
|
65
|
-
){border-color:transparent;background-color:${y}}:host(${
|
|
66
|
-
:host(${
|
|
66
|
+
){border-color:transparent;background-color:${y}}:host(${Tr}){border-color:${D};background-color:${We};color:${Je};border-width:${T}}:host(${Tr}:hover){border-color:${Y};background-color:${H};color:${Oe}}:host(${Tr}:active){border-color:${G};background-color:${q};color:${De}}:host(${Tr}${Pr}){border-color:${D};background-color:${We};color:${Je}}:host(${Tr}${Pr}:hover){background-color:${me};color:${Je}}:host(${Tr}${Pr}:active){border-color:${D};background-color:${We};color:${Je}}:host(${Tr}${Or}){border-color:transparent;background-color:${ee};color:${et}}:host(${Tr}${Or}:hover){background-color:${Z};color:${Ye}}:host(${Tr}${Or}:active){background-color:${Q};color:${Ue}}:host(${Tr}${Mr}),:host(${Tr}${Dr}){background-color:${oe};color:${me};border-color:${G}}:host(${Tr}${Mr}){border-width:${O}}:host(${Tr}${Mr}:hover),:host(${Tr}${Dr}:hover){background-color:${W}}:host(${Tr}${Mr}:active),:host(${Tr}${Dr}:active){background-color:${U};border-width:${O}}:host(${Tr}${Dr}){border-color:transparent;color:${tt}}:host(${Tr}${Dr}:hover){color:${Ge}}:host(${Tr}${Dr}:active){color:${Ze}}`.withBehaviors(Wa(ts`
|
|
67
|
+
:host(${Tr}),:host(${Tr}${Pr}),:host(${Tr}${Or}),:host(${Tr}${Mr}),:host(${Tr}${Dr}){background:SelectedItem;color:SelectedItemText}`));const Xl=es`<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 ${Jn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Kl=Nl.compose({name:`${rr.prefix}-filter-pill`,template:Xl,styles:ql,shadowOptions:{mode:rr.shadowRootMode}}),Wl={default:"default",fre:"fre"},Yl={openChange:"open-change",dismiss:"dismiss",stepChange:"step-change"};var Ul=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gl extends Yn{constructor(){super(...arguments),this.carouselController=new ca,this.mode=Wl.default,this.open=!1,this.modalTitle="",this.currentStep=0,this.primaryLabel="",this.nextLabel="",this.doneLabel="",this.tryLaterLabel="",this.backLabel="",this.dismissLabel="",this.slottedContent=[],this.freItems=[]}get totalSteps(){return this.carouselController.totalItems}openChanged(e,t){var o,i;if(this.dialog){const e=null!==(i=null===(o=this.dialog.dialog)||void 0===o?void 0:o.open)&&void 0!==i&&i;t&&!e?this.dialog.show():!t&&e&&this.dialog.hide()}this.$fastController.isConnected&&this.emitOpenChange(t)}currentStepChanged(e,t){const o="string"==typeof t?parseInt(t,10):t;isNaN(o)||this.carouselController.scrollToIndex(o)}slottedContentChanged(){this.mode===Wl.fre&&(this.freItems=this.slottedContent.filter(e=>"FABRIC-MODAL-FRE-ITEM"===e.tagName),this.carouselController.items=this.freItems,this.carouselController.updateActiveStates())}handleDialogToggle(e){var t;"closed"===(null===(t=e.detail)||void 0===t?void 0:t.newState)&&this.open&&this.handleDismiss()}handlePrimaryAction(){if(this.mode===Wl.fre){this.carouselController.currentIndex>=this.carouselController.totalItems-1?this.handleDismiss(!0):this.carouselController.next()}else this.handleDismiss()}handleSecondaryAction(){if(this.mode!==Wl.fre)return;const e=0===this.carouselController.currentIndex,t=this.carouselController.currentIndex>=this.carouselController.totalItems-1;e||t?this.handleDismiss():this.carouselController.prev()}handleDismiss(e=!1){this.open=!1;const t={complete:e};this.dispatchEvent(new CustomEvent(Yl.dismiss,{detail:t,bubbles:!0,composed:!0}))}get secondaryButtonLabel(){if(this.mode!==Wl.fre)return"";const e=0===this.carouselController.currentIndex,t=this.carouselController.currentIndex>=this.carouselController.totalItems-1;return e?this.tryLaterLabel||Es("Modal_TryLater"):t?this.dismissLabel||Es("Modal_Dismiss"):this.backLabel||Es("Modal_Back")}get primaryButtonLabel(){if(this.mode!==Wl.fre)return this.primaryLabel||Es("Modal_PrimaryAction");return this.carouselController.currentIndex>=this.carouselController.totalItems-1?this.doneLabel||Es("Modal_Done"):this.nextLabel||Es("Modal_Next")}handleChange(e,t){"currentIndex"===t&&this.currentStep!==e.currentIndex&&(this.currentStep=e.currentIndex,this.emitStepChange())}connectedCallback(){super.connectedCallback(),Qn.getNotifier(this.carouselController).subscribe(this,"currentIndex")}disconnectedCallback(){super.disconnectedCallback(),Qn.getNotifier(this.carouselController).unsubscribe(this,"currentIndex")}emitOpenChange(e){this.dispatchEvent(new CustomEvent(Yl.openChange,{detail:{open:e},bubbles:!0,composed:!0}))}emitStepChange(){this.dispatchEvent(new CustomEvent(Yl.stepChange,{detail:{currentStep:this.carouselController.currentIndex,totalSteps:this.carouselController.totalItems},bubbles:!0,composed:!0}))}}Ul([Un],Gl.prototype,"mode",void 0),Ul([Un({mode:"boolean"})],Gl.prototype,"open",void 0),Ul([Un({attribute:"modal-title"})],Gl.prototype,"modalTitle",void 0),Ul([Un({attribute:"current-step",converter:ls})],Gl.prototype,"currentStep",void 0),Ul([Un({attribute:"primary-label"})],Gl.prototype,"primaryLabel",void 0),Ul([Un({attribute:"next-label"})],Gl.prototype,"nextLabel",void 0),Ul([Un({attribute:"done-label"})],Gl.prototype,"doneLabel",void 0),Ul([Un({attribute:"try-later-label"})],Gl.prototype,"tryLaterLabel",void 0),Ul([Un({attribute:"back-label"})],Gl.prototype,"backLabel",void 0),Ul([Un({attribute:"dismiss-label"})],Gl.prototype,"dismissLabel",void 0),Ul([Gn],Gl.prototype,"dialog",void 0),Ul([Gn],Gl.prototype,"slottedContent",void 0),Ul([Gn],Gl.prototype,"freItems",void 0);var Zl=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ql extends Yn{constructor(){super(...arguments),this.active=!1}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}}Zl([Un({mode:"boolean"})],Ql.prototype,"active",void 0),Zl([Un],Ql.prototype,"label",void 0),Zl([Gn],Ql.prototype,"panelId",void 0),Zl([Gn],Ql.prototype,"tabId",void 0);const Jl=ts`
|
|
67
68
|
${ot}
|
|
68
|
-
:
|
|
69
|
+
dialog{max-width:var(--dialog-max-width,600px)}}`;class ed extends it{}const td=ed.compose({name:`${rr.prefix}-dialog`,template:nt,styles:Jl,shadowOptions:{mode:rr.shadowRootMode}}),od=ts`
|
|
70
|
+
:host{display:contents}.modal-body{display:flex;flex-direction:column;position:relative;max-height:85vh}.close-button{position:absolute;inset-block-start:${ue};inset-inline-end:${c};z-index:1}.content{flex:1;overflow:auto;padding:${st} ${d}}:host([mode="fre"]) .content{padding:0;overflow:hidden}::slotted(fabric-modal-fre-item){display:block}::slotted(fabric-modal-fre-item:not([active])){display:none !important}.footer{display:flex;align-items:center;justify-content:space-between;padding:${st} ${d};gap:${c}}.nav{flex:1;display:flex;justify-content:center}::slotted(h1),::slotted(h2),::slotted(h3){font-size:${E};font-weight:${ce};color:${me};margin:0 0 ${le}}::slotted(p){font-size:${de};color:${fe};margin:0}`,id=es`<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>`,nd=es`<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>`,sd=es`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 11C11.7545 11 11.5504 11.1769 11.5081 11.4101L11.5 11.5V20.5C11.5 20.7761 11.7239 21 12 21C12.2455 21 12.4496 20.8231 12.4919 20.5899L12.5 20.5V11.5C12.5 11.2239 12.2761 11 12 11ZM19.8536 11.1464C19.68 10.9729 19.4106 10.9536 19.2157 11.0886L19.1464 11.1464L14.6464 15.6464C14.4729 15.82 14.4536 16.0894 14.5886 16.2843L14.6464 16.3536L19.1464 20.8536C19.3417 21.0488 19.6583 21.0488 19.8536 20.8536C20.0271 20.68 20.0464 20.4106 19.9114 20.2157L19.8536 20.1464L15.7071 16L19.8536 11.8536C20.0488 11.6583 20.0488 11.3417 19.8536 11.1464Z" fill="currentColor" /></svg>`,rd=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3544 15.853C12.1594 16.0486 11.8429 16.0492 11.6472 15.8542L6.16276 10.3893C5.94705 10.1743 5.94705 9.82501 6.16276 9.61006L11.6472 4.14508C11.8429 3.95017 12.1594 3.95074 12.3544 4.14634C12.5493 4.34195 12.5487 4.65854 12.3531 4.85345L7.18851 9.99967L12.3531 15.1459C12.5487 15.3408 12.5493 15.6574 12.3544 15.853Z" fill="currentColor" /></svg>`,ad=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.64582 4.14708C7.84073 3.95147 8.15731 3.9509 8.35292 4.14582L13.8374 9.6108C14.0531 9.82574 14.0531 10.1751 13.8374 10.39L8.35292 15.855C8.15731 16.0499 7.84073 16.0493 7.64582 15.8537C7.4509 15.6581 7.45147 15.3415 7.64708 15.1466L12.8117 10.0004L7.64708 4.85418C7.45147 4.65927 7.4509 4.34269 7.64582 4.14708Z" fill="currentColor" /></svg>`,ld=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 5C13.7455 5 13.9496 5.17688 13.9919 5.41012L14 5.5V14.5C14 14.7761 13.7761 15 13.5 15C13.2545 15 13.0504 14.8231 13.0081 14.5899L13 14.5V5.5C13 5.22386 13.2239 5 13.5 5ZM5.64645 5.14645C5.82001 4.97288 6.08944 4.9536 6.28431 5.08859L6.35355 5.14645L10.8536 9.64645C11.0271 9.82001 11.0464 10.0894 10.9114 10.2843L10.8536 10.3536L6.35355 14.8536C6.15829 15.0488 5.84171 15.0488 5.64645 14.8536C5.47288 14.68 5.4536 14.4106 5.58859 14.2157L5.64645 14.1464L9.79289 10L5.64645 5.85355C5.45118 5.65829 5.45118 5.34171 5.64645 5.14645Z" fill="currentColor" /></svg>`;const dd=es`<template><fabric-dialog type="modal" aria-label="${e=>e.modalTitle}" ${os("dialog")} @toggle="${(e,t)=>e.handleDialogToggle(t.event)}"><div class="modal-body">${ds(e=>e.mode!==Wl.fre,es`<fabric-button class="close-button" appearance="subtle" size="small" aria-label="${rs(()=>Es("Modal_Close"))}" @click="${e=>e.handleDismiss()}">${nd}</fabric-button>`)}<div class="content" @dismiss="${e=>e.handleDismiss()}">${ds(e=>e.mode===Wl.fre,es`<slot ${Jn({property:"slottedContent",filter:e=>"FABRIC-MODAL-FRE-ITEM"===e.tagName})}></slot>`)} ${ds(e=>e.mode!==Wl.fre,es`<slot></slot>`)}</div><div class="footer">${ds(e=>e.mode===Wl.fre,es`<fabric-button appearance="outline" @click="${e=>e.handleSecondaryAction()}">${e=>e.secondaryButtonLabel}</fabric-button>`)} ${ds(e=>e.mode===Wl.fre,es`<div class="nav"><fabric-carousel-nav :controller="${e=>e.carouselController}" button-placement="hidden" current-index="${e=>e.carouselController.currentIndex}">${is(e=>e.carouselController.items,es`<fabric-carousel-nav-item :tabId="${(e,t)=>t.parent.carouselController.getTabId(t.index)}" :panelId="${(e,t)=>t.parent.carouselController.getPanelId(t.index)}" :tabLabel="${(e,t)=>t.parent.carouselController.getTabLabel(t.index)}"></fabric-carousel-nav-item>`,{positioning:!0})}</fabric-carousel-nav></div>`)}<fabric-button appearance="primary" @click="${e=>e.handlePrimaryAction()}">${e=>e.primaryButtonLabel}</fabric-button></div></div></fabric-dialog></template>`,cd=qa(Na(Gl.compose({name:`${rr.prefix}-modal`,template:dd,styles:od,shadowOptions:{mode:rr.shadowRootMode}})),Na(td),Na(Ol),Na(ol),Na(al)),hd=ts`
|
|
71
|
+
:host{display:none}:host([active]){display:block}.hero{overflow:hidden}.hero ::slotted(*){display:block;width:100%}.info{padding:${d};padding-block-end:0}.info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:${c}}.title{font-size:${k};font-weight:${ce};color:${me};margin:0}.description{margin:${rt} 0 0;font-size:${de};line-height:${Fe};color:${fe}}`;const ud=es`<template role="tabpanel" id="${e=>e.panelId}" aria-labelledby="${e=>e.tabId}" aria-label="${e=>e.label}" aria-hidden="${e=>e.active?null:"true"}" tabindex="-1"><div class="hero"><slot></slot></div><div class="info"><div class="info-header"><h2 class="title"><slot name="title"></slot></h2><fabric-button appearance="subtle" class="dismiss-button" size="small" icon-only aria-label="${rs(()=>Es("Modal_Close"))}" @click="${e=>e.handleDismiss()}">${nd}</fabric-button></div><p class="description"><slot name="description"></slot></p></div></template>`,pd=qa(Na(Ql.compose({name:`${rr.prefix}-modal-fre-item`,template:ud,styles:hd,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ol)),md={...Ml},bd={...Tl},vd={...Pl},gd={...Rl},fd={...zl};var wd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class yd extends Ce{constructor(){super(...arguments),this.appearance=md.primary,this.iconOnly=!1}}wd([Un],yd.prototype,"appearance",void 0),wd([Un],yd.prototype,"shape",void 0),wd([Un],yd.prototype,"size",void 0),wd([Un({attribute:"icon-only",mode:"boolean"})],yd.prototype,"iconOnly",void 0);const $d=ts`
|
|
72
|
+
${at}
|
|
73
|
+
:host([appearance='primary-on-brand']){background-color:${Te};color:${Pe};border-color:${Re}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${Pe}}:host(
|
|
69
74
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
70
75
|
:focus-visible
|
|
71
76
|
)
|
|
72
|
-
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${
|
|
73
|
-
${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([size="small"]) fluent-button{gap:${f}}fabric-spinner{display:none}.content{gap:${
|
|
77
|
+
){border-color:${Re}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${Pe};background-color:${ze}}:host([appearance="primary-on-brand"]:hover:active){background-color:${Ae}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${Pe};box-shadow:${re},0 0 0 2px ${m}}`,xd=yd.compose({name:`${rr.prefix}-compound-button`,template:lt,styles:$d,shadowOptions:{mode:rr.shadowRootMode}});class Cd extends dt{}const kd={...ct},Id={...ht},Ed=Cd.compose({name:`${rr.prefix}-spinner`,template:pt,styles:ut,shadowOptions:{mode:rr.shadowRootMode}});var Ld=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Sd extends mt{constructor(){super(...arguments),this.loading=!1}connectedCallback(){super.connectedCallback(),Ed.define(customElements)}}Ld([Un({mode:"boolean"})],Sd.prototype,"loading",void 0);const Md=ts`
|
|
78
|
+
${Me}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${p}}:host([size="small"]) fluent-button{gap:${f}}fabric-spinner{display:none}.content{gap:${b}}:host([size="large"]) .content{gap:${ae}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const Td=es`<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 ${Jn("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Pd=qa(Na(Sd.compose({name:`${rr.prefix}-loading-button`,template:Td,styles:Md,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ed)),Rd={hiddenChange:"hidden-change"};var zd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Ad extends Yn{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(Rd.hiddenChange,this.hidden)}}zd([Un({mode:"boolean"})],Ad.prototype,"hidden",void 0);const Od=ts`
|
|
74
79
|
${u("block")}
|
|
75
80
|
|
|
76
|
-
: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;pointer-events:none;outline:${
|
|
77
|
-
:host(:focus-visible)::after{outline-color:Highlight}`));const
|
|
81
|
+
: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;pointer-events:none;outline:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
|
|
82
|
+
:host(:focus-visible)::after{outline-color:Highlight}`));const Dd=es`<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>`,Bd=Ad.compose({name:`${rr.prefix}-multi-view`,template:Dd,styles:Od,shadowOptions:{mode:rr.shadowRootMode}});class _d extends Yn{}const Vd=ts`
|
|
78
83
|
${u("flex")}
|
|
79
|
-
: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:${
|
|
80
|
-
:host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const ld=Jn`<template slot="controller" role="tab"><slot></slot></template>`,dd=rd.compose({name:`${nr.prefix}-multi-view-controller`,template:ld,styles:ad});var cd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class hd extends Wn{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(),Un.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,Un.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 od){const o=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:i,"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];Va(e)?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case bs:e.preventDefault(),this.adjustBackward();break;case ys:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case gs:e.preventDefault(),this.adjustForward();break;case ms:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case vs:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case us:case hs:Va(e)?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case fs:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===fs)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===us)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(),Un.enqueue(()=>this.setControllers()),Un.enqueue(()=>this.setMultiViews()),Un.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),i=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-controls":n}),o&&(this.activeController=e,this.activeid=i)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${ws()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${ws()}`})}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),i=xs(0,t.length-1,o+e),n=this.controllers.indexOf(t[i]);n>-1&&this.moveToToggleButtonByIndex(this.controllers,n)}}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))})}}cd([Gn],hd.prototype,"multiViews",void 0),cd([Gn],hd.prototype,"controllers",void 0),cd([Gn],hd.prototype,"controllersContainer",void 0),cd([Gn],hd.prototype,"openedMultiViews",void 0);const ud=es`
|
|
84
|
+
: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:${Ne};min-width:${Ve};outline-style:none;background-color:${B};color:${me};border:${T} solid ${V};font-size:${de};font-family:${R};font-weight:${ce};line-height:${Fe};transition-duration:${He};transition-property:background,border,color;transition-timing-function:${ye};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${Ne};width:3px;background:${Te}}:host(:focus)::after{content:"";position:absolute;inset:0px;pointer-events:none;border-radius:${be};outline:${T} solid ${m};outline-offset:calc(${T} * -1)}`.withBehaviors(bt(ts`
|
|
85
|
+
:host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));const Fd=es`<template slot="controller" role="tab"><slot></slot></template>`,Hd=_d.compose({name:`${rr.prefix}-multi-view-controller`,template:Fd,styles:Vd});var jd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Nd extends Yn{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(),Zn.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,Zn.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 Ad){const o=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:i,"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];Ua(e)?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case gs:e.preventDefault(),this.adjustBackward();break;case $s:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case fs:e.preventDefault(),this.adjustForward();break;case bs:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case vs:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case ps:case us:Ua(e)?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case ws:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===ws)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===ps)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(),Zn.enqueue(()=>this.setControllers()),Zn.enqueue(()=>this.setMultiViews()),Zn.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),i=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:i,"aria-controls":n}),o&&(this.activeController=e,this.activeid=i)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${ys()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${ys()}`})}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),i=Cs(0,t.length-1,o+e),n=this.controllers.indexOf(t[i]);n>-1&&this.moveToToggleButtonByIndex(this.controllers,n)}}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))})}}jd([Gn],Nd.prototype,"multiViews",void 0),jd([Gn],Nd.prototype,"controllers",void 0),jd([Gn],Nd.prototype,"controllersContainer",void 0),jd([Gn],Nd.prototype,"openedMultiViews",void 0);const qd=ts`
|
|
81
86
|
${u("flex")}
|
|
82
|
-
: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;pointer-events:none;outline:${
|
|
83
|
-
.controllers:focus-visible::after{outline-color:Highlight}`));const
|
|
87
|
+
: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;pointer-events:none;outline:${O} solid ${m};outline-offset:calc(${O} * -1)}`.withBehaviors(bt(ts`
|
|
88
|
+
.controllers:focus-visible::after{outline-color:Highlight}`));const Xd=es`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Jn("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${os("controllersContainer")}><slot name="controller" ${Jn("controllers")}></slot></div></div></template>`,Kd=Nd.compose({name:`${rr.prefix}-multi-view-group`,template:Xd,styles:qd,shadowOptions:{mode:rr.shadowRootMode}}),Wd={right:"right",left:"left"},Yd={overflowChange:"overflow-change"};var Ud=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gd extends Yn{}Ud([Un({attribute:"group-id"})],Gd.prototype,"groupId",void 0);var Zd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const Qd="fabric-overflow-item-update";class Jd extends Yn{constructor(){super(...arguments),this.priority=0,this.pinned=!1}priorityChanged(){this.$emit(Qd)}pinnedChanged(){this.$emit(Qd)}}Zd([Un({attribute:"overflow-id"})],Jd.prototype,"overflowId",void 0),Zd([Un({converter:{fromView:Number,toView:String}})],Jd.prototype,"priority",void 0),Zd([Un({attribute:"group-id"})],Jd.prototype,"groupId",void 0),Zd([Un({mode:"boolean"})],Jd.prototype,"pinned",void 0);var ec=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class tc extends Yn{constructor(){super(...arguments),this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems=new Map,this.registeredDividers=new Map,this.overflowAxis="horizontal",this.overflowDirection="end",this.padding=10,this.hasHiddenItems=!1,this.overflowCount=0,this.itemVisibilityMap=new Map,this.menuSlotted=[],this.defaultSlottedContent=[],this.handleItemUpdate=e=>{const t=e.target;t instanceof Jd&&this.updateItem(t.overflowId,{priority:t.priority,pinned:t.pinned})}}connectedCallback(){super.connectedCallback(),this.addEventListener(Qd,this.handleItemUpdate),this.initManager()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Qd,this.handleItemUpdate),this.disposeManager()}getItemVisibility(e){var t;return null===(t=this.itemVisibilityMap.get(e))||void 0===t||t}registerElement(e){var t,o;if(e instanceof Jd){const o={element:e,id:e.overflowId,priority:e.priority,groupId:e.groupId,pinned:e.pinned};this.registeredItems.set(o.id,o),this.observing?null===(t=this.manager)||void 0===t||t.addItem(o):this.pendingItems.push(o)}else if(e instanceof Gd){const t={element:e,groupId:e.groupId};this.registeredDividers.set(t.groupId,t),this.observing?null===(o=this.manager)||void 0===o||o.addDivider(t):this.pendingDividers.push(t)}}unregisterElement(e){var t,o;e instanceof Jd?(this.registeredItems.delete(e.overflowId),this.observing?null===(t=this.manager)||void 0===t||t.removeItem(e.overflowId):this.pendingItems=this.pendingItems.filter(t=>t.id!==e.overflowId)):e instanceof Gd&&(this.registeredDividers.delete(e.groupId),this.observing?null===(o=this.manager)||void 0===o||o.removeDivider(e.groupId):this.pendingDividers=this.pendingDividers.filter(t=>t.groupId!==e.groupId))}updateItem(e,t){var o;const i=this.registeredItems.get(e);i&&(Object.assign(i,t),null===(o=this.manager)||void 0===o||o.update())}update(){var e;null===(e=this.manager)||void 0===e||e.update()}forceUpdate(){var e;null===(e=this.manager)||void 0===e||e.forceUpdate()}registerMenu(e){var t;e.style.flexShrink="0",e.style.display="none",null===(t=this.manager)||void 0===t||t.addOverflowMenu(e),this.menuSlottedCleanup=()=>{var e;null===(e=this.manager)||void 0===e||e.removeOverflowMenu()}}menuSlottedChanged(){var e;null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0])}defaultSlottedContentChanged(){const e=new Set(this.registeredItems.keys()),t=new Set(this.registeredDividers.keys());for(const o of this.defaultSlottedContent)if(o instanceof Jd){if(e.delete(o.overflowId))continue;this.registerElement(o)}else if(o instanceof Gd){if(t.delete(o.groupId))continue;this.registerElement(o)}for(const t of e){const e=this.registeredItems.get(t);e&&this.unregisterElement(e.element)}for(const e of t){const t=this.registeredDividers.get(e);t&&this.unregisterElement(t.element)}}overflowAxisChanged(){this.reobserve()}overflowDirectionChanged(){this.reobserve()}paddingChanged(){this.reobserve()}minimumVisibleChanged(){this.reobserve()}hasHiddenItemsChanged(){this.reobserve()}initManager(){this.pendingRaf=requestAnimationFrame(()=>{this.pendingRaf=void 0,this.isConnected&&(this.manager=Ls(),this.observeContainer())})}observeContainer(){var e;this.manager&&(this.observing=!1,this.manager.observe(this,{padding:this.padding,overflowAxis:this.overflowAxis,overflowDirection:this.overflowDirection,minimumVisible:null!==(e=this.minimumVisible)&&void 0!==e?e:0,hasHiddenItems:this.hasHiddenItems,onUpdateItemVisibility:({item:e,visible:t})=>{this.itemVisibilityMap.set(e.id,t),t?(e.element.removeAttribute("data-overflowing"),e.element.removeAttribute("aria-hidden"),e.element.removeAttribute("inert")):(e.element.setAttribute("data-overflowing",""),e.element.setAttribute("aria-hidden","true"),e.element.setAttribute("inert",""))},onUpdateOverflow:e=>{this.overflowCount=e.invisibleItems.length;const t=this.menuSlotted.length>0?this.menuSlotted[0]:void 0;t&&(t.style.display=e.invisibleItems.length>0?"":"none");const o={visibleItems:e.visibleItems,invisibleItems:e.invisibleItems,groupVisibility:e.groupVisibility};this.dispatchEvent(new CustomEvent(Yd.overflowChange,{bubbles:!0,composed:!0,detail:o}))}}),this.observing=!0,this.menuSlotted.length>0&&this.registerMenu(this.menuSlotted[0]),this.flushPending())}flushPending(){var e,t,o;for(const t of this.pendingItems)null===(e=this.manager)||void 0===e||e.addItem(t);this.pendingItems=[];for(const e of this.pendingDividers)null===(t=this.manager)||void 0===t||t.addDivider(e);this.pendingDividers=[],null===(o=this.manager)||void 0===o||o.forceUpdate()}reobserve(){this.manager&&this.isConnected&&(this.observing=!1,this.manager.disconnect(),this.pendingItems=[...this.registeredItems.values()],this.pendingDividers=[...this.registeredDividers.values()],this.observeContainer())}disposeManager(){var e,t;void 0!==this.pendingRaf&&(cancelAnimationFrame(this.pendingRaf),this.pendingRaf=void 0),null===(e=this.menuSlottedCleanup)||void 0===e||e.call(this),this.menuSlottedCleanup=void 0,null===(t=this.manager)||void 0===t||t.disconnect(),this.manager=void 0,this.observing=!1,this.pendingItems=[],this.pendingDividers=[],this.registeredItems.clear(),this.registeredDividers.clear()}}ec([Un({attribute:"overflow-axis"})],tc.prototype,"overflowAxis",void 0),ec([Un({attribute:"overflow-direction"})],tc.prototype,"overflowDirection",void 0),ec([Un({converter:{fromView:Number,toView:String}})],tc.prototype,"padding",void 0),ec([Un({attribute:"minimum-visible",converter:{fromView:Number,toView:String}})],tc.prototype,"minimumVisible",void 0),ec([Un({attribute:"has-hidden-items",mode:"boolean"})],tc.prototype,"hasHiddenItems",void 0),ec([Gn],tc.prototype,"overflowCount",void 0),ec([Gn],tc.prototype,"itemVisibilityMap",void 0),ec([Gn],tc.prototype,"menuSlotted",void 0),ec([Gn],tc.prototype,"defaultSlottedContent",void 0);const oc=ts`
|
|
84
89
|
${u("flex")}
|
|
85
90
|
|
|
86
|
-
:host{position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${f}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`,
|
|
91
|
+
:host{position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${f}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`,ic=es`<template><slot ${Jn("defaultSlottedContent")}></slot><slot name="menu" ${Jn("menuSlotted")}></slot></template>`,nc=tc.compose({name:`${rr.prefix}-overflow`,template:ic,styles:oc,shadowOptions:{mode:rr.shadowRootMode}}),sc={horizontal:"horizontal",vertical:"vertical"},rc={start:"start",end:"end"},ac=ts`
|
|
87
92
|
${u("inline-flex")}
|
|
88
93
|
|
|
89
|
-
:host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,
|
|
94
|
+
:host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`,lc=es`<template><slot></slot></template>`,dc=Jd.compose({name:`${rr.prefix}-overflow-item`,template:lc,styles:ac,shadowOptions:{mode:rr.shadowRootMode}}),cc=ts`
|
|
90
95
|
${u("inline-flex")}
|
|
91
96
|
|
|
92
|
-
:host{flex-shrink:0;align-items:stretch;padding-block:${le};padding-inline:${f};min-block-size:${t};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${P};background:${z}}:host([data-overflowing]){display:none}`,Ad=Jn`<template><slot></slot></template>`,Od=fd.compose({name:`${nr.prefix}-overflow-divider`,template:Ad,styles:Rd,shadowOptions:{mode:nr.shadowRootMode}}),Td="auto",Dd="flip",Bd="none",Vd={top:"top",right:"right",bottom:"bottom",left:"left"};class _d{constructor(e){var t,o,i,n;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!==(i=e.viewportMargin)&&void 0!==i?i:0,this.resize=null!==(n=e.resize)&&void 0!==n&&n,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,i,n,s,r,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!==(i=t.left)&&void 0!==i?i:0),bottom:e.bottom-(null!==(n=t.bottom)&&void 0!==n?n:0),right:e.right-(null!==(s=t.right)&&void 0!==s?s:0),width:e.width?e.width-(null!==(r=t.left)&&void 0!==r?r: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(),i=this.getBoundary(),n=function(e,t){let o,i;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,i="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:i}}(t,e),s=function(e,t,o){var i,n;let s,r;s="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,r="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(i=o.offsetX)&&void 0!==i?i:0,l=null!==(n=o.offsetY)&&void 0!==n?n:0;return{x:e.x+s+a,y:e.y+r+l}}(n,o,e),r=function(e,t,o){const i=e.x+t.width,n=e.y+t.height,s=e.x>=o.left,r=i<=o.right,a=e.y>=o.top,l=n<=o.bottom,d=s&&r,c=a&&l,h=d&&c;let u=t.width,p=t.height;return s?r||(u=Math.max(0,o.right-e.x)):u=Math.max(0,i-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,n-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(s,o,i);return{position:e,originPoint:n,overlayPoint:s,fit:r}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let i=1;i<e.length;i++){const n=this.evaluatePosition(e[i]);if(n.fit.isCompletelyWithinViewport)return n;n.fit.visibleArea>o&&(t=n,o=n.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),i=e[0];for(let t=1;t<e.length;t++){const n=this.getAvailableSpace(e[t]);n>o&&(o=n,i=e[t])}if(i!==t.position)return this.evaluatePosition(i)}return t}applyPositionResult(e){!function(e,t,o,i){const n="bottom"===o.overlayY,s="end"===o.overlayX,r=null==i?void 0:i.getBoundingClientRect(),a=n||s?e.getBoundingClientRect():null;if(s&&a){const o=(r?r.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=r?t.x-r.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(n&&a){const o=(r?r.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=r?t.y-r.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(),i=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-i.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,i.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-i.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,i.right-o.right):Math.max(0,(null!==(t=i.height)&&void 0!==t?t:i.bottom-i.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 Hd={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"},Fd=Hd,Nd=Object.values(Hd),jd={auto:Td,flip:Dd,none:Bd},qd={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Xd={[Fd.aboveStart]:Fd.belowStart,[Fd.aboveCenter]:Fd.belowCenter,[Fd.aboveEnd]:Fd.belowEnd,[Fd.belowStart]:Fd.aboveStart,[Fd.belowCenter]:Fd.aboveCenter,[Fd.belowEnd]:Fd.aboveEnd,[Fd.startTop]:Fd.endTop,[Fd.startMiddle]:Fd.endMiddle,[Fd.startBottom]:Fd.endBottom,[Fd.endTop]:Fd.startTop,[Fd.endMiddle]:Fd.startMiddle,[Fd.endBottom]:Fd.startBottom};function Kd(e){switch(e){case Fd.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case Fd.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case Fd.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case Fd.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case Fd.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case Fd.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case Fd.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case Fd.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case Fd.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case Fd.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case Fd.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case Fd.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Wd{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=Fd.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=Kd(e);var o,i;return this.hasBeak&&(t=(o=[t],i=8,o.map(e=>{var t,o;let n=null!==(t=e.offsetX)&&void 0!==t?t:0,s=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(s+="bottom"===e.originY?i:-i),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(n+="end"===e.originX?i:-i),{...e,offsetX:n,offsetY:s}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===jd.flip?[Xd[e]]:this._repositionMode===jd.auto?Nd.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 _d({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:i,overlayY:n}=e;for(const e of Nd){const s=Kd(e);if(s.originX===t&&s.originY===o&&s.overlayX===i&&s.overlayY===n)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Yd=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gd extends Wn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=Fd.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=jd.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(qd.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(qd.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(qd.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(qd.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,i;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===(i=this.popoverReference)||void 0===i||i.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,i;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===(i=this.popoverReference)||void 0===i||i.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=Ia(()=>{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=es`
|
|
93
|
-
: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=
|
|
94
|
-
: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=
|
|
97
|
+
:host{flex-shrink:0;align-items:stretch;padding-block:${le};padding-inline:${f};min-block-size:${t};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${T};background:${P}}:host([data-overflowing]){display:none}`,hc=es`<template><slot></slot></template>`,uc=Gd.compose({name:`${rr.prefix}-overflow-divider`,template:hc,styles:cc,shadowOptions:{mode:rr.shadowRootMode}}),pc="auto",mc="flip",bc="none",vc={top:"top",right:"right",bottom:"bottom",left:"left"};class gc{constructor(e){var t,o,i,n;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!==(i=e.viewportMargin)&&void 0!==i?i:0,this.resize=null!==(n=e.resize)&&void 0!==n&&n,this.resizeMinHeight=e.resizeMinHeight}getBoundary(){return function(e,t=0){var o,i,n,s,r,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!==(i=t.left)&&void 0!==i?i:0),bottom:e.bottom-(null!==(n=t.bottom)&&void 0!==n?n:0),right:e.right-(null!==(s=t.right)&&void 0!==s?s:0),width:e.width?e.width-(null!==(r=t.left)&&void 0!==r?r: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(),i=this.getBoundary(),n=function(e,t){let o,i;return o="center"===t.originX?e.left+e.width/2:"start"===t.originX?e.left:e.right,i="center"===t.originY?e.top+e.height/2:"top"===t.originY?e.top:e.bottom,{x:o,y:i}}(t,e),s=function(e,t,o){var i,n;let s,r;s="center"===o.overlayX?-t.width/2:"start"===o.overlayX?0:-t.width,r="center"===o.overlayY?-t.height/2:"top"===o.overlayY?0:-t.height;const a=null!==(i=o.offsetX)&&void 0!==i?i:0,l=null!==(n=o.offsetY)&&void 0!==n?n:0;return{x:e.x+s+a,y:e.y+r+l}}(n,o,e),r=function(e,t,o){const i=e.x+t.width,n=e.y+t.height,s=e.x>=o.left,r=i<=o.right,a=e.y>=o.top,l=n<=o.bottom,d=s&&r,c=a&&l,h=d&&c;let u=t.width,p=t.height;return s?r||(u=Math.max(0,o.right-e.x)):u=Math.max(0,i-o.left),a?l||(p=Math.max(0,o.bottom-e.y)):p=Math.max(0,n-o.top),{isCompletelyWithinViewport:h,fitsInViewportHorizontally:d,fitsInViewportVertically:c,visibleArea:u*p}}(s,o,i);return{position:e,originPoint:n,overlayPoint:s,fit:r}}selectBestPosition(){const e=this.getCandidates();let t=this.evaluatePosition(e[0]),o=t.fit.visibleArea;if(t.fit.isCompletelyWithinViewport)return t;for(let i=1;i<e.length;i++){const n=this.evaluatePosition(e[i]);if(n.fit.isCompletelyWithinViewport)return n;n.fit.visibleArea>o&&(t=n,o=n.fit.visibleArea)}if(this.resize&&e.length>1){let o=this.getAvailableSpace(e[0]),i=e[0];for(let t=1;t<e.length;t++){const n=this.getAvailableSpace(e[t]);n>o&&(o=n,i=e[t])}if(i!==t.position)return this.evaluatePosition(i)}return t}applyPositionResult(e){!function(e,t,o,i){const n="bottom"===o.overlayY,s="end"===o.overlayX,r=null==i?void 0:i.getBoundingClientRect(),a=n||s?e.getBoundingClientRect():null;if(s&&a){const o=(r?r.right:window.innerWidth)-(t.x+a.width);e.style.right=`${Math.round(o)}px`,e.style.left="auto"}else{const o=r?t.x-r.left:t.x;e.style.left=`${Math.round(o)}px`,e.style.right="auto"}if(n&&a){const o=(r?r.bottom:window.innerHeight)-(t.y+a.height);e.style.bottom=`${Math.round(o)}px`,e.style.top="auto"}else{const o=r?t.y-r.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(),i=this.getBoundary();return"bottom"===e.overlayY&&"top"===e.originY?Math.max(0,o.top-i.top):"top"===e.overlayY&&"bottom"===e.originY?Math.max(0,i.bottom-o.bottom):"end"===e.overlayX&&"start"===e.originX?Math.max(0,o.left-i.left):"start"===e.overlayX&&"end"===e.originX?Math.max(0,i.right-o.right):Math.max(0,(null!==(t=i.height)&&void 0!==t?t:i.bottom-i.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 fc={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"},wc=fc,yc=Object.values(fc),$c={auto:pc,flip:mc,none:bc},xc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"},Cc={[wc.aboveStart]:wc.belowStart,[wc.aboveCenter]:wc.belowCenter,[wc.aboveEnd]:wc.belowEnd,[wc.belowStart]:wc.aboveStart,[wc.belowCenter]:wc.aboveCenter,[wc.belowEnd]:wc.aboveEnd,[wc.startTop]:wc.endTop,[wc.startMiddle]:wc.endMiddle,[wc.startBottom]:wc.endBottom,[wc.endTop]:wc.startTop,[wc.endMiddle]:wc.startMiddle,[wc.endBottom]:wc.startBottom};function kc(e){switch(e){case wc.aboveStart:return{originX:"start",originY:"top",overlayX:"start",overlayY:"bottom"};case wc.aboveCenter:return{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"};case wc.aboveEnd:return{originX:"end",originY:"top",overlayX:"end",overlayY:"bottom"};case wc.belowStart:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"};case wc.belowCenter:return{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"};case wc.belowEnd:return{originX:"end",originY:"bottom",overlayX:"end",overlayY:"top"};case wc.startTop:return{originX:"start",originY:"top",overlayX:"end",overlayY:"top"};case wc.startMiddle:return{originX:"start",originY:"center",overlayX:"end",overlayY:"center"};case wc.startBottom:return{originX:"start",originY:"bottom",overlayX:"end",overlayY:"bottom"};case wc.endTop:return{originX:"end",originY:"top",overlayX:"start",overlayY:"top"};case wc.endMiddle:return{originX:"end",originY:"center",overlayX:"start",overlayY:"center"};case wc.endBottom:return{originX:"end",originY:"bottom",overlayX:"start",overlayY:"bottom"};default:return{originX:"start",originY:"bottom",overlayX:"start",overlayY:"top"}}}class Ic{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=wc.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=kc(e);var o,i;return this.hasBeak&&(t=(o=[t],i=8,o.map(e=>{var t,o;let n=null!==(t=e.offsetX)&&void 0!==t?t:0,s=null!==(o=e.offsetY)&&void 0!==o?o:0;return e.originY!==e.overlayY&&"center"!==e.originY&&"center"!==e.overlayY&&(s+="bottom"===e.originY?i:-i),e.originX!==e.overlayX&&"center"!==e.originX&&"center"!==e.overlayX&&(n+="end"===e.originX?i:-i),{...e,offsetX:n,offsetY:s}}))[0]),t}buildPositionCandidates(){const e=this._position;let t;return t=this._repositionMode===$c.flip?[Cc[e]]:this._repositionMode===$c.auto?yc.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 gc({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:i,overlayY:n}=e;for(const e of yc){const s=kc(e);if(s.originX===t&&s.originY===o&&s.overlayX===i&&s.overlayY===n)return e}return null}(e.positionResult.position);return t&&(this._position=t),e}}var Ec=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Lc extends Yn{constructor(){super(...arguments),this.positioning=null,this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=wc.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=$c.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(xc.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(xc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(xc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(xc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,i;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===(i=this.popoverReference)||void 0===i||i.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,i;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===(i=this.popoverReference)||void 0===i||i.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.handleWindowChanges=Da(()=>{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=ts`
|
|
98
|
+
: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=ts`
|
|
99
|
+
: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=ys("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(xc.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 Ic({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(){Zn.enqueue(()=>{this.checkOverflow()})}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Ec([Un({mode:"boolean"})],Lc.prototype,"beak",void 0),Ec([Un({mode:"boolean",attribute:"non-clickable"})],Lc.prototype,"nonClickable",void 0),Ec([Un],Lc.prototype,"size",void 0),Ec([Un],Lc.prototype,"mode",void 0),Ec([Un],Lc.prototype,"position",void 0),Ec([Un({attribute:"target-id"})],Lc.prototype,"targetId",void 0),Ec([Gn],Lc.prototype,"anchorReferences",void 0),Ec([Gn],Lc.prototype,"refsLoaded",void 0),Ec([Un({attribute:"transition-duration",converter:ls})],Lc.prototype,"transitionDuration",void 0),Ec([Un({attribute:"transition-delay",converter:ls})],Lc.prototype,"transitionDelay",void 0),Ec([Un({attribute:"reposition-mode"})],Lc.prototype,"repositionMode",void 0),Ec([Un({mode:"boolean"})],Lc.prototype,"open",void 0),Ec([Gn],Lc.prototype,"popoverReference",void 0),Ec([Gn],Lc.prototype,"popoverRole",void 0),Ec([Gn],Lc.prototype,"overflowBoundary",void 0);const Sc=ts`
|
|
95
100
|
${u("block")}
|
|
96
101
|
|
|
97
|
-
.popover-container{position:relative;width:fit-content}.popover{font-family:${R};background-color:${B};border-radius:${p};border:1px solid ${
|
|
102
|
+
.popover-container{position:relative;width:fit-content}.popover{font-family:${R};background-color:${B};border-radius:${p};border:1px solid ${j};box-shadow:${N};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:${c};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:${ae};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${d};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 ${B};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(
|
|
98
103
|
16px + var(--beakShadowHorizontalNudge,0px)
|
|
99
104
|
);top:calc(
|
|
100
105
|
-8px + var(--beakShadowVerticalNudge,0px)
|
|
@@ -102,11 +107,11 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
|
|
|
102
107
|
${c} + var(--beakShadowHorizontalNudge,0px)
|
|
103
108
|
);top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([beak]) .popover[data-position="above-end"] .beak{inset-inline-end:${c};top:100%;transform:rotate(180deg)}:host([beak]) .popover[data-position="end-top"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
104
109
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
105
|
-
);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:${
|
|
110
|
+
);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:${st};transform:rotate(270deg)}:host([beak]) .popover[data-position="end-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
106
111
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
107
112
|
);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(
|
|
108
113
|
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
109
|
-
);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:${
|
|
114
|
+
);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:${st};transform:rotate(270deg)}:host([beak]) .popover[data-position="below-start"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
110
115
|
${c} + var(--beakShadowHorizontalNudge,0px)
|
|
111
116
|
);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:${c};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(
|
|
112
117
|
${c} + var(--beakShadowHorizontalNudge,0px)
|
|
@@ -114,92 +119,97 @@ import{sizeVerticalXXXL as e,sizeVerticalXL as t,sizeHorizontalXL as o,sizeVerti
|
|
|
114
119
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
115
120
|
);top:calc(
|
|
116
121
|
18px + var(--beakShadowVerticalNudge,0px)
|
|
117
|
-
);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:${
|
|
122
|
+
);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:${st};transform:rotate(90deg)}:host([beak]) .popover[data-position="start-middle"] ~ .beak-shadow:after{inset-inline-start:calc(
|
|
118
123
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
119
124
|
);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(
|
|
120
125
|
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
121
|
-
);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:${
|
|
126
|
+
);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:${st};transform:rotate(90deg)}`;const Mc=es`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Jn("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${os("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${ds(e=>e.beak,es`<div part="beak" class="beak"></div>`)}</div>${ds(e=>e.beak,es`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Tc=Lc.compose({name:`${rr.prefix}-popover`,template:Mc,styles:Sc,shadowOptions:{mode:rr.shadowRootMode}}),Pc={pageChange:"page-change"},Rc={default:"default",compact:"compact"};var zc=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};const Ac=480,Oc=640,Dc=1024;class Bc extends Yn{constructor(){super(...arguments),this.responsiveLayout="full",this.isPaginationStateNormalizationQueued=!1,this.updateResponsiveLayout=()=>{this.responsiveLayout=this.resolveResponsiveLayout()},this.variant=Rc.default,this.currentPage=1,this.totalPages=1,this.disabled=!1,this.labelPageOption="",this.labelPageButton="",this.labelNavigation="",this.labelFirstPage="",this.labelPreviousPage="",this.labelNextPage="",this.labelLastPage="",this.labelPageSummary="",this.labelPageNumbers="",this.labelPrevious="",this.labelNext=""}connectedCallback(){var e;super.connectedCallback(),null===(e=globalThis.window)||void 0===e||e.addEventListener("resize",this.updateResponsiveLayout),this.queuePaginationStateNormalization(),this.updateResponsiveLayout()}disconnectedCallback(){var e;null===(e=globalThis.window)||void 0===e||e.removeEventListener("resize",this.updateResponsiveLayout),super.disconnectedCallback()}handleCompactDropdownChange(e){this.goToPage(Number(e.currentTarget.value))}currentPageChanged(){this.isConnected&&this.queuePaginationStateNormalization()}totalPagesChanged(){this.isConnected&&this.queuePaginationStateNormalization()}get usesCompactControls(){return this.variant===Rc.compact||"compact-minimal"===this.responsiveLayout||"compact"===this.responsiveLayout}get showCompactBoundaryControls(){return this.variant===Rc.compact||"compact-minimal"!==this.responsiveLayout}get showTextNavigation(){return"full"===this.responsiveLayout}getLocalizedString(e){return Es(e)}pageOptionLabel(e){return this.formatLabelTemplate(this.labelPageOption||this.getLocalizedString("Pagination_PageOption"),{page:String(e),total:String(this.normalizedTotalPages)})}pageButtonLabel(e){return this.formatLabelTemplate(this.labelPageButton||this.getLocalizedString("Pagination_PageButton"),{page:String(e)})}formatLabelTemplate(e,t){return Object.entries(t).reduce((e,[t,o])=>e.split(`{${t}}`).join(o),e)}get normalizedTotalPages(){return this.sanitizeTotalPages(this.totalPages)}get normalizedCurrentPage(){return this.sanitizePage(this.currentPage)}goToPage(e){if(this.disabled)return;const t=this.sanitizePage(e),o=this.normalizedCurrentPage;if(t===o)return;const i=o;this.currentPage=t,this.emitPageChange(i,t)}nextPage(){this.goToPage(this.normalizedCurrentPage+1)}previousPage(){this.goToPage(this.normalizedCurrentPage-1)}firstPage(){this.goToPage(1)}lastPage(){this.goToPage(this.normalizedTotalPages)}get pageItems(){const e=this.normalizedTotalPages,t=this.normalizedCurrentPage;return e<=7?Array.from({length:e},(e,t)=>t+1):t<=3?[...Array.from({length:5},(e,t)=>t+1),"ellipsis",e]:t>=e-2?[1,"ellipsis",...Array.from({length:5},(t,o)=>e-5+1+o)]:[1,"ellipsis",t-1,t,t+1,"ellipsis",e]}sanitizeTotalPages(e){const t=Number(e);return Number.isFinite(t)?Math.max(1,Math.round(t)):1}sanitizePage(e){return this.sanitizePageForTotal(e,this.normalizedTotalPages)}sanitizePageForTotal(e,t){const o=Number(e),i=Number.isFinite(o)?Math.round(o):1;return Math.min(t,Math.max(1,i))}queuePaginationStateNormalization(){this.isPaginationStateNormalizationQueued||(this.isPaginationStateNormalizationQueued=!0,queueMicrotask(()=>{this.isPaginationStateNormalizationQueued=!1,this.isConnected&&this.normalizePaginationState()}))}normalizePaginationState(){const e=this.sanitizeTotalPages(this.totalPages),t=this.sanitizePageForTotal(this.currentPage,e);this.totalPages!==e&&(this.totalPages=e),this.currentPage!==t&&(this.currentPage=t)}resolveResponsiveLayout(){var e;const t=null===(e=globalThis.window)||void 0===e?void 0:e.innerWidth;return"number"!=typeof t?"full":t<Ac?"compact-minimal":t<Oc?"compact":t<Dc?"numeric":"full"}emitPageChange(e,t){const o={previousPage:e,currentPage:t};this.dispatchEvent(new CustomEvent(Pc.pageChange,{detail:o,bubbles:!0,composed:!0}))}}zc([Gn],Bc.prototype,"responsiveLayout",void 0),zc([Un],Bc.prototype,"variant",void 0),zc([Un({attribute:"current-page"})],Bc.prototype,"currentPage",void 0),zc([Un({attribute:"total-pages"})],Bc.prototype,"totalPages",void 0),zc([Un({mode:"boolean"})],Bc.prototype,"disabled",void 0),zc([Un({attribute:"label-page-option"})],Bc.prototype,"labelPageOption",void 0),zc([Un({attribute:"label-page-button"})],Bc.prototype,"labelPageButton",void 0),zc([Un({attribute:"label-navigation"})],Bc.prototype,"labelNavigation",void 0),zc([Un({attribute:"label-first-page"})],Bc.prototype,"labelFirstPage",void 0),zc([Un({attribute:"label-previous-page"})],Bc.prototype,"labelPreviousPage",void 0),zc([Un({attribute:"label-next-page"})],Bc.prototype,"labelNextPage",void 0),zc([Un({attribute:"label-last-page"})],Bc.prototype,"labelLastPage",void 0),zc([Un({attribute:"label-page-summary"})],Bc.prototype,"labelPageSummary",void 0),zc([Un({attribute:"label-page-numbers"})],Bc.prototype,"labelPageNumbers",void 0),zc([Un({attribute:"label-previous"})],Bc.prototype,"labelPrevious",void 0),zc([Un({attribute:"label-next"})],Bc.prototype,"labelNext",void 0);const _c=ts`
|
|
122
127
|
${u("inline-flex")}
|
|
123
128
|
|
|
124
|
-
:host{box-sizing:border-box;font-family:${R}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${
|
|
125
|
-
${
|
|
129
|
+
:host{box-sizing:border-box;font-family:${R}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${b};min-height:${Ne}}button{border:0;background:transparent;color:${fe};font-size:${de};line-height:${Fe};cursor:pointer}button:disabled{color:${w};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${f};font-weight:${ce};padding-block:0;padding-inline:${ae};block-size:${Ne};border-radius:${p}}.button-label{display:inline-flex;align-items:center}.page-button{inline-size:${pe};box-sizing:border-box;block-size:${Ne};padding-block:0;padding-inline:${M};position:relative;font-weight:${he};color:${fe};display:inline-flex;align-items:center;justify-content:center}.page-items{display:inline-flex;align-items:center;justify-content:center;gap:${M}}.page-button.current{font-weight:${ce};color:${me}}.page-button.current::after{content:"";position:absolute;inset-inline-start:${M};inset-inline-end:${M};inset-block-end:0;block-size:2px;background:${vt};border-radius:1px}.ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:${pe};box-sizing:border-box;color:${fe};font-size:${de};line-height:${Fe};padding:0}.navigation-icon{display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .navigation-icon{transform:scaleX(-1)}.icon-button{inline-size:${Ne};block-size:${Ne};padding-block:0;padding-inline:0;border-radius:${p};color:${fe};font-size:${de};display:inline-flex;align-items:center;justify-content:center}.summary{display:inline-flex}.compact-dropdown{inline-size:130px;}:host([disabled]) .page-button,:host([disabled]) .text-button,:host([disabled]) .icon-button{color:${w}}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid ${m};outline-offset:-2px;border-radius:${p}}@media (forced-colors:active){button:not(:disabled){color:ButtonText}button:disabled{color:GrayText}.page-button.current::after{background:Highlight}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid Highlight}}`;const Vc=es`<template><nav class="pagination-root" aria-label="${e=>e.labelNavigation||Es("Pagination_Navigation")}">${ds(e=>e.usesCompactControls,es` ${ds(e=>e.showCompactBoundaryControls,es`<button type="button" class="icon-button" data-action="first" data-nav="first" aria-label="${e=>e.labelFirstPage||Es("Pagination_FirstPage")}" @click="${e=>e.firstPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--first" aria-hidden="true">${sd}</span></button>`)}<button type="button" class="icon-button" data-action="previous" data-nav="previous" aria-label="${e=>e.labelPreviousPage||Es("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${rd}</span></button><fabric-dropdown class="compact-dropdown" aria-label="${e=>e.labelPageSummary||Es("Pagination_PageSummary")}" value="${e=>String(e.normalizedCurrentPage)}" @change="${(e,t)=>e.handleCompactDropdownChange(t.event)}" ?disabled="${e=>e.disabled}"><fabric-listbox>${is(e=>Array.from({length:e.normalizedTotalPages},(e,t)=>t+1),es`<fabric-option value="${e=>String(e)}" ?selected="${(e,t)=>e===t.parent.normalizedCurrentPage}">${(e,t)=>t.parent.pageOptionLabel(e)}</fabric-option>`)}</fabric-listbox></fabric-dropdown><button type="button" class="icon-button" data-action="next" data-nav="next" aria-label="${e=>e.labelNextPage||Es("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--next" aria-hidden="true">${ad}</span></button>${ds(e=>e.showCompactBoundaryControls,es`<button type="button" class="icon-button" data-action="last" data-nav="last" aria-label="${e=>e.labelLastPage||Es("Pagination_LastPage")}" @click="${e=>e.lastPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}"><span class="navigation-icon navigation-icon--last" aria-hidden="true">${ld}</span></button>`)} `,es`<button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="previous" data-nav="previous" aria-label="${e=>e.showTextNavigation?void 0:e.labelPreviousPage||Es("Pagination_PreviousPage")}" @click="${e=>e.previousPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage<=1}"><span class="navigation-icon navigation-icon--previous" aria-hidden="true">${rd}</span>${ds(e=>e.showTextNavigation,es`<span class="button-label"><slot name="label-previous">${e=>e.labelPrevious||Es("Pagination_Previous")}</slot></span>`)}</button><div class="page-items" role="group" aria-label="${e=>e.labelPageNumbers||Es("Pagination_PageNumbers")}">${is(e=>e.pageItems,es` ${ds(e=>"ellipsis"===e,es`<span class="ellipsis" aria-hidden="true">...</span>`,es`<button type="button" data-action="page" data-page="${e=>String(e)}" @click="${(e,t)=>t.parent.goToPage(Number(e))}" class="page-button ${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"current":""}" aria-label="${(e,t)=>t.parent.pageButtonLabel(Number(e))}" aria-current="${(e,t)=>Number(e)===t.parent.normalizedCurrentPage?"page":void 0}" ?disabled="${(e,t)=>t.parent.disabled}">${e=>e}</button>`)} `)}</div><button type="button" class="${e=>e.showTextNavigation?"text-button":"icon-button"}" data-action="next" data-nav="next" aria-label="${e=>e.showTextNavigation?void 0:e.labelNextPage||Es("Pagination_NextPage")}" @click="${e=>e.nextPage()}" ?disabled="${e=>e.disabled||e.normalizedCurrentPage>=e.normalizedTotalPages}">${ds(e=>e.showTextNavigation,es`<span class="button-label"><slot name="label-next">${e=>e.labelNext||Es("Pagination_Next")}</slot></span>`)}<span class="navigation-icon navigation-icon--next" aria-hidden="true">${ad}</span></button>`)}</nav></template>`,Fc=Bc.compose({name:`${rr.prefix}-pagination`,template:Vc,styles:_c,shadowOptions:{mode:rr.shadowRootMode}}),Hc=ts`
|
|
130
|
+
${gt}
|
|
126
131
|
|
|
127
|
-
::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${
|
|
128
|
-
:host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=
|
|
129
|
-
: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 i;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)?i=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!i){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(i=e)}i&&(e.setAttribute("width",i),e.setAttribute("height",i)),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")}}
|
|
132
|
+
::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${Ir})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;class jc extends ft{constructor(){super(...arguments),this._pointerFocused=!1,this.handlePointerDown=()=>{this._pointerFocused=!0,Ds(this.elementInternals,"focus-visible",!1)},this.focusVisibleIn=()=>{this._pointerFocused||Ds(this.elementInternals,"focus-visible",!0),this._pointerFocused=!1},this.focusVisibleOut=()=>{this._pointerFocused=!1,Ds(this.elementInternals,"focus-visible",!1)}}insertControl(){super.insertControl(),this.control&&(this.control.style.whiteSpace="normal")}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("pointerdown",this.handlePointerDown,{signal:t}),this.addEventListener("focusin",this.focusVisibleIn,{signal:t}),this.addEventListener("focusout",this.focusVisibleOut,{signal:t})}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}keydownHandler(e){return"Home"===e.key||"End"===e.key?(e.preventDefault(),this.open||this.listbox.showPopover(),this.activeIndex="Home"===e.key?0:this.enabledOptions.length-1,!0):("Enter"!==e.key||this.open||e.preventDefault(),super.keydownHandler(e))}}const Nc=jc.compose({name:`${rr.prefix}-dropdown`,template:wt,styles:Hc,shadowOptions:{delegatesFocus:!0}});class qc extends yt{}const Xc=qc.compose({name:`${rr.prefix}-option`,template:xt,styles:$t,shadowOptions:{delegatesFocus:!0}});function Kc(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function Wc(e){return Kc(e)?e.options:Ct(e)?[e]:[]}class Yc extends kt{isOptionInDisabledGroup(e){return Kc(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!Ct(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){var t;const o=null!==(t=null==e?void 0:e.target)&&void 0!==t?t:this.defaultSlot;o&&function(e,t){const o=50,i=":not(:defined)",n=e.querySelectorAll(i);if(0===n.length)return void t();const s=new Set;for(const e of n)s.add(e.localName);const r=Promise.all([...s].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};r.then(l),o>0&&setTimeout(l,o)}(this,()=>{Zn.enqueue(()=>{const e=o.assignedElements(),t=[];for(const o of e)if(Kc(o)){const e=o;t.push(...e.options)}else Ct(o)&&t.push(o);this.options=t})})}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,i=Kc(e)?e:null;t.has(i)||t.set(i,[]),t.get(i).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,i)=>{o.elementInternals.ariaPosInSet=`${i+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&Kc(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",Ds(this.elementInternals,"multiple",t),Zn.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const Uc=Yc.compose({name:`${rr.prefix}-listbox`,template:Et,styles:It,shadowOptions:{delegatesFocus:!0}});function Gc(e=customElements){Nc.define(e),Uc.define(e),Xc.define(e),Fc.define(e)}Gc(rr.registry);const Zc=["base","embed","form","frame","iframe","link","meta","object","script","style"],Qc=["data","formaction","onclick","onerror","onload","onmouseover","src"];class Jc{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Zc,Qc),(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 i;const n=e.tagName.toLowerCase();t.includes(n)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${n}>`),null===(i=e.parentNode)||void 0===i||i.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))})})}}Jc.parser=new DOMParser,Jc.sanitize.bind(Jc);class eh{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 Jc.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"),i=o.querySelector(`symbol[id="${t}"]`);if(!i)return console.error(`Icon with ID ${t} not found in sprite.`),"";const n="http://www.w3.org/2000/svg",s=o.createElementNS(n,"svg");return e.includes(`xmlns="${n}"`)||s.setAttribute("xmlns",n),s.setAttribute("viewBox",i.getAttribute("viewBox")||""),Array.from(i.childNodes).forEach(e=>{s.appendChild(e.cloneNode(!0))}),th(s),s.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),i=this.parseSVG(o),n=i.querySelector("symbol");return n?this.getSVGDetailsFromSymbol(n):this.getSVGDetailsFromSVGElement(i)}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));th(o);const i=e.getAttribute("width")||void 0,n=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:i,height:n}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,i;return t&&(o=t.getAttribute("width")||void 0,i=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:i}}}function th(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}eh.cache=new Map,eh.parser=new DOMParser;var oh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class ih extends Yn{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,eh.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const i=this.shadowRoot.querySelector("svg");i&&this.updateSvgAttributes(i)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${d})`,e.style.height=`var(--icon-height, ${d})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const t=document.createElementNS("http://www.w3.org/2000/svg","line");t.setAttribute("x1","0"),t.setAttribute("y1","0"),t.setAttribute("x2","20"),t.setAttribute("y2","20"),t.setAttribute("stroke","var(--colorPaletteRedForeground1)"),t.setAttribute("stroke-width","var(--strokeWidthThick)");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","20"),o.setAttribute("y1","0"),o.setAttribute("x2","0"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(t),e.appendChild(o),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=ts`
|
|
133
|
+
:host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=ts`
|
|
134
|
+
: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 i;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)?i=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!i){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(i=e)}i&&(e.setAttribute("width",i),e.setAttribute("height",i)),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")}}oh([Un],ih.prototype,"name",void 0),oh([Un],ih.prototype,"size",void 0),oh([Un],ih.prototype,"path",void 0),oh([Un({attribute:"aria-hidden"})],ih.prototype,"ariaHidden",void 0),oh([Un],ih.prototype,"focusable",void 0);const nh=ts`
|
|
130
135
|
${u("inline-flex")}
|
|
131
136
|
|
|
132
|
-
:host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,
|
|
137
|
+
:host,:host svg{height:var(--icon-height,${o});width:var(--icon-width,${o})}:host svg:not([role="img"]){fill:currentcolor}`,sh=es`<template></template>`,rh=ih.compose({name:`${rr.prefix}-svg-icon`,template:sh,styles:nh,shadowOptions:{mode:rr.shadowRootMode}});rh.define(rr.registry);var ah=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class lh extends Yn{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 i,n,s,r,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(s=null===(n=null===(i=t[this.activeColumnKey])||void 0===i?void 0:i.label)||void 0===n?void 0:n[0])&&void 0!==s?s:"")<(null!==(l=null===(a=null===(r=o[this.activeColumnKey])||void 0===r?void 0:r.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[i,n]of e.column.render.entries()){const s=await n(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[i]);await this.appendContent({content:s,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()}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}ah([Gn],lh.prototype,"tableHeadRef",void 0),ah([Gn],lh.prototype,"tableBodyRef",void 0),ah([Gn],lh.prototype,"rows",void 0),ah([Gn],lh.prototype,"columns",void 0),ah([Un({mode:"boolean"})],lh.prototype,"sortable",void 0),ah([Gn],lh.prototype,"tableRendered",void 0),ah([Un({attribute:"sort-direction"})],lh.prototype,"sortDirection",void 0),ah([Gn],lh.prototype,"activeColumnKey",void 0);const dh={ascending:"ascending",descending:"descending"};class ch extends Yn{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const hh=ts`
|
|
133
138
|
${u("table-cell")}
|
|
134
139
|
|
|
135
|
-
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${
|
|
140
|
+
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${b}}`;const uh=es`<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>`,ph=ch.compose({name:`${rr.prefix}-table-cell`,template:uh,styles:hh,shadowOptions:{mode:rr.shadowRootMode}}),mh=ts`
|
|
136
141
|
${u("table")}
|
|
137
142
|
|
|
138
|
-
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${de};line-height:${
|
|
139
|
-
fabric-simple-table{display:block;font-family:${R}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${de};line-height:${
|
|
140
|
-
.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}`)),
|
|
143
|
+
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${de};line-height:${Fe}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${e};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${me};font-weight:${he};text-align:start}tr{display:table-row;box-sizing:border-box;color:${me};border-bottom:${T} solid ${P}}tbody tr:hover{color:${Oe};background-color:${Z}}th{color:${me};text-align:start;font-weight:${he};vertical-align:middle;padding:0px ${b};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:${H}}td,fabric-table-cell{height:44px;padding:0px ${b};vertical-align:middle;color:${me}}.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 bh=es`<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 ${os("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${os("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,vh=qa(Na(lh.compose({name:`${rr.prefix}-table`,template:bh,styles:mh,shadowOptions:{mode:rr.shadowRootMode}})),Na(ph));class gh extends Yn{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 fh=ts`
|
|
144
|
+
fabric-simple-table{display:block;font-family:${R}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${de};line-height:${Fe}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${me}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${T} solid ${P}}.microsoft-fabric-ux-fabric-simple-table th{color:${me};text-align:start;font-weight:${ce};vertical-align:middle;padding-block:${ue};padding-inline:${b}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ue};padding-inline:${b};vertical-align:middle;color:${me}}`.withBehaviors(Wa(ts`
|
|
145
|
+
.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}`)),wh=gh.compose({name:`${rr.prefix}-simple-table`,styles:fh,shadowOptions:null}),yh={small:"small",medium:"medium",large:"large"},$h={extraSmall:"extraSmall",small:"small",medium:"medium"},xh={caption1:"caption1",body1:"body1"},Ch={rounded:"rounded",circular:"circular"},kh={filled:"filled",outline:"outline",brand:"brand"},Ih={dismiss:"dismiss"};var Eh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Lh extends Yn{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 i=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==i||i.setAttribute("height",o.toString()),null==i||i.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(Ih.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}Eh([Gn],Lh.prototype,"dismissButtonRef",void 0),Eh([Un({mode:"boolean",attribute:"dismiss-button"})],Lh.prototype,"dismissButton",void 0),Eh([Un({mode:"boolean"})],Lh.prototype,"disabled",void 0),Eh([Un],Lh.prototype,"size",void 0),Eh([Un],Lh.prototype,"shape",void 0),Eh([Un],Lh.prototype,"appearance",void 0),Eh([Gn],Lh.prototype,"textPrimaryContent",void 0),Eh([Gn],Lh.prototype,"textPrimarySlotted",void 0),Eh([Gn],Lh.prototype,"textSecondarySlotted",void 0),Eh([Gn],Lh.prototype,"textSizePrimary",void 0),Eh([Gn],Lh.prototype,"leadingIconSlotted",void 0);const Sh=ts`
|
|
141
146
|
${u("block")}
|
|
142
|
-
.caption1{${
|
|
147
|
+
.caption1{${Lt}}.caption2{${St}}.body1{${Mt}}:host{height:${e};width:fit-content;display:inline-flex;align-items:center;background-color:${Tt};color:${fe};border-radius:${p};border:none}:host([size="extraSmall"]){height:${t}}:host([size="small"]){height:${i}}:host([shape="circular"]){border-radius:${ge}}:host([appearance="outline"]){border:${T} solid ${V};background-color:unset}:host([appearance="brand"]){background-color:${A};color:${Pt}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Pt}}:host([disabled]){color:${$}}:host([disabled]) ::slotted(*){color:${$}}fluent-button.dismissButton{min-width:unset;padding:${Rt};min-height:unset;margin-inline-start:${Rt};margin-inline-end:${M}}:host([disabled]) fluent-button.dismissButton{color:${$}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${s}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${r}}:host([size="small"]) fluent-button.dismissButton{width:${a}}:host([size="small"]) fluent-button.dismissButton svg{height:${l}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${S};padding-bottom:${h};margin:${h} ${b}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${f}}:host([dismissButton]) .textContent{margin-inline-end:${f}}::slotted([slot="leadingIcon"]){margin-inline-end:${Rt};margin-inline-start:${b};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${M}}::slotted([slot="image"]){margin:${S};margin-inline-end:${Rt};display:flex;align-items:center;height:calc(${ve} + ${rt})}:host([size="small"]) ::slotted([slot="image"]){height:${t}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${l}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Pt};color:${B}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${$};color:${ne}}`,Mh=es`<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 Th=es`<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" ${Jn("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Jn("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Jn("textSecondarySlotted")}></slot><slot></slot></div>${ds(e=>e.dismissButton,es`<fluent-button class="dismissButton" part="dismissButton" ${os("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Mh}</slot></fluent-button>`)}</div></div></template>`,Ph=qa(Na(Lh.compose({name:`${rr.prefix}-tag`,template:Th,styles:Sh,shadowOptions:{mode:rr.shadowRootMode}})),Na(zt)),Rh={small:"small",medium:"medium",large:"large"},zh={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"},Ah={openChange:"open-change",dismiss:"dismiss"};var Oh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Dh extends Yn{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=Ss(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),Dh.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),Dh.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(Ah.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?[Ms({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Ts(10),...e]}:{middleware:[Ps({autoAlignment:!0}),Ts(10),...e]};this.targetEl&&Rs(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:i})=>{var n;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const s=null!==(n=i.arrow)&&void 0!==n?n:void 0;if(this.arrowEl&&s){const{x:e,y:t}=s,i={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:"",[i]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case $s:this.handleTabKeyDown(e);break;case ws: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===Dh.openInstances.size,i=t&&o;i&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Zn.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!i&&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!(Dh.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),Zn.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(),Dh.openInstances.delete(this)}openChanged(){this.initializePosition(),Zn.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(Ah.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(ks(o)||Dh.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const i=o.shadowRoot;return i&&(e=Array.from(i.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()}}Dh.openInstances=new Set,Oh([Un({mode:"fromView"})],Dh.prototype,"target",void 0),Oh([Un({mode:"reflect"})],Dh.prototype,"placement",void 0),Oh([Un({mode:"boolean"})],Dh.prototype,"open",void 0),Oh([Un({mode:"boolean",attribute:"disable-trap-focus"})],Dh.prototype,"disableTrapFocus",void 0),Oh([Un({mode:"reflect"})],Dh.prototype,"size",void 0);const Bh=ts`
|
|
143
148
|
${u("block")}
|
|
144
149
|
|
|
145
|
-
:host{position:absolute;border:1px solid ${Pe};border-radius:${p};background-color:${Pe};color:${B};padding:${c};box-shadow:${zt};max-width:calc(${_e} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${R};font-size:unset;font-weight:${he};line-height:${He};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${x}}:host([size="medium"]) ::slotted(*){font-size:${de}}:host([size="large"]) ::slotted(*){font-size:${k}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${v}}.arrow{position:absolute;background:${Pe};width:${a};height:${l};transform:rotate(45deg);border-radius:${ve};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${ae}}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:${ce};line-height:${I}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${de}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${E}}slot[name="footer"]::slotted(*){line-height:${C};margin-top:${ae};padding-top:${ae}}`;const uh=Jn`<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" ${ts("arrowEl")}></div></template>`,ph=ch.compose({name:`${nr.prefix}-teaching-bubble`,template:uh,styles:hh,shadowOptions:{mode:nr.shadowRootMode}}),mh={incomplete:"incomplete",complete:"complete",error:"error"},vh={stepChange:"step-change",stepSelect:"step-select"},bh={panelChange:"panel-change"},gh={...mh};var fh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class wh extends Wn{constructor(){super(...arguments),this.hidden=!0,this.state=gh.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(bh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}fh([Gn],wh.prototype,"index",void 0),fh([Yn({mode:"boolean"})],wh.prototype,"hidden",void 0),fh([Yn],wh.prototype,"state",void 0),fh([Yn({mode:"boolean"})],wh.prototype,"active",void 0);var yh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class $h extends Wn{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=mh.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=mh.complete}setIncomplete(){this.state=mh.incomplete}setError(){this.state=mh.error}emitChange(){this.$emit(vh.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(vh.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===us)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}yh([Yn({mode:"boolean"})],$h.prototype,"numbered",void 0),yh([Yn({mode:"boolean",attribute:"hide-connector"})],$h.prototype,"hideConnector",void 0),yh([Yn({mode:"boolean"})],$h.prototype,"active",void 0),yh([Yn({mode:"boolean"})],$h.prototype,"disabled",void 0),yh([Yn({attribute:"aria-describedby"})],$h.prototype,"ariaDescribedby",void 0),yh([Yn({attribute:"aria-labelledby"})],$h.prototype,"ariaLabelledby",void 0),yh([Yn],$h.prototype,"state",void 0),yh([Gn],$h.prototype,"button",void 0),yh([Yn({converter:rs})],$h.prototype,"index",void 0),yh([Gn],$h.prototype,"details",void 0),yh([Gn],$h.prototype,"title",void 0);const xh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Ch=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class kh extends Wn{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(),Un.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&&Un.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=mh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=mh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=mh.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=mh.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,i=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[i],this.currentIndex=i,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 i=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===i)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 i=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===i)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 us:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case fs:e.preventDefault(),this.stepcontainer.focus();break;case us:e.preventDefault(),this.handleStepSelect(e);break;case bs:e.preventDefault(),this.focusPreviousStep();break;case gs:e.preventDefault(),this.focusNextStep();break;case ms:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case vs: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,i=this.currentIndex===t&&this.isFocusableElement(o),n=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",n),o.setAttribute("role","tab"),o.active=i,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===mh.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!==mh.complete}i&&(this.activestep=o,this.activeid=n,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,i=this.stepIds[t],n=this.panelIds[t];o.setAttribute("id",n),o.setAttribute("aria-labelledby",i),o.setAttribute("role","tabpanel"),o.index=t;const s=this.currentIndex===t&&this.isFocusableElement(o);o.active=s,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&&Un.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(ws())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(ws())}`})}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(xh.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())}}Ch([Yn({mode:"boolean"})],kh.prototype,"numbered",void 0),Ch([Yn({mode:"boolean"})],kh.prototype,"linear",void 0),Ch([Yn({mode:"boolean",attribute:"disable-on-complete"})],kh.prototype,"disableOnComplete",void 0),Ch([Yn({attribute:"current-index",converter:rs})],kh.prototype,"currentIndex",void 0),Ch([Gn],kh.prototype,"stepcontainer",void 0),Ch([Gn],kh.prototype,"panelcontainer",void 0),Ch([Gn],kh.prototype,"slottedsteps",void 0),Ch([Gn],kh.prototype,"slottedactions",void 0),Ch([Gn],kh.prototype,"slottedpanels",void 0),Ch([Gn],kh.prototype,"activeid",void 0);const Ih=es`
|
|
150
|
+
:host{position:absolute;border:1px solid ${Te};border-radius:${p};background-color:${Te};color:${B};padding:${c};box-shadow:${At};max-width:calc(${Ve} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${R};font-size:unset;font-weight:${he};line-height:${Fe};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${x}}:host([size="medium"]) ::slotted(*){font-size:${de}}:host([size="large"]) ::slotted(*){font-size:${k}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${b}}.arrow{position:absolute;background:${Te};width:${a};height:${l};transform:rotate(45deg);border-radius:${be};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${ae}}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:${ce};line-height:${I}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${de}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${E}}slot[name="footer"]::slotted(*){line-height:${C};margin-top:${ae};padding-top:${ae}}`;const _h=es`<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" ${os("arrowEl")}></div></template>`,Vh=Dh.compose({name:`${rr.prefix}-teaching-bubble`,template:_h,styles:Bh,shadowOptions:{mode:rr.shadowRootMode}}),Fh={incomplete:"incomplete",complete:"complete",error:"error"},Hh={stepChange:"step-change",stepSelect:"step-select"},jh={panelChange:"panel-change"},Nh={...Fh};var qh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Xh extends Yn{constructor(){super(...arguments),this.hidden=!0,this.state=Nh.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(jh.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}qh([Gn],Xh.prototype,"index",void 0),qh([Un({mode:"boolean"})],Xh.prototype,"hidden",void 0),qh([Un],Xh.prototype,"state",void 0),qh([Un({mode:"boolean"})],Xh.prototype,"active",void 0);var Kh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Wh extends Yn{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=Fh.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=Fh.complete}setIncomplete(){this.state=Fh.incomplete}setError(){this.state=Fh.error}emitChange(){this.$emit(Hh.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(Hh.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===ps)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}Kh([Un({mode:"boolean"})],Wh.prototype,"numbered",void 0),Kh([Un({mode:"boolean",attribute:"hide-connector"})],Wh.prototype,"hideConnector",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"active",void 0),Kh([Un({mode:"boolean"})],Wh.prototype,"disabled",void 0),Kh([Un({attribute:"aria-describedby"})],Wh.prototype,"ariaDescribedby",void 0),Kh([Un({attribute:"aria-labelledby"})],Wh.prototype,"ariaLabelledby",void 0),Kh([Un],Wh.prototype,"state",void 0),Kh([Gn],Wh.prototype,"button",void 0),Kh([Un({converter:ls})],Wh.prototype,"index",void 0),Kh([Gn],Wh.prototype,"details",void 0),Kh([Gn],Wh.prototype,"title",void 0);const Yh={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Uh=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gh extends Yn{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(),Zn.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&&Zn.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=Fh.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Fh.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Fh.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=Fh.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,i=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[i],this.currentIndex=i,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 i=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===i)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 i=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===i)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 ps:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case ws:e.preventDefault(),this.stepcontainer.focus();break;case ps:e.preventDefault(),this.handleStepSelect(e);break;case gs:e.preventDefault(),this.focusPreviousStep();break;case fs:e.preventDefault(),this.focusNextStep();break;case bs:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case vs: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,i=this.currentIndex===t&&this.isFocusableElement(o),n=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",n),o.setAttribute("role","tab"),o.active=i,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===Fh.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!==Fh.complete}i&&(this.activestep=o,this.activeid=n,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,i=this.stepIds[t],n=this.panelIds[t];o.setAttribute("id",n),o.setAttribute("aria-labelledby",i),o.setAttribute("role","tabpanel"),o.index=t;const s=this.currentIndex===t&&this.isFocusableElement(o);o.active=s,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&&Zn.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(ys())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(ys())}`})}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(Yh.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())}}Uh([Un({mode:"boolean"})],Gh.prototype,"numbered",void 0),Uh([Un({mode:"boolean"})],Gh.prototype,"linear",void 0),Uh([Un({mode:"boolean",attribute:"disable-on-complete"})],Gh.prototype,"disableOnComplete",void 0),Uh([Un({attribute:"current-index",converter:ls})],Gh.prototype,"currentIndex",void 0),Uh([Gn],Gh.prototype,"stepcontainer",void 0),Uh([Gn],Gh.prototype,"panelcontainer",void 0),Uh([Gn],Gh.prototype,"slottedsteps",void 0),Uh([Gn],Gh.prototype,"slottedactions",void 0),Uh([Gn],Gh.prototype,"slottedpanels",void 0),Uh([Gn],Gh.prototype,"activeid",void 0);const Zh=ts`
|
|
146
151
|
${u("block")}
|
|
147
152
|
|
|
148
153
|
:host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
|
|
149
|
-
${
|
|
150
|
-
${
|
|
154
|
+
${Ve} + ${Ve} +
|
|
155
|
+
${Ve}
|
|
151
156
|
);--wizard-overflow-step-width:calc(
|
|
152
157
|
${pe} + ${f}
|
|
153
|
-
);--wizard-scrollbar-radius:${f};--wizard-scrollbar-spacing:${f};--wizard-scrollbar-thumb-color:${w};--wizard-scrollbar-track-color:${
|
|
158
|
+
);--wizard-scrollbar-radius:${f};--wizard-scrollbar-spacing:${f};--wizard-scrollbar-thumb-color:${w};--wizard-scrollbar-track-color:${Tt}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${ve} ${pe}}.steps{background-color:${Tt};box-sizing:border-box;padding:${ve} ${pe};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:${w}}.panels-container{background:${_}}.button-container{gap:${ae};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:${rt};flex-direction:column;justify-content:space-between;padding-block-start:${ue};padding-inline:${pe};padding-block-end:0;margin-bottom:${le}}.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:${ve} ${pe};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(
|
|
154
159
|
--wizard-tablist-width,var(--wizard-overflow-tablist-width)
|
|
155
|
-
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${
|
|
156
|
-
${
|
|
160
|
+
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${ve} ${Ve}
|
|
161
|
+
${ve} ${pe}}:host(.overflow) .steps{width:fit-content}}`;const Qh=es`<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)}" ${os("stepcontainer")}><slot name="step" ${Jn("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${os("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" ${Jn("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Jn("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,Jh=Gh.compose({name:`${rr.prefix}-wizard`,template:Qh,styles:Zh,shadowOptions:{mode:rr.shadowRootMode}}),eu=ts`
|
|
157
162
|
${u("block")}
|
|
158
|
-
:host{height:100%;background:${
|
|
163
|
+
:host{height:100%;background:${_}}:host([active]){display:block}.content{padding-block-start:${ve};padding-inline:${pe};padding-block-end:0}.title{padding-block-start:0;padding-inline:${pe};padding-block-end:${rt};color:${me}}.footer{padding-block:${st};padding-inline:${pe};border-top:1px solid ${V}}`;const tu=es`<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>`,ou=Xh.compose({name:`${rr.prefix}-wizard-panel`,template:tu,styles:eu,shadowOptions:{mode:rr.shadowRootMode}}),iu=ts`
|
|
159
164
|
${u("block")}
|
|
160
165
|
|
|
161
|
-
.step{unset:all;background:transparent;color:${me};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${R};position:relative;align-items:flex-start;column-gap:${ae};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:${$}}:host([disabled]) .step-connector{background:${Qe}}:host([disabled]) .icon{background:${
|
|
162
|
-
${
|
|
163
|
-
|
|
164
|
-
${
|
|
165
|
-
:host([orientation='vertical']){min-height:unset}`,zu=To,Ru=Iu.compose({name:`${nr.prefix}-divider`,template:To,styles:Pu,shadowOptions:{mode:nr.shadowRootMode}});class Au extends Do{}const Ou={...Bo},Tu={...Vo},Du={..._o},Bu=Au.compose({name:`${nr.prefix}-drawer`,template:Fo,styles:Ho,shadowOptions:{mode:nr.shadowRootMode}});class Vu extends No{}const _u=Vu.compose({name:`${nr.prefix}-drawer-body`,template:qo,styles:jo,shadowOptions:{mode:nr.shadowRootMode}}),Hu={...Xo},Fu={...Ko},Nu={...Wo};class ju extends Yo{constructor(){super(...arguments),this._wiredLabelClickHandlers=new Map}setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||ws("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const i=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||i,t.push(e.id),e instanceof HTMLLabelElement?e.htmlFor=e.htmlFor||this.input.id:this.wireLabelClickForwarding(e)}}),t.length?this.input.setAttribute("aria-labelledby",t.join(" ")):this.input.removeAttribute("aria-labelledby")}wireLabelClickForwarding(e){if(this._wiredLabelClickHandlers.has(e))return;const t=e=>{this.input&&!e.defaultPrevented&&(e.target instanceof Node&&this.input.contains(e.target)||this.input.click())};e.addEventListener("click",t),this._wiredLabelClickHandlers.set(e,t)}unwireLabelClickForwarding(e){const t=this._wiredLabelClickHandlers.get(e);t&&(e.removeEventListener("click",t),this._wiredLabelClickHandlers.delete(e))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),null==e||e.forEach(e=>{!(e instanceof Element)||e instanceof HTMLLabelElement||(null==t?void 0:t.includes(e))||this.unwireLabelClickForwarding(e)}),t&&this.input&&this.setLabelPropertiesExtended()}disconnectedCallback(){super.disconnectedCallback();for(const e of[...this._wiredLabelClickHandlers.keys()])this.unwireLabelClickForwarding(e)}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const qu=es`
|
|
166
|
+
.step{unset:all;background:transparent;color:${me};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${R};position:relative;align-items:flex-start;column-gap:${ae};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:${$}}:host([disabled]) .step-connector{background:${Qe}}:host([disabled]) .icon{background:${_e};border-color:${Qe}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${pe}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${pe}}.state-indicator{width:${n};height:${i};display:flex;justify-content:center;align-items:center;padding:${h};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${o};height:${t};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${O} 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:${ue};inset-inline-start:${b};height:${O};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${he};font-size:${de};line-height:${Fe}}.details{font-weight:${he};font-size:${x};line-height:${C}}.icon svg{color:${Pe};fill:${Pe};width:${s};height:${r};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:${ce}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${Ot};border-color:${Ot};color:${Pe}}:host([state="complete"]) .icon svg{margin-top:${h}}:host([state="error"]) .icon{background:${Dt};border-color:${Dt}}@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 ${st} 0;column-gap:${ae};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${O};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${pe} * 43 - ${b} - ${T})){: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:${h}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,nu=es`<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>`,su=es`<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 ru=es`<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?es`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?es`<slot name="complete">${nu}</slot>`:""} ${e=>"error"===e.state?es`<slot name="error">${su}</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>`,au=Wh.compose({name:`${rr.prefix}-wizard-step`,template:ru,styles:iu,shadowOptions:{mode:rr.shadowRootMode}});class lu extends Bt{}const du={...Vt},cu={..._t},hu=lu.compose({name:`${rr.prefix}-accordion-item`,template:Ht,styles:Ft,shadowOptions:{mode:rr.shadowRootMode}});class uu extends jt{}const pu=uu.compose({name:`${rr.prefix}-accordion`,template:qt,styles:Nt,shadowOptions:{mode:rr.shadowRootMode}}),mu={...Xt},bu={...Wt},vu={...Yt},gu={...Kt};class fu extends Ut{clickHandler(e){if(this.href){if(!(Ua(e)||this.target===vu._blank))return super.clickHandler(e);e.preventDefault(),window.open(this.href,"_blank")}return!0}}const wu=es`<template tabindex="0" @click="${(e,t)=>e.clickHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><slot></slot></template>`,yu=fu.compose({name:`${rr.prefix}-link`,template:wu,styles:Gt,shadowOptions:{mode:rr.shadowRootMode}});class $u extends Zt{}const xu={...Qt},Cu={...Jt},ku={...eo},Iu={...to},Eu={...oo},Lu={...io},Su=$u.compose({name:`${rr.prefix}-avatar`,template:so,styles:no,shadowOptions:{mode:rr.shadowRootMode}});class Mu extends ro{}const Tu={...ao},Pu={...lo},Ru={...co},zu={...ho},Au=Mu.compose({name:`${rr.prefix}-badge`,template:po,styles:uo,shadowOptions:{mode:rr.shadowRootMode}});class Ou extends mo{}const Du={...bo},Bu={...vo},_u=Ou.compose({name:`${rr.prefix}-checkbox`,template:fo,styles:go,shadowOptions:{mode:rr.shadowRootMode}});class Vu extends wo{}const Fu={...yo},Hu={...$o},ju={...xo},Nu={...Co},qu=Vu.compose({name:`${rr.prefix}-counter-badge`,template:Io,styles:ko,shadowOptions:{mode:rr.shadowRootMode}}),Xu={modal:"modal",nonModal:"non-modal",alert:"alert"};class Ku extends Eo{}const Wu=Ku.compose({name:`${rr.prefix}-dialog-body`,template:So,styles:Lo,shadowOptions:{mode:rr.shadowRootMode}});class Yu extends Mo{}const Uu={...To},Gu={...Po},Zu={...Ro},Qu={...zo},Ju=ts`
|
|
167
|
+
${Ao}
|
|
168
|
+
:host([orientation='vertical']){min-height:unset}`,ep=Oo,tp=Yu.compose({name:`${rr.prefix}-divider`,template:Oo,styles:Ju,shadowOptions:{mode:rr.shadowRootMode}}),op={dismiss:"dismiss",select:"select","rename-request":"rename-request"};var ip=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class np extends Yn{constructor(){super(...arguments),this.internalId="fabric-dynamic-tab-"+np.idCounter++,this.selected=!1,this.disabled=!1,this.noDismiss=!1,this.noRename=!1,this.modified=!1,this.closeTabLabel="",this.modifiedLabel="",this.closeHintLabel=""}get effectiveId(){return this.id||this.internalId}handleClick(e){this.disabled||this.emitSelect()}handleKeydown(e){if(this.disabled)return!0;switch(e.key){case"Enter":case" ":return e.preventDefault(),this.emitSelect(),!1;case"F2":if(!this.noRename)return e.preventDefault(),this.emitRenameRequest(),!1}return!0}handleDismissClick(e){e.stopPropagation(),this.emitDismiss()}emitDismiss(){this.dispatchEvent(new CustomEvent(op.dismiss,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitSelect(){this.dispatchEvent(new CustomEvent(op.select,{detail:{id:this.id},bubbles:!0,composed:!0}))}emitRenameRequest(){var e,t;this.dispatchEvent(new CustomEvent(op["rename-request"],{detail:{id:this.id,currentName:null!==(t=null===(e=this.textContent)||void 0===e?void 0:e.trim())&&void 0!==t?t:""},bubbles:!0,composed:!0}))}}np.idCounter=0,ip([Un({mode:"boolean"})],np.prototype,"selected",void 0),ip([Un({mode:"boolean"})],np.prototype,"disabled",void 0),ip([Un({mode:"boolean",attribute:"no-dismiss"})],np.prototype,"noDismiss",void 0),ip([Un({mode:"boolean",attribute:"no-rename"})],np.prototype,"noRename",void 0),ip([Un({mode:"boolean"})],np.prototype,"modified",void 0),ip([Un({attribute:"close-tab-label"})],np.prototype,"closeTabLabel",void 0),ip([Un({attribute:"modified-label"})],np.prototype,"modifiedLabel",void 0),ip([Un({attribute:"close-hint-label"})],np.prototype,"closeHintLabel",void 0);const sp=es`<template role="tab" aria-selected="${e=>e.selected}" aria-disabled="${e=>e.disabled}" aria-describedby="${e=>e.noDismiss?void 0:`${e.effectiveId}-hint`}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><div class="root"><div class="container"><span class="icon"><slot name="icon">${cr}</slot></span><span class="label"><slot></slot></span>${ds(e=>e.modified,es`<span class="modified-indicator" aria-label="${e=>e.modifiedLabel||Es("DynamicTab_Modified")}">${vr}</span>`)} ${ds(e=>!e.noDismiss&&!e.disabled&&!e.modified,es`<fabric-button class="dismiss-button" icon-only appearance="transparent" aria-label="${e=>e.closeTabLabel||Es("DynamicTab_CloseTab")}" @click="${(e,t)=>e.handleDismissClick(t.event)}" tabindex="-1"><slot name="dismiss-icon">${hr}</slot></fabric-button>`)}</div>${ds(e=>!e.noDismiss,es`<span id="${e=>`${e.effectiveId}-hint`}" class="visually-hidden">${e=>e.closeHintLabel||Es("DynamicTab_CloseHint")}</span>`)} ${ds(e=>!e.selected,es`<div class="divider"></div>`)}</div></template>`,rp=ts`.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}`,ap=ts`
|
|
169
|
+
${rp}
|
|
170
|
+
:host{outline:none}.root{display:inline-flex;position:relative;box-sizing:border-box;font-family:${R};outline:none;min-width:180px;}.container{display:flex;align-items:center;gap:${f};padding:${Do} ${b};border-radius:${p};background:${F};width:100%;box-sizing:border-box;cursor:pointer}:host(:hover:not([disabled]):not([selected])) .container{background:${Z}}:host(:hover:not([disabled])) .label{font-weight:${ce}}:host(:active:not([disabled])) .container{background:${Q}}:host([selected]) .container{background:${ee}}:host([selected]) .label{font-weight:${ce}}:host([selected]) .divider{display:none}:host(:focus-visible) .container{outline:2px solid ${m};outline-offset:-2px}:host([disabled]){cursor:not-allowed}:host([disabled]) .container{cursor:not-allowed}:host([disabled]) .label{color:${$}}:host([disabled]) .icon{color:${$}}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${me}}.label{flex:1;font-size:${de};font-weight:${he};line-height:${Fe};color:${me};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dismiss-button{flex-shrink:0;--button-padding-inline:0;--button-min-width:20px;padding:0;padding-inline-start:${f};min-width:unset;min-height:unset;border:unset}.modified-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${me}}.modified-indicator svg{width:6px;height:6px}.divider{position:absolute;inset-inline-end:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:${P};display:var(--tab-divider-display,block)}`,lp=qa(Na(np.compose({name:`${rr.prefix}-dynamic-tab`,template:sp,styles:ap,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ol)),dp={horizontal:"horizontal",vertical:"vertical"},cp={"tab-dismiss":"tab-dismiss","tab-select":"tab-select","context-menu":"context-menu"};var hp=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class up extends Yn{constructor(){super(...arguments),this.orientation=dp.horizontal,this.showManagedTabs=!1,this.closeUnmodifiedLabel="",this.closeAllLabel="",this.manageTabsLabel="",this.tabs=[],this.contextMenuTargetId=null,this.contextMenuOpen=!1,this.contextMenuX=0,this.contextMenuY=0,this.slottedManageTabsTrigger=[],this.manageTabsMenuOpen=!1,this.manageTabsMenuEl=null,this.focusController=null,this.isUserSelection=!1,this.handleManageTabsLightDismiss=e=>{var t,o,i,n;if(!this.manageTabsMenuEl)return;const s=this.manageTabsMenuEl;if(!(null===(t=s.matches)||void 0===t?void 0:t.call(s,":popover-open")))return;const r=e.target,a=this.manageTabsMenuEl.contains(r),l=null===(i=null===(o=this.shadowRoot)||void 0===o?void 0:o.querySelector(".manage-tabs-trigger"))||void 0===i?void 0:i.contains(r);a||l||(null===(n=s.hidePopover)||void 0===n||n.call(s),this.removeManageTabsMenuListeners())},this.handleManageTabsEscape=e=>{var t,o;if("Escape"===e.key&&this.manageTabsMenuEl){const e=this.manageTabsMenuEl;(null===(t=e.matches)||void 0===t?void 0:t.call(e,":popover-open"))&&(null===(o=e.hidePopover)||void 0===o||o.call(e),this.removeManageTabsMenuListeners(!0))}}}get hasTrigger(){return this.showManagedTabs||this.slottedManageTabsTrigger.length>0}connectedCallback(){var e;super.connectedCallback(),this.initializeFocusController(),Zn.enqueue(()=>{var e;this.manageTabsMenuEl=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".manage-tabs-menu")});this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName).length>0&&(null===(e=this.focusController)||void 0===e||e.applyTabindex())}disconnectedCallback(){var e;super.disconnectedCallback(),null===(e=this.focusController)||void 0===e||e.destroy(),this.focusController=null,this.removeManageTabsMenuListeners()}setupManageTabsMenuListeners(){document.addEventListener("click",this.handleManageTabsLightDismiss),document.addEventListener("keydown",this.handleManageTabsEscape)}removeManageTabsMenuListeners(e=!1){var t;if(this.manageTabsMenuOpen=!1,document.removeEventListener("click",this.handleManageTabsLightDismiss),document.removeEventListener("keydown",this.handleManageTabsEscape),e){const e=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector(".manage-tabs-trigger");null==e||e.focus()}}initializeFocusController(){this.focusController=Ea({items:()=>this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName),isDisabled:e=>!0===e.disabled,orientation:this.orientation===dp.vertical?"vertical":"horizontal",enableHomeEnd:!0,wrap:!1,isRtl:()=>this.matches(":dir(rtl)")})}tabsChanged(){const e=this.getTabElements();if(this.activeid){const t=e.some(e=>e.id===this.activeid);!t&&e.length>0?this.activeid=e[0].id:t||0!==e.length||(this.activeid=void 0)}this.updateTabStates(),e.length>0&&this.focusController&&this.focusController.applyTabindex()}activeidChanged(e,t){this.updateTabStates(),this.isUserSelection&&e!==t&&t&&this.emitTabSelect(t,null!=e?e:null)}orientationChanged(){this.focusController&&(this.focusController.destroy(),this.initializeFocusController(),this.focusController.applyTabindex())}updateTabStates(){const e=this.getTabElements(),t=e.length;e.forEach((e,o)=>{e.selected=e.id===this.activeid,e.setAttribute("aria-posinset",String(o+1)),e.setAttribute("aria-setsize",String(t))})}handleTabDismiss(e){var t,o;if(!e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName))return;const{id:i}=e.detail,n=this.getTabElements(),s=n.findIndex(e=>e.id===i);if(-1===s)return;const r=n[s];if(r.matches(":focus")||r.contains(document.activeElement)){const e=n.filter(e=>e.id!==i);if(e.length>0){const i=Math.min(s,e.length-1);null===(t=e[i])||void 0===t||t.focus(),null===(o=this.focusController)||void 0===o||o.sync(e[i])}}this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:i,index:s},bubbles:!0,composed:!0}))}handleTabSelect(e){var t;const o=e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName);if(!o)return;const{id:i}=e.detail;i!==this.activeid&&(this.isUserSelection=!0,this.activeid=i,this.isUserSelection=!1),null===(t=this.focusController)||void 0===t||t.sync(o)}handleTabContextMenu(e){const t=e.target.closest("fabric-dynamic-tab");return!t||(e.preventDefault(),this.contextMenuTargetId=t.id,this.contextMenuOpen=!0,this.contextMenuX=e.clientX,this.contextMenuY=e.clientY,this.dispatchEvent(new CustomEvent(cp["context-menu"],{detail:{id:t.id,clientX:e.clientX,clientY:e.clientY},bubbles:!0,composed:!0})),!1)}handleKeydown(e){var t;return!(null===(t=this.focusController)||void 0===t?void 0:t.handleKeydown(e))}handleFocusin(e){var t;const o=e.composedPath().find(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName);o&&(null===(t=this.focusController)||void 0===t||t.sync(o))}emitTabSelect(e,t){this.dispatchEvent(new CustomEvent(cp["tab-select"],{detail:{id:e,previousId:t},bubbles:!0,composed:!0}))}getContextMenuTab(){var e;return this.contextMenuTargetId&&null!==(e=this.tabs.find(e=>e.id===this.contextMenuTargetId))&&void 0!==e?e:null}clearContextMenuTarget(){this.contextMenuTargetId=null,this.contextMenuOpen=!1}closeContextMenu(){this.contextMenuOpen=!1,this.contextMenuTargetId=null,this.contextMenuX=0,this.contextMenuY=0}toggleManageTabsMenu(){var e,t,o;if(!this.manageTabsMenuEl)return void(this.manageTabsMenuOpen=!this.manageTabsMenuOpen);const i=this.manageTabsMenuEl;(null===(e=i.matches)||void 0===e?void 0:e.call(i,":popover-open"))?(null===(t=i.hidePopover)||void 0===t||t.call(i),this.manageTabsMenuOpen=!1,this.removeManageTabsMenuListeners(!0)):(null===(o=i.showPopover)||void 0===o||o.call(i),this.manageTabsMenuOpen=!0,requestAnimationFrame(()=>{var e;this.setupManageTabsMenuListeners();const t=null===(e=this.manageTabsMenuEl)||void 0===e?void 0:e.querySelector("fabric-menu-item");null==t||t.focus()}))}closeManageTabsMenu(){this.manageTabsMenuOpen=!1,this.closeManageTabsMenuInternal()}closeTab(e){var t,o;const i=this.getTabElements(),n=i.findIndex(t=>t.id===e);if(-1===n)return;const s=i[n];if(s.matches(":focus")||s.contains(document.activeElement)){const s=i.filter(t=>t.id!==e);if(s.length>0){const e=Math.min(n,s.length-1);null===(t=s[e])||void 0===t||t.focus(),null===(o=this.focusController)||void 0===o||o.sync(s[e])}}this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:e,index:n},bubbles:!0,composed:!0}))}closeOtherTabs(e){const t=this.getTabElements();t.filter(t=>t.id!==e).forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeTabsToRight(e){const t=this.getTabElements(),o=t.findIndex(t=>t.id===e);if(-1===o)return;[...t.slice(o+1)].reverse().forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeTabsToLeft(e){const t=this.getTabElements(),o=t.findIndex(t=>t.id===e);if(-1===o)return;[...t.slice(0,o)].reverse().forEach(e=>{const o=t.findIndex(t=>t.id===e.id);this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:e.id,index:o},bubbles:!0,composed:!0}))})}closeAllTabs(){const e=this.getTabElements();[...e].reverse().forEach(t=>{const o=e.findIndex(e=>e.id===t.id);this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:t.id,index:o},bubbles:!0,composed:!0}))})}selectNextAvailableTab(e){const t=this.tabs.filter((t,o)=>o!==e);if(0===t.length)return void(this.activeid=void 0);const o=t[Math.min(e,t.length-1)];o&&(this.activeid=o.id)}closeUnmodifiedTabs(){const e=this.getTabElements();[...e.filter(e=>!e.modified)].reverse().forEach(t=>{const o=e.findIndex(e=>e.id===t.id);this.dispatchEvent(new CustomEvent(cp["tab-dismiss"],{detail:{id:t.id,index:o},bubbles:!0,composed:!0}))}),this.closeManageTabsMenuInternal()}selectTabFromManageMenu(e){var t;this.isUserSelection=!0,this.activeid=e.id,this.isUserSelection=!1,e.focus(),null===(t=this.focusController)||void 0===t||t.sync(e),this.closeManageTabsMenuInternal(!1)}closeManageTabsMenuInternal(e=!0){var t;if(!this.manageTabsMenuEl)return;const o=this.manageTabsMenuEl;null===(t=o.hidePopover)||void 0===t||t.call(o),this.removeManageTabsMenuListeners(e)}getTabDisplayLabel(e){var t;const o=null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(o){const e=o.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join("").trim();if(e)return e}const i=e.getAttribute("aria-label");return i||e.id}getTabElements(){return this.tabs.filter(e=>e instanceof HTMLElement&&"FABRIC-DYNAMIC-TAB"===e.tagName)}handleCloseAllFromMenu(){this.closeAllTabs(),this.closeManageTabsMenuInternal()}}hp([Un],up.prototype,"activeid",void 0),hp([Un],up.prototype,"orientation",void 0),hp([Un({mode:"boolean",attribute:"show-managed-tabs"})],up.prototype,"showManagedTabs",void 0),hp([Un({attribute:"close-unmodified-label"})],up.prototype,"closeUnmodifiedLabel",void 0),hp([Un({attribute:"close-all-label"})],up.prototype,"closeAllLabel",void 0),hp([Un({attribute:"manage-tabs-label"})],up.prototype,"manageTabsLabel",void 0),hp([Gn],up.prototype,"tabs",void 0),hp([Gn],up.prototype,"contextMenuTargetId",void 0),hp([Gn],up.prototype,"contextMenuOpen",void 0),hp([Gn],up.prototype,"contextMenuX",void 0),hp([Gn],up.prototype,"contextMenuY",void 0),hp([Gn],up.prototype,"slottedManageTabsTrigger",void 0),hp([Gn],up.prototype,"manageTabsMenuOpen",void 0);const pp=es`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><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="currentColor" /></svg>`,mp=es`<fabric-menu-list class="managed-tabs-built-in-menu" role="menu"><!-- Action items --><fabric-menu-item @click="${e=>e.closeUnmodifiedTabs()}"><span slot="start">${pp}</span>${e=>e.closeUnmodifiedLabel||Es("DynamicTabList_CloseUnmodified")}</fabric-menu-item><fabric-menu-item @click="${e=>e.handleCloseAllFromMenu()}"><span slot="start">${pp}</span>${e=>e.closeAllLabel||Es("DynamicTabList_CloseAll")}</fabric-menu-item><!-- Separator --><div class="managed-tabs-separator" role="separator"></div><!-- Tab list - uses start slot for icons, default slot for label -->${is(e=>e.getTabElements(),es`<fabric-menu-item role="menuitemradio" class="managed-tabs-tab-item" data-tab-id="${e=>e.id}" ?data-active="${(e,t)=>e.id===t.parent.activeid}" aria-checked="${(e,t)=>e.id===t.parent.activeid?"true":"false"}" @click="${(e,t)=>t.parent.selectTabFromManageMenu(e)}"><span slot="start">${cr}</span>${(e,t)=>t.parent.getTabDisplayLabel(e)}</fabric-menu-item>`)}</fabric-menu-list>`;const bp=es`<template role="tablist" aria-orientation="${e=>e.orientation}" @dismiss="${(e,t)=>e.handleTabDismiss(t.event)}" @select="${(e,t)=>e.handleTabSelect(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}" @focusin="${(e,t)=>e.handleFocusin(t.event)}" @contextmenu="${(e,t)=>e.handleTabContextMenu(t.event)}"><div class="tabs-container" part="tabs-container"><slot ${Jn("tabs")}></slot></div><div class="actions-container" part="actions-container"><!-- Consumer-provided action buttons (e.g., "+", toolbar) --><slot name="actions"></slot><!-- Manage Tabs Menu trigger - clicking opens the manage-tabs-menu popover. Uses CSS anchor positioning for automatic placement below the trigger. Only interactive when built-in menu is enabled or a trigger is slotted. --><div class="manage-tabs-trigger" ?hidden="${e=>!e.hasTrigger}" role="${e=>e.hasTrigger?"button":void 0}" tabindex="${e=>e.hasTrigger?"0":void 0}" aria-label="${e=>e.hasTrigger?e.manageTabsLabel||Es("DynamicTabList_ManageTabs"):void 0}" aria-haspopup="${e=>e.hasTrigger?"menu":void 0}" aria-expanded="${e=>e.hasTrigger?e.manageTabsMenuOpen:void 0}" @click="${e=>e.hasTrigger&&e.toggleManageTabsMenu()}" @keydown="${(e,t)=>{if(!e.hasTrigger)return;const o=t.event;"Enter"!==o.key&&" "!==o.key||(o.preventDefault(),e.toggleManageTabsMenu())}}"><slot name="manage-tabs" ${Jn({property:"slottedManageTabsTrigger",filter:as()})}></slot></div><!-- Manage Tabs Menu - uses native Popover API with CSS anchor positioning. Only renders when showManagedTabs is true. -->${ds(e=>e.showManagedTabs,es`<div class="manage-tabs-menu" popover="manual">${mp}</div>`)}</div></template>`,vp=ts`
|
|
171
|
+
:host{display:flex;align-items:center;background:${B};position:relative}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}.tabs-container{display:flex;flex:1;gap:${f};overflow-x:auto;overflow-y:clip;padding:${Do} 0px;border-bottom:1px solid ${V};max-height:44px;box-sizing:border-box}.tabs-container::-webkit-scrollbar{height:${f};background:transparent}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:${w};border-radius:${be}}.tabs-container:first-child{padding-inline-start:${M}}.tabs-container:last-child{padding-inline-start:${M}}:host([orientation="vertical"]) .tabs-container{flex-direction:column;overflow-x:visible;overflow-y:auto;--tab-divider-display:none}:host([orientation="vertical"]) .tabs-container::-webkit-scrollbar{width:${f};height:auto}.actions-container{display:flex;align-items:center;flex-shrink:0;gap:${f}}.actions-container ::slotted(*){margin-inline-start:${f}}.manage-tabs-trigger{display:inline-flex;cursor:pointer;anchor-name:--manage-tabs-anchor}.manage-tabs-trigger[hidden]{display:none}.manage-tabs-menu{position:absolute;position-anchor:--manage-tabs-anchor;position-area:block-end;margin:0;padding:0;border:none;background:transparent;overflow:visible;color:inherit}.manage-tabs-menu:popover-open{inset:unset;inset-inline-start:anchor(start)}.manage-tabs-menu:not(:popover-open){display:none}.managed-tabs-built-in-menu{}.managed-tabs-built-in-menu fabric-menu-item{grid-template-columns:0px ${d} 1fr ${d}}.managed-tabs-built-in-menu fabric-menu-item [slot="start"]{display:inline-flex;align-items:center}.managed-tabs-separator{height:1px;background:${P};margin:${rt} ${b}}.managed-tabs-custom-icon[hidden]{display:none}.managed-tabs-tab-item[data-active]{color:${Pt};font-weight:${ce}}`,gp=up.compose({name:`${rr.prefix}-dynamic-tab-list`,template:bp,styles:vp,shadowOptions:{mode:rr.shadowRootMode}});class fp extends Yn{}const wp=ts`
|
|
172
|
+
:host{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:${R};gap:${st}}.illustration{display:flex;align-items:center;justify-content:center}.illustration ::slotted(*){display:block}.content{display:flex;flex-direction:column;align-items:center;gap:${le}}::slotted([slot="title"]){font-size:${k};font-weight:${ce};line-height:${I};color:${me};margin:0}::slotted([slot="body"]){font-size:${de};font-weight:${he};line-height:${Fe};color:${fe};margin:0}::slotted([slot="action"]){margin-block-start:${ue}}`;const yp=es`<template><div class="illustration" part="illustration"><slot name="illustration"></slot></div><div class="content" part="content"><slot name="title"></slot><slot name="body"></slot><slot name="link"></slot><slot name="action"></slot></div></template>`,$p=fp.compose({name:`${rr.prefix}-empty-state`,template:yp,styles:wp,shadowOptions:{mode:rr.shadowRootMode}});class xp extends Bo{}const Cp={..._o},kp={...Vo},Ip={...Fo},Ep=xp.compose({name:`${rr.prefix}-drawer`,template:jo,styles:Ho,shadowOptions:{mode:rr.shadowRootMode}});class Lp extends No{}const Sp=Lp.compose({name:`${rr.prefix}-drawer-body`,template:Xo,styles:qo,shadowOptions:{mode:rr.shadowRootMode}}),Mp={...Ko},Tp={...Wo},Pp={...Yo};class Rp extends Uo{constructor(){super(...arguments),this._wiredLabelClickHandlers=new Map}setLabelPropertiesExtended(){var e;if(!this.$fastController.isConnected||!this.input)return;this.input.id=this.input.id||ys("input");const t=[];null===(e=this.labelSlot)||void 0===e||e.forEach((e,o)=>{if(e instanceof HTMLElement){const i=0===o?`${this.input.id}--label`:`${this.input.id}--label-${o}`;e.id=e.id||i,t.push(e.id),e instanceof HTMLLabelElement?e.htmlFor=e.htmlFor||this.input.id:this.wireLabelClickForwarding(e)}}),t.length?this.input.setAttribute("aria-labelledby",t.join(" ")):this.input.removeAttribute("aria-labelledby")}wireLabelClickForwarding(e){if(this._wiredLabelClickHandlers.has(e))return;const t=e=>{this.input&&!e.defaultPrevented&&(e.target instanceof Node&&this.input.contains(e.target)||this.input.click())};e.addEventListener("click",t),this._wiredLabelClickHandlers.set(e,t)}unwireLabelClickForwarding(e){const t=this._wiredLabelClickHandlers.get(e);t&&(e.removeEventListener("click",t),this._wiredLabelClickHandlers.delete(e))}labelSlotChanged(e,t){super.labelSlotChanged(e,t),null==e||e.forEach(e=>{!(e instanceof Element)||e instanceof HTMLLabelElement||(null==t?void 0:t.includes(e))||this.unwireLabelClickForwarding(e)}),t&&this.input&&this.setLabelPropertiesExtended()}disconnectedCallback(){super.disconnectedCallback();for(const e of[...this._wiredLabelClickHandlers.keys()])this.unwireLabelClickForwarding(e)}inputChanged(e,t){super.inputChanged(e,t),t&&this.setLabelPropertiesExtended()}}const zp=ts`
|
|
166
173
|
${Go}
|
|
167
|
-
`,
|
|
174
|
+
`,Ap={above:"above",after:"after",before:"before"},Op=Ap,Dp=Ap,Bp={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"},_p={structural:void 0},Vp=Rp.compose({name:`${rr.prefix}-field`,template:Zo,styles:zp,shadowOptions:{mode:rr.shadowRootMode}});class Fp extends Qo{}const Hp={...Jo},jp={...ei},Np=Fp.compose({name:`${rr.prefix}-image`,template:oi,styles:ti,shadowOptions:{mode:rr.shadowRootMode}});class qp extends ii{}const Xp=qp.compose({name:`${rr.prefix}-label`,template:si,styles:ni,shadowOptions:{mode:rr.shadowRootMode}}),Kp={...ri},Wp={...ai};class Yp extends li{}const Up={...di},Gp={...ci},Zp={...hi},Qp=Yp.compose({name:`${rr.prefix}-anchor-button`,template:pi,styles:ui,shadowOptions:{mode:rr.shadowRootMode}});class Jp extends mi{}const em=Jp.compose({name:`${rr.prefix}-message-bar`,template:vi,styles:bi,shadowOptions:{mode:rr.shadowRootMode}});class tm extends gi{}const om=ke,im=Ee,nm=Le,sm=ts`
|
|
175
|
+
${fi}
|
|
176
|
+
|
|
177
|
+
:host([icon-only]) slot[name="end"]{display:none}`,rm=tm.compose({name:`${rr.prefix}-menu-button`,template:wi,styles:sm,shadowOptions:{mode:rr.shadowRootMode}}),am=ts`
|
|
168
178
|
${u("grid")}
|
|
169
179
|
|
|
170
|
-
:host{--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};
|
|
171
|
-
${R};grid-gap:${f};grid-template-columns:${d} ${d} auto ${d};height:${e};overflow:visible;padding:0 ${g}}:host(:hover){background:${
|
|
172
|
-
${R};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host(${
|
|
173
|
-
:host(${
|
|
180
|
+
:host{--indent:0;align-items:center;background:${B};border-radius:${p};color:${fe};cursor:pointer;flex-shrink:0;font:${he} ${de} / ${Fe}
|
|
181
|
+
${R};grid-gap:${f};grid-template-columns:${d} ${d} auto ${d};height:${e};overflow:visible;padding:0 ${g}}:host(:hover){background:${H};color:${Ye}}:host(:active){background-color:${J};color:${Ue}}:host(:active) ::slotted([slot="start"]){color:${yi}}:host(${$r}){color:${$i}}:host(${$r}) ::slotted([slot="start"]),:host(${$r}) ::slotted([slot="end"]){color:${$i}}:host(${xr}){background-color:${ne};color:${$}}:host(${xr}) ::slotted([slot="start"]),:host(${xr}) ::slotted([slot="end"]){color:${$}}:host(:focus-visible){border-radius:${p};outline:${O} solid ${m}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${S}}:host(:not(${wr})) .indicator,:host(:not(${wr})) ::slotted([slot="indicator"]),:host(:not(${Ar})) .submenu-glyph,:host(:not(${Ar})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${w};font:${he} ${x} / ${C}
|
|
182
|
+
${R};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${d} ${d} auto auto}:host(${Ar}){grid-template-columns:${d} auto auto ${d}}:host([data-indent="2"]${Ar}){grid-template-columns:${d} ${d} auto auto ${d}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${o}}::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{position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:fixed;inset:auto;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]){position:absolute;align-self:start}}}`.withBehaviors(bt(ts`
|
|
183
|
+
:host(${xr}),:host(${xr}) ::slotted([slot="start"]),:host(${xr}) ::slotted([slot="end"]){color:GrayText}`)),lm=es.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>'),dm=es.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 cm=es`<template><slot name="indicator">${lm}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${dm}</slot><slot name="submenu" ${Jn({property:"slottedSubmenu"})}></slot></template>`,hm=Us.compose({name:`${rr.prefix}-menu-item`,template:cm,styles:am,shadowOptions:{mode:rr.shadowRootMode}});hm.define(rr.registry);const um=ts`
|
|
174
184
|
${u("flex")}
|
|
175
185
|
|
|
176
|
-
:host{flex-direction:column;height:fit-content;min-width:calc(${_e} * 5);width:auto;background-color:${B};border:1px solid ${D};border-radius:${p};box-shadow:${zt};padding:${f};row-gap:${L}}`;const Cp=Jn`<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 ${Qn("items")}></slot></template>`,kp=Us.compose({name:`${nr.prefix}-menu-list`,template:Cp,styles:xp,shadowOptions:{mode:nr.shadowRootMode}}),Ip={above:"above",below:"below"},Ep="start",Sp="end",Lp={auto:Td,none:Bd};function Mp(e,t){const o=t===Sp?"end":"start";return e===Ip.above?{originX:o,originY:"top",overlayX:o,overlayY:"bottom"}:{originX:o,originY:"bottom",overlayX:o,overlayY:"top"}}class Pp{set position(e){this._position=e}get position(){return this._position}set alignment(e){this._alignment=e}get alignment(){return this._alignment}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=Ip.below,this._alignment=Ep,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position===Ip.above?Ip.below:Ip.above;return[Mp(this._position,this._alignment),Mp(e,this._alignment)]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new _d({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:null,resize:!0}):null}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?Ip.above:Ip.below,e}}var zp=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Rp extends Wn{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=Ip.below,this.menuAlignment=Ep,this.repositionMode=Lp.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${Ds("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===Lp.auto&&(this.createPositioningManager(),this.scheduleReposition(),this.addRepositioningHandlers()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{var e;if(this._open){if(this._menuList instanceof Us&&this._menuList.menuItems)for(const t of this._menuList.menuItems)if(t instanceof Ws)try{null===(e=t.submenu)||void 0===e||e.hidePopover()}catch{}this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)}},this.repositionMenu=()=>{var e,t;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:Ip.below,this.positioning.alignment=null!==(t=this.menuAlignment)&&void 0!==t?t:Ep,this.positioning.reposition())},this.handleWindowChanges=()=>{this._open&&this.repositionMenu()},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 hs:case us: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:Ip.below),this._open&&this.scheduleReposition()}menuAlignmentChanged(){var e;this.positioning&&(this.positioning.alignment=null!==(e=this.menuAlignment)&&void 0!==e?e:Ep),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;if(this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList){this._menuList.classList.toggle("menu-open",e);try{e?this._menuList.showPopover():this._menuList.hidePopover()}catch{}}}scheduleReposition(){Un.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}addRepositioningHandlers(){this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners()}createPositioningManager(){this._menuList&&this._trigger&&(this.positioning=null,this.positioning=new Pp({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}clearInlinePositionStyles(){if(this._menuList){const e=this._menuList.style;e.left="",e.right="",e.top="",e.bottom="",e.maxHeight="",e.overflow=""}}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners(),this.overflowBoundary&&this.overflowBoundary.removeEventListener("scroll",this.handleWindowChanges)}connectedCallback(){super.connectedCallback(),Un.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){if(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._menuList.setAttribute("popover","manual");const e=this._trigger.style.getPropertyValue("anchor-name");this._trigger.style.anchorName=e?`${e}, ${this._anchorName}`:this._anchorName,this._menuList.style.positionAnchor=this._anchorName,this.addListeners()}}focusMenuList(){Un.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Un.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,i;t?null===(i=this._menuList)||void 0===i||i.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){this._open&&(t===Lp.auto?(this.positioning||this.createPositioningManager(),this.addRepositioningHandlers(),this.scheduleReposition()):(this.removeRepositioningListeners(),this.clearInlinePositionStyles()))}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open?(t&&t.addEventListener("scroll",this.handleWindowChanges,{passive:!0}),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,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){this._open&&(t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu))}addListeners(){var e,t,o,i,n;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===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,i,n;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===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==fs)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}zp([Yn({attribute:"open-on-hover",mode:"boolean"})],Rp.prototype,"openOnHover",void 0),zp([Yn({attribute:"open-on-context",mode:"boolean"})],Rp.prototype,"openOnContext",void 0),zp([Yn({attribute:"close-on-scroll",mode:"boolean"})],Rp.prototype,"closeOnScroll",void 0),zp([Yn({attribute:"persist-on-item-click",mode:"boolean"})],Rp.prototype,"persistOnItemClick",void 0),zp([Yn({mode:"boolean"})],Rp.prototype,"split",void 0),zp([Yn({attribute:"menu-position"})],Rp.prototype,"menuPosition",void 0),zp([Yn({attribute:"menu-alignment"})],Rp.prototype,"menuAlignment",void 0),zp([Yn({attribute:"reposition-mode"})],Rp.prototype,"repositionMode",void 0),zp([Gn],Rp.prototype,"overflowBoundary",void 0),zp([Gn],Rp.prototype,"slottedMenuList",void 0),zp([Gn],Rp.prototype,"slottedTriggers",void 0);const Ap=es`
|
|
186
|
+
:host{flex-direction:column;height:fit-content;width:max-content;background-color:${B};border:1px solid ${D};border-radius:${p};box-shadow:${At};padding:${f};row-gap:${S}}`;const pm=es`<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 ${Jn("items")}></slot></template>`,mm=Qs.compose({name:`${rr.prefix}-menu-list`,template:pm,styles:um,shadowOptions:{mode:rr.shadowRootMode}}),bm={above:"above",below:"below"},vm="start",gm="end",fm={auto:pc,none:bc};function wm(e,t){const o=t===gm?"end":"start";return e===bm.above?{originX:o,originY:"top",overlayX:o,overlayY:"bottom"}:{originX:o,originY:"bottom",overlayX:o,overlayY:"top"}}class ym{set position(e){this._position=e}get position(){return this._position}set alignment(e){this._alignment=e}get alignment(){return this._alignment}setOverflowBoundaryReference(e){this.overflowBoundaryReference=null!=e?e:null}constructor(e){var t;this.positionStrategy=null,this._position=bm.below,this._alignment=vm,this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null}buildPositionCandidates(){const e=this._position===bm.above?bm.below:bm.above;return[wm(this._position,this._alignment),wm(e,this._alignment)]}createPositionStrategy(){return this.menuReference&&this.anchorReference?new gc({origin:this.anchorReference,overlay:this.menuReference,positions:this.buildPositionCandidates(),boundaryElement:this.overflowBoundaryReference,viewportMargin:15,offsetParent:null,resize:!0}):null}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?bm.above:bm.below,e}}var $m=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class xm extends Yn{constructor(){super(...arguments),this.positioning=null,this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=bm.below,this.menuAlignment=vm,this.repositionMode=fm.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this._anchorName=`--${_s("menu-anchor-")}`,this.openMenuInternal=e=>{this._open||(this.repositionMode===fm.auto&&(this.createPositioningManager(),this.scheduleReposition(),this.addRepositioningHandlers()),this.setMenuOpenState(!0),this.focusMenuList(),e&&this.openOnContext&&e.preventDefault(),document.addEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu))},this.closeMenuInternal=()=>{var e;if(this._open){if(this._menuList instanceof Qs&&this._menuList.menuItems)for(const t of this._menuList.menuItems)if(t instanceof Us)try{null===(e=t.submenu)||void 0===e||e.hidePopover()}catch{}this.setMenuOpenState(!1),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)}},this.repositionMenu=()=>{var e,t;this.positioning&&this._menuList&&(this.positioning.position=null!==(e=this.menuPosition)&&void 0!==e?e:bm.below,this.positioning.alignment=null!==(t=this.menuAlignment)&&void 0!==t?t:vm,this.positioning.reposition())},this.handleWindowChanges=()=>{this._open&&this.repositionMenu()},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 us:case ps: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:bm.below),this._open&&this.scheduleReposition()}menuAlignmentChanged(){var e;this.positioning&&(this.positioning.alignment=null!==(e=this.menuAlignment)&&void 0!==e?e:vm),this._open&&this.scheduleReposition()}slottedMenuListChanged(){this.setComponent(),this._open&&this.scheduleReposition()}slottedTriggersChanged(){this.setComponent(),this._open&&this.scheduleReposition()}setMenuOpenState(e){var t;if(this._open=e,null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${e}`),this._menuList){this._menuList.classList.toggle("menu-open",e);try{e?this._menuList.showPopover():this._menuList.hidePopover()}catch{}}}scheduleReposition(){Zn.enqueue(()=>{this.repositionMenu()})}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges,{passive:!0})}addRepositioningHandlers(){this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners()}createPositioningManager(){this._menuList&&this._trigger&&(this.positioning=null,this.positioning=new ym({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary}))}clearInlinePositionStyles(){if(this._menuList){const e=this._menuList.style;e.left="",e.right="",e.top="",e.bottom="",e.maxHeight="",e.overflow=""}}removeRepositioningListeners(){this._menuList&&this.removeWindowEventListeners(),this.overflowBoundary&&this.overflowBoundary.removeEventListener("scroll",this.handleWindowChanges)}connectedCallback(){super.connectedCallback(),Zn.enqueue(()=>{this.setComponent()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners(),document.removeEventListener("click",this.documentClickHandler),document.removeEventListener("scroll",this.closeMenu)}setComponent(){if(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._menuList.setAttribute("popover","manual");const e=this._trigger.style.getPropertyValue("anchor-name");this._trigger.style.anchorName=e?`${e}, ${this._anchorName}`:this._anchorName,this._menuList.style.positionAnchor=this._anchorName,this.addListeners()}}focusMenuList(){Zn.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Zn.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,i;t?null===(i=this._menuList)||void 0===i||i.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}repositionModeChanged(e,t){this._open&&(t===fm.auto?(this.positioning||this.createPositioningManager(),this.addRepositioningHandlers(),this.scheduleReposition()):(this.removeRepositioningListeners(),this.clearInlinePositionStyles()))}overflowBoundaryChanged(e,t){var o;e&&e.removeEventListener("scroll",this.handleWindowChanges),this._open?(t&&t.addEventListener("scroll",this.handleWindowChanges,{passive:!0}),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,i;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){this._open&&(t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu))}addListeners(){var e,t,o,i,n;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===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,i,n;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===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){if(e.defaultPrevented)return;if(e.key!==ws)return!0;e.preventDefault(),this._open&&(this.closeMenuInternal(),this.focusTrigger())}}$m([Un({attribute:"open-on-hover",mode:"boolean"})],xm.prototype,"openOnHover",void 0),$m([Un({attribute:"open-on-context",mode:"boolean"})],xm.prototype,"openOnContext",void 0),$m([Un({attribute:"close-on-scroll",mode:"boolean"})],xm.prototype,"closeOnScroll",void 0),$m([Un({attribute:"persist-on-item-click",mode:"boolean"})],xm.prototype,"persistOnItemClick",void 0),$m([Un({mode:"boolean"})],xm.prototype,"split",void 0),$m([Un({attribute:"menu-position"})],xm.prototype,"menuPosition",void 0),$m([Un({attribute:"menu-alignment"})],xm.prototype,"menuAlignment",void 0),$m([Un({attribute:"reposition-mode"})],xm.prototype,"repositionMode",void 0),$m([Gn],xm.prototype,"overflowBoundary",void 0),$m([Gn],xm.prototype,"slottedMenuList",void 0),$m([Gn],xm.prototype,"slottedTriggers",void 0);const Cm=ts`
|
|
177
187
|
${u("inline-block")}
|
|
178
188
|
|
|
179
189
|
: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][popover]){position:fixed;inset:auto}:host(:not([reposition-mode="auto"])) ::slotted([data-menu-list][popover]){inset-inline-start:anchor(start);inset-inline-end:auto;inset-block-start:anchor(bottom);inset-block-end:auto}:host([menu-position="above"]:not([reposition-mode="auto"]))
|
|
180
190
|
::slotted([data-menu-list][popover]){inset-block-start:auto;inset-block-end:anchor(top)}:host([menu-alignment="end"]:not([reposition-mode="auto"]))
|
|
181
|
-
::slotted([data-menu-list][popover]){inset-inline-start:auto;inset-inline-end:anchor(end)}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${
|
|
182
|
-
${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const
|
|
183
|
-
:host{display:block;font-family:${R}}:host([hidden]){display:none}.label{color:${w};font-size:${x};font-weight:${ce};line-height:${C};padding-block:${
|
|
191
|
+
::slotted([data-menu-list][popover]){inset-inline-start:auto;inset-inline-end:anchor(end)}::slotted([data-menu-list]:not(.menu-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${T} solid ${V};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:${T} solid
|
|
192
|
+
${Je}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const km=es`<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" ${Jn({property:"slottedTriggers",filter:as()})}></slot><slot ${Jn({property:"slottedMenuList",filter:as()})}></slot></template>`,Im=xm.compose({name:`${rr.prefix}-menu`,template:km,styles:Cm,shadowOptions:{mode:rr.shadowRootMode}});var Em=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Lm extends Yn{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>Ct(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}}Em([Un],Lm.prototype,"label",void 0),Em([Un({mode:"boolean"})],Lm.prototype,"disabled",void 0),Em([Gn],Lm.prototype,"slottedOptions",void 0);const Sm=ts`
|
|
193
|
+
:host{display:block;font-family:${R}}:host([hidden]){display:none}.label{color:${w};font-size:${x};font-weight:${ce};line-height:${C};padding-block:${rt};padding-inline:${ae};user-select:none;cursor:default}:host([disabled]) .label{color:${$}}:host([disabled]) ::slotted(*){color:${$};background-color:${B};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${le}}`;const Mm=es`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Jn("slottedOptions")}></slot></div></template>`,Tm=Lm.compose({name:`${rr.prefix}-option-group`,template:Mm,styles:Sm,shadowOptions:{mode:rr.shadowRootMode}});class Pm extends xi{}const Rm=Pm.compose({name:`${rr.prefix}-progress-bar`,template:ki,styles:Ci,shadowOptions:{mode:rr.shadowRootMode}}),zm={...Ii},Am={...Ei},Om={...Li};class Dm extends Si{}class Bm extends Mi{slottedRadiosChanged(){this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof Dm)}}const _m={...Ti},Vm=Bm.compose({name:`${rr.prefix}-radio-group`,template:Ri,styles:Pi,shadowOptions:{mode:rr.shadowRootMode}}),Fm=Dm.compose({name:`${rr.prefix}-radio`,template:Ai,styles:zi,shadowOptions:{mode:rr.shadowRootMode}});class Hm extends Oi{}const jm=Hm.compose({name:`${rr.prefix}-rating-display`,template:Bi,styles:Di,shadowOptions:{mode:rr.shadowRootMode}}),Nm={..._i},qm={...Vi},Xm={small:"small",medium:"medium",large:"large"},Km={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Wm={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},Ym=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Um=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Gm extends Yn{constructor(){super(...arguments),this.type=Wm.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 Qn.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(),Qn.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 Ym.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)}}}Gm.formAssociated=!0,Um([Un],Gm.prototype,"autocomplete",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"autofocus",void 0),Um([Un({attribute:"current-value"})],Gm.prototype,"currentValue",void 0),Um([Gn],Gm.prototype,"defaultSlottedNodes",void 0),Um([Un],Gm.prototype,"dirname",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"disabled",void 0),Um([Un({attribute:"form"})],Gm.prototype,"formAttribute",void 0),Um([Un({attribute:"value",mode:"fromView"})],Gm.prototype,"initialValue",void 0),Um([Un],Gm.prototype,"list",void 0),Um([Un({converter:ls})],Gm.prototype,"maxlength",void 0),Um([Un({converter:ls})],Gm.prototype,"minlength",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"multiple",void 0),Um([Un],Gm.prototype,"name",void 0),Um([Un],Gm.prototype,"pattern",void 0),Um([Un],Gm.prototype,"placeholder",void 0),Um([Un({attribute:"readonly",mode:"boolean"})],Gm.prototype,"readOnly",void 0),Um([Un({mode:"boolean"})],Gm.prototype,"required",void 0),Um([Un({converter:ls})],Gm.prototype,"size",void 0),Um([Un({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],Gm.prototype,"spellcheck",void 0),Um([Un],Gm.prototype,"type",void 0),Um([Gn],Gm.prototype,"control",void 0),Um([Gn],Gm.prototype,"controlLabel",void 0);var Zm=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class Qm extends Gm{}Zm([Un],Qm.prototype,"appearance",void 0),Zm([Un({attribute:"control-size"})],Qm.prototype,"controlSize",void 0),Aa(Qm,Fi);const Jm={...Xm},eb={...Km},tb={...Wm},ob=[...Ym],ib={search:"search"};var nb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class sb extends Qm{constructor(){super(...arguments),this.type=tb.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(ib.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)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}nb([Gn],sb.prototype,"clearButton",void 0);const rb=ts`
|
|
184
194
|
${u("block")}
|
|
185
195
|
|
|
186
|
-
:host{font-family:${R};font-size:${de};font-weight:${he};line-height:${
|
|
187
|
-
${
|
|
196
|
+
:host{font-family:${R};font-size:${de};font-weight:${he};line-height:${Fe}}.label{display:flex;color:${me};padding-bottom:${rt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${T} solid ${V};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${S};padding:0 ${g};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${ji}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${vt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${qi}}.control{width:100%;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Xi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w};font-size:${E}}:host ::slotted([slot="start"]){padding-inline-end:${S}}:host ::slotted([slot="end"]){padding-inline-start:${S};gap:${f}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Ki}}:host(:active) .root{border-color:${G}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Wi}}:host(:focus-within:active) .root:after{border-bottom-color:${Yi}}:host([appearance="outline"]:focus-within) .root{border:${T} solid ${V}}:host(:focus-within) .control{color:${me}}:host([disabled]) .root{background:${y};border:${T} solid ${Qe}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}::selection{color:${Je};background-color:${We}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${S};padding:0 ${M}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${k}}:host([control-size="large"]) .control{font-size:${k};font-weight:${he};line-height:${I}}:host([control-size="large"]) .root{height:40px;gap:${b};padding:0 ${ae}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${je}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${T} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ki}}:host([appearance="underline"]:active) .root{border-bottom-color:${Ui}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Ui}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${T} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Tt}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${j}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${j};background:${Tt}}`,ab=ts`
|
|
197
|
+
${rb}
|
|
188
198
|
|
|
189
|
-
.root{padding-inline:${
|
|
190
|
-
:host([hidden]){display:none}:host{--thumb-size:${t};--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${
|
|
199
|
+
.root{padding-inline:${b};padding-inline-end:0px}:host([control-size="small"]) .root{padding-inline-end:0px}:host([control-size="large"]) .root{padding-inline:${g};padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${w}}fabric-button.clear-button{min-width:${o};min-height:${o};margin-inline-end:${f};padding:0px 2px;display:none}`;const lb=es`<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" ${os("controlLabel")}><slot ${Jn({property:"defaultSlottedNodes",filter:Za})}></slot></label><span class="root"><span class="search-icon">${id}</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}" ${os("control")} /><fabric-button aria-label="${rs(()=>Es("SearchBox_Clear"))}" appearance="transparent" class="clear-button" aria-hidden="true" ${os("clearButton")} @click="${e=>e.clear()}">${nd}</fabric-button><slot name="end"></slot></span></template>`,db=qa(Na(sb.compose({name:`${rr.prefix}-search-box`,template:lb,styles:ab,shadowOptions:{mode:rr.shadowRootMode}})),Na(Ol));class cb extends Gi{}const hb={...Zi},ub={...Qi},pb={...Ji},mb={change:"change"};const bb=es`<template @pointerdown="${(e,t)=>e.handlePointerDown(t.event)}" @keydown="${(e,t)=>e.handleKeydown(t.event)}"><slot name="start-label"></slot><div class="root"><div ${os("track")} part="track-container" class="track" style="${e=>e.position}"></div><div ${os("thumb")} part="thumb-container" class="thumb-container" style="${e=>e.position}" @pointerdown="${(e,t)=>e.handleThumbPointerDown(t.event)}"><slot name="thumb"><div class="thumb"></div></slot></div></div><slot name="end-label"></slot></template>`,vb=ts`
|
|
200
|
+
:host([hidden]){display:none}:host{--thumb-size:${t};--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--rail-color:${en};--track-color:${Hi};--slider-direction:90deg;--border-radius:${p};--step-marker-inset:var(--track-overhang) -1px;display:inline-flex;align-items:center;gap:${b};position:relative;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:calc(${t} * 6);min-height:${e}}:host(:hover){--rail-color:${tn}}:host(:active){--rail-color:${on}}:host(:disabled){--rail-color:${$};--track-color:${ne}}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host([size="small"]){--thumb-size:${l};--track-overhang:-1px;--track-size:2px;--border-radius:${be};min-height:${i}}:host([orientation="vertical"]){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);flex-direction:column;min-height:unset;min-width:${e}}:host(:not([slot="input"]):focus-visible){box-shadow:0 0 0 2pt ${m};outline:1px solid ${nn}}.root{display:inline-grid;position:relative;align-items:center;justify-content:center;flex:1 1 auto;min-width:calc(${t} * 6);min-height:${e};grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr
|
|
191
201
|
var(--track-margin-inline)}:host([orientation="vertical"]) .root{min-height:calc(${t} * 6);min-width:${e};grid-template-rows:var(--track-margin-inline) 1fr
|
|
192
202
|
var(--track-margin-inline);grid-template-columns:1fr var(--thumb-size) 1fr;justify-items:center;flex:1 1 auto;width:unset}:host([size="small"]) .root{min-height:${i}}.root::after{background-image:linear-gradient(
|
|
193
203
|
var(--slider-direction),var(--rail-color) 0%,var(--rail-color) 50%,var(--track-color) 50.1%,var(--track-color) 100%
|
|
194
204
|
);border-radius:var(--border-radius);content:"";grid-row:1 / -1;grid-column:1 / -1}.root::after,.track{height:var(--track-size);width:100%}:host([orientation="vertical"]) .root::after,:host([orientation="vertical"]) .track{height:100%;width:var(--track-size)}.track{position:relative;background-color:var(--track-color);grid-row:2 / 2;grid-column:2 / 2;forced-color-adjust:none;overflow:hidden}.track::before{content:"";position:absolute;height:100%;border-radius:inherit;inset-inline-start:0;width:var(--slider-progress)}:host(:dir(rtl)) .track::before{width:calc(100% - var(--slider-progress))}:host([orientation="vertical"]) .track::before{width:100%;bottom:0;height:var(--slider-progress)}:host([step]) .track::after{content:"";position:absolute;border-radius:inherit;inset:var(--step-marker-inset);background-image:repeating-linear-gradient(
|
|
195
205
|
var(--slider-direction),${y} 0%,${y} calc(var(--step-rate) - 1px),${B} calc(var(--step-rate) - 1px),${B} var(--step-rate)
|
|
196
206
|
)}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);inset-inline-start:var(--slider-thumb)}:host([orientation="vertical"]) .thumb-container{transform:translateY(50%);inset-inline-start:unset;bottom:var(--slider-thumb)}:host(:not(:active)) :is(.thumb-container,.track::before){transition:all 0.2s ease}@media (prefers-reduced-motion:reduce){:host(:not(:active)) :is(.thumb-container,.track::before){transition:none}}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:${ge};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${B}
|
|
197
|
-
inset;border:calc(var(--thumb-size) * 0.05) solid ${
|
|
198
|
-
.track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`)),
|
|
207
|
+
inset;border:calc(var(--thumb-size) * 0.05) solid ${V};box-sizing:border-box}.thumb,.track::before{background-color:var(--rail-color)}::slotted([slot="start-label"]),::slotted([slot="end-label"]){font-size:${x};line-height:${C};color:${w};flex:0 0 auto;user-select:none}`.withBehaviors(bt(ts`
|
|
208
|
+
.track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`)),gb=cb.compose({name:`${rr.prefix}-slider`,template:bb,styles:vb,shadowOptions:{mode:rr.shadowRootMode}}),fb={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},wb={small:"small",medium:"medium"},yb={rest:"rest",up:"up",down:"down"},$b={none:"none",min:"min",max:"max",both:"both"},xb={change:"change",input:"input"};var Cb=window&&window.__decorate||function(e,t,o,i){var n,s=arguments.length,r=s<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,i);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(r=(s<3?n(r):s>3?n(t,o,r):n(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r};class kb extends Yn{constructor(){super(...arguments),this.appearance=fb.outline,this.step=1,this.stepPage=1,this.spinState=yb.rest,this.atBound=$b.none,this.elementInternals=this.attachInternals(),this._isEditing=!1,this._suppressChangeEvent=!1,this._valueBeforeKeyStep=null,this._value=null,this._displayValue=""}defaultSlottedNodesChanged(e,t){this.$fastController.isConnected&&this.labelEl&&(this.labelEl.hidden=!(null==t?void 0:t.length))}get value(){return Qn.track(this,"value"),this._value}set value(e){this._value!==e&&(this._value=e,this.$fastController.isConnected&&(this.syncInputDisplay(),this.updateBoundState(),this.updateFormValue(),this.updateAriaValue(),Qn.notify(this,"value")))}get displayValue(){return Qn.track(this,"displayValue"),this._displayValue}set displayValue(e){this._displayValue!==e&&(this._displayValue=e,this.$fastController.isConnected&&(this.syncInputDisplay(),Qn.notify(this,"displayValue")))}get form(){return this.elementInternals.form}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get effectivePrecision(){var e;return null!==(e=this.precision)&&void 0!==e?e:function(e){if(!isFinite(e))return 0;const t=String(e),o=t.indexOf(".");return o<0?0:t.length-o-1}(this.step)}connectedCallback(){super.connectedCallback(),this.elementInternals.role="spinbutton",this.updateAriaValue(),this.updateBoundState(),this.updateFormValue(),this.syncInputDisplay()}formResetCallback(){this.value=null,this.displayValue=""}minChanged(){this.updateBoundState(),this.updateAriaValue()}maxChanged(){this.updateBoundState(),this.updateAriaValue()}disabledChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=this.disabled?"true":null)}requiredChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=this.required?"true":null)}focusinHandler(e){var t;return e.target===this&&(null===(t=this.control)||void 0===t||t.focus()),!0}inputHandler(){return this._isEditing=!0,this.$emit(xb.input,void 0,{bubbles:!0,composed:!0}),!0}blurHandler(){this._isEditing&&this.commitInput(),this.spinState=yb.rest}keydownHandler(e){if(this.disabled)return!0;switch(e.key){case"ArrowUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp();case"ArrowDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown();case"PageUp":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepUp(this.stepPage);case"PageDown":return e.preventDefault(),e.repeat||(this._valueBeforeKeyStep=this._value),this._suppressChangeEvent=!0,void this.stepDown(this.stepPage);case"Enter":return void this.commitInput();case"Escape":return this._isEditing=!1,void this.syncInputDisplay();case"Home":return void(void 0!==this.min&&(e.preventDefault(),this.commitValue(this.min)));case"End":return void(void 0!==this.max&&(e.preventDefault(),this.commitValue(this.max)))}return!0}incrementHandler(){var e;this.disabled||(this.stepUp(),this.spinState=yb.rest,null===(e=this.control)||void 0===e||e.focus())}decrementHandler(){var e;this.disabled||(this.stepDown(),this.spinState=yb.rest,null===(e=this.control)||void 0===e||e.focus())}stepUp(e){var t;const o=null!=e?e:this.step,i=Qa(Ja((null!==(t=this._value)&&void 0!==t?t:0)+o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=yb.up}stepDown(e){var t;const o=null!=e?e:this.step,i=Qa(Ja((null!==(t=this._value)&&void 0!==t?t:0)-o,this.effectivePrecision),this.min,this.max);this.commitValue(i),this.spinState=yb.down}checkValidity(){return this.elementInternals.checkValidity()}setCustomValidity(e){e?this.elementInternals.setValidity({customError:!0},e,this.control):this.elementInternals.setValidity({})}setValidity(e,t,o){this.elementInternals.setValidity(e,t,null!=o?o:this.control)}keyupHandler(e){switch(e.key){case"ArrowUp":case"ArrowDown":case"PageUp":case"PageDown":return this.spinState=yb.rest,this._suppressChangeEvent=!1,this._value!==this._valueBeforeKeyStep&&this.emitChangeEvent(),void(this._valueBeforeKeyStep=null)}return!0}commitInput(){var e,t,o;this._isEditing=!1;const i=null!==(o=null===(t=null===(e=this.control)||void 0===e?void 0:e.value)||void 0===t?void 0:t.trim())&&void 0!==o?o:"";if(""===i)return void this.commitValue(null);const n=parseFloat(i);isNaN(n)?this.syncInputDisplay():this.commitValue(n)}commitValue(e){const t=this._value;this.value=e,t===e||this._suppressChangeEvent||this.emitChangeEvent()}emitChangeEvent(){this.$emit(xb.change,{value:this._value,displayValue:this._displayValue||(null!==this._value?String(this._value):"")},{bubbles:!0,composed:!0})}syncInputDisplay(){this.control&&!this._isEditing&&(this._displayValue?this.control.value=this._displayValue:null!==this._value?this.control.value=String(this._value):this.control.value="")}updateBoundState(){if(null===this._value)return void(this.atBound=$b.none);const e=void 0!==this.min&&this._value<=this.min,t=void 0!==this.max&&this._value>=this.max;this.atBound=e&&t?$b.both:e?$b.min:t?$b.max:$b.none}updateFormValue(){if(!this.$fastController.isConnected)return;const e=null!==this._value?String(this._value):null;this.elementInternals.setFormValue(e)}updateAriaValue(){this.$fastController.isConnected&&(this.elementInternals.ariaValueNow=null!==this._value?String(this._value):null,this.elementInternals.ariaValueMin=void 0!==this.min?String(this.min):null,this.elementInternals.ariaValueMax=void 0!==this.max?String(this.max):null)}}kb.formAssociated=!0,Cb([Un],kb.prototype,"appearance",void 0),Cb([Un({attribute:"control-size"})],kb.prototype,"controlSize",void 0),Cb([Un({converter:ls})],kb.prototype,"min",void 0),Cb([Un({converter:ls})],kb.prototype,"max",void 0),Cb([Un({converter:ls})],kb.prototype,"step",void 0),Cb([Un({attribute:"step-page",converter:ls})],kb.prototype,"stepPage",void 0),Cb([Un({converter:ls})],kb.prototype,"precision",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"disabled",void 0),Cb([Un],kb.prototype,"name",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"required",void 0),Cb([Un],kb.prototype,"placeholder",void 0),Cb([Un({mode:"boolean"})],kb.prototype,"error",void 0),Cb([Gn],kb.prototype,"defaultSlottedNodes",void 0),Cb([Gn],kb.prototype,"labelEl",void 0),Cb([Gn],kb.prototype,"control",void 0),Cb([Gn],kb.prototype,"spinState",void 0),Cb([Gn],kb.prototype,"atBound",void 0);const Ib=ts`
|
|
199
209
|
${u("block")}
|
|
200
210
|
|
|
201
|
-
:host{font-family:${R};font-size:${de};font-weight:${he};line-height:${He};max-width:400px;}.label{display:flex;color:${me};padding-bottom:${Mt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${P} solid ${_};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${L};padding:0 0 0 ${g};position:relative;width:100%}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${ut};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${ji}}.control{flex:1;min-width:0;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};line-height:${He};border:none;padding:0;text-align:start}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${qi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w}}:host ::slotted([slot="start"]){padding-inline-end:${L}}:host ::slotted([slot="end"]){padding-inline-start:${L}}.buttons{display:flex;flex-direction:column;height:100%;flex-shrink:0}.increment-button,.decrement-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:${y};color:${w};cursor:pointer;padding:0 ${M};flex:1;min-height:0;box-sizing:border-box}.increment-button{justify-content:flex-end;border-start-end-radius:${p}}.decrement-button{justify-content:flex-start;border-end-end-radius:${p}}.increment-button:hover,.decrement-button:hover{background:${Et}}.increment-button:active,.increment-button.pressed,.decrement-button:active,.decrement-button.pressed{color:${me};background:${nn}}.increment-button:disabled,.decrement-button:disabled{color:${$};cursor:not-allowed;background:${y}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Xi}}:host(:active) .root{border-color:${U}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Ki}}:host(:focus-within:active) .root::after{border-bottom-color:${Wi}}:host(:focus-within) .root{border:${P} solid ${_}}:host([disabled]) .root{background:${y};border:${P} solid ${Qe}}:host([disabled]) .control,:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${L};padding:0 0 0 ${M}}.root.error,:host(:hover) .root.error,:host(:active) .root.error,:host(:focus-within) .root.error{border:${P} solid ${sn}}:host(:has(.control:user-invalid)) .root{border:${P} solid ${sn}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${P} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Xi}}:host([appearance="underline"]:active) .root{border-bottom-color:${Yi}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Yi}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${P} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Et}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${N}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${N};background:${Et}}`,Dm=Jn`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 1 0 .7-.7l-3.5-3.5a.5.5 0 0 0-.7 0l-3.5 3.5a.5.5 0 0 0 0 .7Z" /></svg>`,Bm=Jn`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z" /></svg>`;const Vm=Jn`<template @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><label class="label" ${ts("labelEl")}><slot ${Qn({property:"defaultSlottedNodes",filter:Ha})}></slot></label><div class="root ${e=>e.error?"error":""}"><slot name="start"></slot><input class="control" id="control" type="text" inputmode="decimal" ?disabled="${e=>e.disabled}" ?required="${e=>e.required}" placeholder="${e=>e.placeholder}" @input="${e=>e.inputHandler()}" @blur="${e=>e.blurHandler()}" ${ts("control")} /><slot name="end"></slot><div class="buttons"><button aria-role="button" class="increment-button ${e=>"up"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.incrementHandler()}">${Dm}</button><button aria-role="button" class="decrement-button ${e=>"down"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.decrementHandler()}">${Bm}</button></div></div></template>`,_m=Om.compose({name:`${nr.prefix}-spin-button`,template:Vm,styles:Tm,shadowOptions:{mode:nr.shadowRootMode}});class Hm extends rn{}const Fm=Hm.compose({name:`${nr.prefix}-switch`,template:ln,styles:an,shadowOptions:{mode:nr.shadowRootMode}});class Nm extends dn{}const jm=Nm.compose({name:`${nr.prefix}-tab`,template:hn,styles:cn,shadowOptions:{mode:nr.shadowRootMode}}),qm={...un},Xm={...pn},Km={...mn},Wm={activeIndexChange:"active-index-change",change:"change"};class Ym extends vn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Wm.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const Gm=Ym.compose({name:`${nr.prefix}-tablist`,template:gn,styles:bn,shadowOptions:{mode:nr.shadowRootMode}});class Um extends fn{}const Zm=Um.compose({name:`${nr.prefix}-textarea`,template:yn,styles:wn,shadowOptions:{mode:nr.shadowRootMode}}),Qm={...$n},Jm={...Cn},ev={...kn},tv={...In},ov=[...xn];const iv=Jn`<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" ${ts("controlLabel")}><slot ${Qn({property:"defaultSlottedNodes",filter:Ha})}></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}" ${ts("control")} /><slot name="end"></slot></div></template>`,nv=lm.compose({name:`${nr.prefix}-text-input`,template:iv,styles:bm,shadowOptions:{mode:nr.shadowRootMode}});class sv extends En{}const rv=sv.compose({name:`${nr.prefix}-text`,template:Ln,styles:Sn,shadowOptions:{mode:nr.shadowRootMode}}),av={...Mn},lv={...Pn},dv={...zn},cv={...Rn};class hv extends An{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),t.selected=!0,this.currentSelected=t}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 uv=hv.compose({name:`${nr.prefix}-tree`,template:Tn,styles:On,shadowOptions:{mode:nr.shadowRootMode}});class pv extends Dn{constructor(){super(...arguments),this.isObservingResize=!1}get textEl(){return this._textEl}set textEl(e){this._textEl!==e&&(this.stopResizeObserving(),this._textEl=e,this.isConnected&&this.syncTitle())}connectedCallback(){super.connectedCallback(),this.titleObserver=new MutationObserver(()=>this.syncTitle()),this.titleObserver.observe(this,{attributes:!0,attributeFilter:["title"]}),this.syncTitle()}disconnectedCallback(){var e;super.disconnectedCallback(),this.stopResizeObserving(),null===(e=this.titleObserver)||void 0===e||e.disconnect(),this.titleObserver=void 0}syncTitle(){const e=this._textEl;e&&(this.hasAttribute("title")?(this.stopResizeObserving(),e.title=this.title):(this.startResizeObserving(),e.title=e.scrollWidth>e.clientWidth?this.getSlottedText(e):""))}getSlottedText(e){var t,o;const i=e.querySelector("slot");return i?i.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join(" ").replace(/\s+/g," ").trim():null!==(o=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==o?o:""}startResizeObserving(){!this.isObservingResize&&this._textEl&&(pv.observedItems.set(this._textEl,this),pv.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(pv.sharedResizeObserver.unobserve(this._textEl),pv.observedItems.delete(this._textEl),this.isObservingResize=!1)}}pv.observedItems=new WeakMap,pv.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=pv.observedItems.get(o.target))||void 0===t||t.syncTitle()});const mv=Jn.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>'),vv=Jn`<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">${mv}</slot></span><slot name="start"></slot><div class="text" ${ts("textEl")}><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" ${ts("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,bv=es`
|
|
202
|
-
${
|
|
211
|
+
:host{font-family:${R};font-size:${de};font-weight:${he};line-height:${Fe};max-width:400px;}.label{display:flex;color:${me};padding-bottom:${rt};flex-shrink:0;padding-inline-end:${f}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${B};border:${T} solid ${V};border-bottom-color:${Hi};border-radius:${p};box-sizing:border-box;height:${e};display:inline-flex;flex-direction:row;gap:${S};padding:0 0 0 ${g};position:relative;width:100%}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${p});border-radius:0 0 ${p} ${p};border-bottom:2px solid ${vt};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Ni};transition-delay:${qi}}.control{flex:1;min-width:0;height:100%;box-sizing:border-box;color:${me};border-radius:${p};background:${y};font-family:${R};font-weight:${he};font-size:${de};line-height:${Fe};border:none;padding:0;text-align:start}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Xi}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${w}}:host ::slotted([slot="start"]){padding-inline-end:${S}}:host ::slotted([slot="end"]){padding-inline-start:${S}}.buttons{display:flex;flex-direction:column;height:100%;flex-shrink:0}.increment-button,.decrement-button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:${y};color:${w};cursor:pointer;padding:0 ${M};flex:1;min-height:0;box-sizing:border-box}.increment-button{justify-content:flex-end;border-start-end-radius:${p}}.decrement-button{justify-content:flex-start;border-end-end-radius:${p}}.increment-button:hover,.decrement-button:hover{background:${Tt}}.increment-button:active,.increment-button.pressed,.decrement-button:active,.decrement-button.pressed{color:${me};background:${sn}}.increment-button:disabled,.decrement-button:disabled{color:${$};cursor:not-allowed;background:${y}}:host(:hover) .root{border-color:${Y};border-bottom-color:${Ki}}:host(:active) .root{border-color:${G}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${$e};transition-delay:${Wi}}:host(:focus-within:active) .root::after{border-bottom-color:${Yi}}:host(:focus-within) .root{border:${T} solid ${V}}:host([disabled]) .root{background:${y};border:${T} solid ${Qe}}:host([disabled]) .control,:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${$}}:host([control-size="small"]) .control{font-size:${x};font-weight:${he};line-height:${C}}:host([control-size="small"]) .root{height:${i};gap:${S};padding:0 0 0 ${M}}.root.error,:host(:hover) .root.error,:host(:active) .root.error,:host(:focus-within) .root.error{border:${T} solid ${rn}}:host(:has(.control:user-invalid)) .root{border:${T} solid ${rn}}:host([appearance="underline"]) .root{background:${y};border:0;border-radius:0;border-bottom:${T} solid ${Hi}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ki}}:host([appearance="underline"]:active) .root{border-bottom-color:${Ui}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${Ui}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Qe}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${T} solid ${D}}:host([appearance="filled-lighter"]) .root{background:${B}}:host([appearance="filled-darker"]) .root{background:${Tt}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${j}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${j};background:${Tt}}`,Eb=es`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 1 0 .7-.7l-3.5-3.5a.5.5 0 0 0-.7 0l-3.5 3.5a.5.5 0 0 0 0 .7Z" /></svg>`,Lb=es`<svg width="12" height="12" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 1 1 .7.7l-3.5 3.5a.5.5 0 0 1-.7 0l-3.5-3.5a.5.5 0 0 1 0-.7Z" /></svg>`;const Sb=es`<template @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}" @keyup="${(e,t)=>e.keyupHandler(t.event)}"><label class="label" ${os("labelEl")}><slot ${Jn({property:"defaultSlottedNodes",filter:Za})}></slot></label><div class="root ${e=>e.error?"error":""}"><slot name="start"></slot><input class="control" id="control" type="text" inputmode="decimal" ?disabled="${e=>e.disabled}" ?required="${e=>e.required}" placeholder="${e=>e.placeholder}" @input="${e=>e.inputHandler()}" @blur="${e=>e.blurHandler()}" ${os("control")} /><slot name="end"></slot><div class="buttons"><button aria-role="button" class="increment-button ${e=>"up"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.incrementHandler()}">${Eb}</button><button aria-role="button" class="decrement-button ${e=>"down"===e.spinState?"pressed":""}" tabindex="-1" type="button" ?disabled="${e=>e.disabled}" @mousedown="${(e,t)=>t.event.preventDefault()}" @click="${e=>e.decrementHandler()}">${Lb}</button></div></div></template>`,Mb=kb.compose({name:`${rr.prefix}-spin-button`,template:Sb,styles:Ib,shadowOptions:{mode:rr.shadowRootMode}});class Tb extends an{}const Pb=Tb.compose({name:`${rr.prefix}-switch`,template:dn,styles:ln,shadowOptions:{mode:rr.shadowRootMode}});class Rb extends cn{}const zb=Rb.compose({name:`${rr.prefix}-tab`,template:un,styles:hn,shadowOptions:{mode:rr.shadowRootMode}}),Ab={...pn},Ob={...mn},Db={...bn},Bb={activeIndexChange:"active-index-change",change:"change"};class _b extends vn{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=_b.compose({name:`${rr.prefix}-tablist`,template:fn,styles:gn,shadowOptions:{mode:rr.shadowRootMode}});class Fb extends wn{}const Hb=Fb.compose({name:`${rr.prefix}-textarea`,template:$n,styles:yn,shadowOptions:{mode:rr.shadowRootMode}}),jb={...xn},Nb={...kn},qb={...In},Xb={...En},Kb=[...Cn];const Wb=es`<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" ${os("controlLabel")}><slot ${Jn({property:"defaultSlottedNodes",filter:Za})}></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}" ${os("control")} /><slot name="end"></slot></div></template>`,Yb=Qm.compose({name:`${rr.prefix}-text-input`,template:Wb,styles:rb,shadowOptions:{mode:rr.shadowRootMode}});class Ub extends Ln{}const Gb=Ub.compose({name:`${rr.prefix}-text`,template:Mn,styles:Sn,shadowOptions:{mode:rr.shadowRootMode}}),Zb={...Tn},Qb={...Pn},Jb={...Rn},ev={...zn};class tv extends An{clickHandler(e){if(e.defaultPrevented)return;const t=this.findClosestTreeItem(e.target);if(!t)return!0;t.toggleExpansion(),this.currentSelected&&this.currentSelected!==t&&(this.currentSelected.selected=!1),t.selected=!0,this.currentSelected=t}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 ov=tv.compose({name:`${rr.prefix}-tree`,template:Dn,styles:On,shadowOptions:{mode:rr.shadowRootMode}});class iv extends Bn{constructor(){super(...arguments),this.isObservingResize=!1}get textEl(){return this._textEl}set textEl(e){this._textEl!==e&&(this.stopResizeObserving(),this._textEl=e,this.isConnected&&this.syncTitle())}connectedCallback(){super.connectedCallback(),this.titleObserver=new MutationObserver(()=>this.syncTitle()),this.titleObserver.observe(this,{attributes:!0,attributeFilter:["title"]}),this.syncTitle()}disconnectedCallback(){var e;super.disconnectedCallback(),this.stopResizeObserving(),null===(e=this.titleObserver)||void 0===e||e.disconnect(),this.titleObserver=void 0}syncTitle(){const e=this._textEl;e&&(this.hasAttribute("title")?(this.stopResizeObserving(),e.title=this.title):(this.startResizeObserving(),e.title=e.scrollWidth>e.clientWidth?this.getSlottedText(e):""))}getSlottedText(e){var t,o;const i=e.querySelector("slot");return i?i.assignedNodes({flatten:!0}).map(e=>{var t;return null!==(t=e.textContent)&&void 0!==t?t:""}).join(" ").replace(/\s+/g," ").trim():null!==(o=null===(t=e.textContent)||void 0===t?void 0:t.trim())&&void 0!==o?o:""}startResizeObserving(){!this.isObservingResize&&this._textEl&&(iv.observedItems.set(this._textEl,this),iv.sharedResizeObserver.observe(this._textEl),this.isObservingResize=!0)}stopResizeObserving(){this.isObservingResize&&this._textEl&&(iv.sharedResizeObserver.unobserve(this._textEl),iv.observedItems.delete(this._textEl),this.isObservingResize=!1)}}iv.observedItems=new WeakMap,iv.sharedResizeObserver=new ResizeObserver(e=>{var t;for(const o of e)null===(t=iv.observedItems.get(o.target))||void 0===t||t.syncTitle()});const nv=es.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>'),sv=es`<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">${nv}</slot></span><slot name="start"></slot><div class="text" ${os("textEl")}><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" ${os("itemSlot")} @slotchange="${e=>e.handleItemSlotChange()}"></slot></div></template>`,rv=ts`
|
|
212
|
+
${_n}
|
|
203
213
|
|
|
204
|
-
.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,gv=pv.compose({name:`${nr.prefix}-tree-item`,template:vv,styles:bv,shadowOptions:{mode:nr.shadowRootMode}});class fv extends Vn{}const wv={..._n},yv={...Hn},$v={...Fn},xv={...Le},Cv={...Ie},kv=fv.compose({name:`${nr.prefix}-toggle-button`,template:Nn,styles:hi,shadowOptions:{mode:nr.shadowRootMode}});class Iv extends jn{constructor(){super(...arguments),this.anchorListenerTarget=null,this._ownedAnchorName=!1,this._popoverAncestor=null,this.handleKeydown=e=>{e.key===fs&&this.hideImmediately()},this.handleAncestorToggle=e=>{"newState"in e&&"closed"===e.newState&&this.hideImmediately()}}anchorChanged(){if(this.detachAnchorListeners(),!this.isConnected)return;const e=this.resolvedAnchorElement;if(!e)return;this.anchorListenerTarget=e,this.addDescribedBy(e),e.addEventListener("focus",this.focusAnchorHandler),e.addEventListener("blur",this.blurAnchorHandler),e.addEventListener("mouseenter",this.mouseenterAnchorHandler),e.addEventListener("mouseleave",this.mouseleaveAnchorHandler);const t=e.style.getPropertyValue("anchor-name"),o=t||`--${this.anchor}`;this._ownedAnchorName=!t,e.style.setProperty("anchor-name",o),this.style.setProperty("position-anchor",o)}connectedCallback(){const e=this.resolvedAnchorElement,t=!!(null==e?void 0:e.style.getPropertyValue("anchor-name"));super.connectedCallback(),this.anchorListenerTarget=e,e&&(this._ownedAnchorName=!t)}disconnectedCallback(){super.disconnectedCallback(),this.detachAnchorListeners(),this.clearTimers(),this.removePopoverToggleListener(),document.removeEventListener("keydown",this.handleKeydown)}detachAnchorListeners(){this.anchorListenerTarget&&(this.anchorListenerTarget.removeEventListener("focus",this.focusAnchorHandler),this.anchorListenerTarget.removeEventListener("blur",this.blurAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseleave",this.mouseleaveAnchorHandler),this.removeDescribedBy(this.anchorListenerTarget),this._ownedAnchorName&&(this.anchorListenerTarget.style.removeProperty("anchor-name"),this._ownedAnchorName=!1),this.style.removeProperty("position-anchor"),this.anchorListenerTarget=null)}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:"")}addDescribedBy(e){var t,o;this.id||(this.id=ws("tooltip-"));const i=null!==(o=null===(t=e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(/\s+/).filter(Boolean))&&void 0!==o?o:[];i.includes(this.id)||(i.push(this.id),e.setAttribute("aria-describedby",i.join(" ")))}removeDescribedBy(e){var t;const o=e.getAttribute("aria-describedby"),i=null!==(t=null==o?void 0:o.split(/\s+/).filter(e=>e!==this.id&&Boolean(e)))&&void 0!==t?t:[];i.length>0?e.setAttribute("aria-describedby",i.join(" ")):e.removeAttribute("aria-describedby")}clearTimers(){clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}hideImmediately(){this.clearTimers(),this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true");try{this.hidePopover()}catch{}document.removeEventListener("keydown",this.handleKeydown)}addPopoverToggleListener(){var e;this.removePopoverToggleListener();const t=null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.closest("[popover]");t instanceof HTMLElement&&(this._popoverAncestor=t,t.addEventListener("beforetoggle",this.handleAncestorToggle))}removePopoverToggleListener(){this._popoverAncestor&&(this._popoverAncestor.removeEventListener("beforetoggle",this.handleAncestorToggle),this._popoverAncestor=null)}showTooltip(e){var t;this.clearTimers(),this.addPopoverToggleListener();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Iv.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;this.clearTimers();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Iv.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.removePopoverToggleListener(),this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}Iv.DEFAULT_DELAY=250;const Ev=Iv.compose({name:`${nr.prefix}-tooltip`,template:Xn,styles:qn,shadowOptions:{mode:nr.shadowRootMode}}),Sv={...Kn};export{Hh as Accordion,Fh as AccordionDefinition,Nh as AccordionExpandModes,Dh as AccordionItem,_h as AccordionItemDefinition,Vh as AccordionItemMarkerPositions,Bh as AccordionItemSizes,tr as AccordionMenu,sr as AccordionMenuDefinition,Js as AccordionMenuExpandModes,Qs as AccordionMenuPanel,Ar as AccordionMenuPanelDefinition,ar as AccordionMenuPanelMarkerPositions,rr as AccordionMenuPanelSizes,Rr as AccordionMenuPanelStyles,ur as AccordionMenuPanelTemplate,ir as AccordionMenuStyles,or as AccordionMenuTemplate,sp as AnchorButton,rp as AnchorButtonAppearances,dp as AnchorButtonDefinition,ap as AnchorButtonShapes,lp as AnchorButtonSizes,Xh as AnchorTargets,Gh as Avatar,Uh as AvatarActives,Zh as AvatarAppearances,Qh as AvatarColors,ou as AvatarDefinition,Jh as AvatarNamedColors,eu as AvatarShapes,tu as AvatarSizes,iu as Badge,nu as BadgeAppearances,su as BadgeColors,lu as BadgeDefinition,ru as BadgeShapes,au as BadgeSizes,gl as Button,fl as ButtonAppearances,kl as ButtonDefinition,$l as ButtonFormTargets,wl as ButtonShapes,yl as ButtonSizes,Cl as ButtonStyles,xl as ButtonTypes,Hr as Card,Or as CardAppearances,ul as CardCarousel,vl as CardCarouselDefinition,pl as CardCarouselStyles,ml as CardCarouselTemplate,jr as CardDefinition,Vr as CardEventNames,Dr as CardFocusModes,qr as CardFooter,Wr as CardFooterDefinition,Yr as CardHeader,Zr as CardHeaderDefinition,Tr as CardOrientations,Qr as CardPreview,ta as CardPreviewDefinition,Fr as CardStyles,Nr as CardTemplate,Qa as Carousel,tl as CarouselDefinition,na as CarouselEventNames,nl as CarouselItem,al as CarouselItemDefinition,sl as CarouselItemStyles,rl as CarouselItemTemplate,fa as CarouselNav,oa as CarouselNavButtonPlacements,Xa as CarouselNavDefinition,sa as CarouselNavEventNames,Wa as CarouselNavItem,Ua as CarouselNavItemDefinition,Ya as CarouselNavItemStyles,Ga as CarouselNavItemTemplate,ia as CarouselNavPositions,ja as CarouselNavStyles,qa as CarouselNavTemplate,Ja as CarouselStyles,el as CarouselTemplate,du as Checkbox,uu as CheckboxDefinition,cu as CheckboxShapes,hu as CheckboxSizes,Vd as CollisionEdges,Nl as CompoundButton,Dl as CompoundButtonAppearances,ql as CompoundButtonDefinition,_l as CompoundButtonFormTargets,Bl as CompoundButtonShapes,Vl as CompoundButtonSizes,Hl as CompoundButtonTypes,pu as CounterBadge,mu as CounterBadgeAppearances,vu as CounterBadgeColors,fu as CounterBadgeDefinition,bu as CounterBadgeShapes,gu as CounterBadgeSizes,wu as Dialog,Cu as DialogBody,ku as DialogBodyDefinition,$u as DialogDefinition,yu as DialogStyles,xu as DialogTypes,ca as DirectionDetector,Iu as Divider,Eu as DividerAlignContents,Su as DividerAppearances,Ru as DividerDefinition,Lu as DividerOrientations,Mu as DividerRoles,Pu as DividerStyles,zu as DividerTemplate,Au as Drawer,Vu as DrawerBody,_u as DrawerBodyDefinition,Bu as DrawerDefinition,Ou as DrawerPositions,Tu as DrawerSizes,Du as DrawerTypes,bc as Dropdown,Hu as DropdownAppearances,gc as DropdownDefinition,fc as DropdownOption,wc as DropdownOptionDefinition,Fu as DropdownSizes,Nu as DropdownTypes,nr as FabricDesignSystem,ju as Field,Uu as FieldDefinition,Wu as FieldLabelPosition,Ku as FieldLabelPositions,qu as FieldStyles,Rl as FilterPill,Sl as FilterPillAppearances,Tl as FilterPillDefinition,Pl as FilterPillEventNames,El as FilterPillFormTargets,Ll as FilterPillShapes,Ml as FilterPillSizes,Il as FilterPillTypes,Zu as Image,ep as ImageDefinition,Qu as ImageFits,Ju as ImageShapes,nm as ImplicitSubmissionBlockingTypes,tp as Label,op as LabelDefinition,Xu as LabelPositions,ip as LabelSizes,np as LabelWeights,Kh as Link,jh as LinkAppearances,Yh as LinkDefinition,qh as LinkTargets,xc as Listbox,Cc as ListboxDefinition,Ul as LoadingButton,Jl as LoadingButtonDefinition,Rp as Menu,up as MenuButton,pp as MenuButtonAppearances,bp as MenuButtonDefinition,mp as MenuButtonShapes,vp as MenuButtonSizes,Tp as MenuDefinition,Hs as MenuGroupRoles,Ws as MenuItem,Bs as MenuItemAppearances,$p as MenuItemDefinition,Vs as MenuItemRoles,gp as MenuItemStyles,yp as MenuItemTemplate,Us as MenuList,kp as MenuListDefinition,xp as MenuListStyles,Cp as MenuListTemplate,Ip as MenuPositions,Lp as MenuRepositionModes,Ap as MenuStyles,Op as MenuTemplate,cp as MessageBar,hp as MessageBarDefinition,La as MockElementInternals,od as MultiView,rd as MultiViewController,dd as MultiViewControllerDefinition,sd as MultiViewDefinition,ed as MultiViewEventNames,hd as MultiViewGroup,md as MultiViewGroupDefinition,vd as MultiViewGroupPositions,Bp as OptionGroup,Hp as OptionGroupDefinition,Cd as Overflow,Sd as OverflowAxisValues,Ed as OverflowDefinition,Ld as OverflowDirections,fd as OverflowDivider,Od as OverflowDividerDefinition,Rd as OverflowDividerStyles,bd as OverflowEventNames,$d as OverflowItem,zd as OverflowItemDefinition,Md as OverflowItemStyles,kd as OverflowStyles,sc as Pagination,mc as PaginationDefinition,Jd as PaginationEventNames,ec as PaginationVariants,Gd as Popover,Qd as PopoverDefinition,qd as PopoverEventNames,Nd as PopoverPositions,jd as PopoverRepositionModes,Ud as PopoverStyles,Zd as PopoverTemplate,Fd as PositioningShorthand,Fp as ProgressBar,Np as ProgressBarDefinition,jp as ProgressBarShapes,qp as ProgressBarThicknesses,Xp as ProgressBarValidationStates,Kp as Radio,Up as RadioDefinition,Wp as RadioGroup,Gp as RadioGroupDefinition,Yp as RadioGroupOrientations,Zp as RatingDisplay,Jp as RatingDisplayColors,Qp as RatingDisplayDefinition,em as RatingDisplaySizes,vm as SearchBox,cm as SearchBoxAppearances,dm as SearchBoxControlSizes,wm as SearchBoxDefinition,pm as SearchBoxEventNames,um as SearchBoxImplicitSubmissionBlockingTypes,hm as SearchBoxTypes,Xc as SimpleTable,Wc as SimpleTableDefinition,ym as Slider,Sm as SliderDefinition,km as SliderEventNames,$m as SliderModes,xm as SliderOrientations,Cm as SliderSizes,Gu as SlottableInputs,Bc as SortDirections,Om as SpinButton,Lm as SpinButtonAppearances,zm as SpinButtonBounds,Mm as SpinButtonControlSizes,_m as SpinButtonDefinition,Rm as SpinButtonEventNames,Pm as SpinButtonSpinStates,Tm as SpinButtonStyles,Vm as SpinButtonTemplate,Xl as Spinner,Kl as SpinnerAppearances,Yl as SpinnerDefinition,Wl as SpinnerSizes,zc as SvgIcon,Oc as SvgIconDefinition,Hm as Switch,Fm as SwitchDefinition,Nm as Tab,jm as TabDefinition,Dc as Table,Vc as TableCell,Fc as TableCellDefinition,Yc as TableCellSizes,_c as TableCellStyles,Hc as TableCellTemplate,qc as TableDefinition,Nc as TableStyles,jc as TableTemplate,Ym as Tablist,qm as TablistAppearances,Gm as TablistDefinition,Wm as TablistEventNames,Xm as TablistOrientations,Km as TablistSizes,th as Tag,Qc as TagAppearances,sh as TagDefinition,Jc as TagEventNames,Zc as TagShapes,Gc as TagSizes,Uc as TagTextSizes,ch as TeachingBubble,ph as TeachingBubbleDefinition,lh as TeachingBubbleEventNames,ah as TeachingBubblePlacements,rh as TeachingBubbleSizes,sv as Text,av as TextAligns,Um as TextArea,Qm as TextAreaAppearances,ov as TextAreaAppearancesForDisplayShadows,Jm as TextAreaAutocompletes,Zm as TextAreaDefinition,ev as TextAreaResizes,tv as TextAreaSizes,rv as TextDefinition,lv as TextFonts,lm as TextInput,om as TextInputAppearances,tm as TextInputControlSizes,nv as TextInputDefinition,bm as TextInputStyles,iv as TextInputTemplate,im as TextInputTypes,dv as TextSizes,cv as TextWeights,fv as ToggleButton,wv as ToggleButtonAppearances,kv as ToggleButtonDefinition,Cv as ToggleButtonFormTargets,yv as ToggleButtonShapes,$v as ToggleButtonSizes,xv as ToggleButtonTypes,Iv as Tooltip,Ev as TooltipDefinition,Sv as TooltipPositioningOptions,hv as Tree,uv as TreeDefinition,pv as TreeItem,gv as TreeItemDefinition,bv as TreeItemStyles,vv as TreeItemTemplate,Yu as ValidationFlags,kh as Wizard,Sh as WizardDefinition,xh as WizardEvents,wh as WizardPanel,Ph as WizardPanelDefinition,bh as WizardPanelEventNames,gh as WizardPanelStates,$h as WizardStep,Th as WizardStepDefinition,vh as WizardStepEvents,mh as WizardStepStates,Ca as applyMixins,Ma as attachMockElementInternals,Fa as clamp,Aa as composeDefinitions,va as createRovingFocusController,Ds as createUniqueId,Ia as debounce,Ea as debug,ol as defineCarousel,kc as definePagination,gr as disabledState,fr as expandedState,Ra as fromFAST,ra as getDirection,$c as getOptionsFromElement,pa as globalDirectionDetector,Sa as inputElementMethods,Va as isActionModifierKey,wa as isDisabledElement,$a as isFocusableElement,ya as isHiddenElement,yc as isOptionGroup,aa as isRtl,Vp as optionGroupStyles,_p as optionGroupTemplate,Na as precisionRound,Fs as roleForMenuGroup,_s as roleForMenuItem,ka as setAttributes,xa as setChildrenFocusability,ua as setGlobalDirectionDetector,_a as staticallyCompose,Os as toggleState,Ha as whitespaceFilter};
|
|
214
|
+
.content{min-inline-size:0}.text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}`,av=iv.compose({name:`${rr.prefix}-tree-item`,template:sv,styles:rv,shadowOptions:{mode:rr.shadowRootMode}});class lv extends Vn{}const dv={...Fn},cv={...Hn},hv={...jn},uv={...Se},pv={...Ie},mv=lv.compose({name:`${rr.prefix}-toggle-button`,template:Nn,styles:ui,shadowOptions:{mode:rr.shadowRootMode}});class bv extends qn{constructor(){super(...arguments),this.anchorListenerTarget=null,this._ownedAnchorName=!1,this._popoverAncestor=null,this.handleKeydown=e=>{e.key===ws&&this.hideImmediately()},this.handleAncestorToggle=e=>{"newState"in e&&"closed"===e.newState&&this.hideImmediately()}}anchorChanged(){if(this.detachAnchorListeners(),!this.isConnected)return;const e=this.resolvedAnchorElement;if(!e)return;this.anchorListenerTarget=e,this.addDescribedBy(e),e.addEventListener("focus",this.focusAnchorHandler),e.addEventListener("blur",this.blurAnchorHandler),e.addEventListener("mouseenter",this.mouseenterAnchorHandler),e.addEventListener("mouseleave",this.mouseleaveAnchorHandler);const t=e.style.getPropertyValue("anchor-name"),o=t||`--${this.anchor}`;this._ownedAnchorName=!t,e.style.setProperty("anchor-name",o),this.style.setProperty("position-anchor",o)}connectedCallback(){const e=this.resolvedAnchorElement,t=!!(null==e?void 0:e.style.getPropertyValue("anchor-name"));super.connectedCallback(),this.anchorListenerTarget=e,e&&(this._ownedAnchorName=!t)}disconnectedCallback(){super.disconnectedCallback(),this.detachAnchorListeners(),this.clearTimers(),this.removePopoverToggleListener(),document.removeEventListener("keydown",this.handleKeydown)}detachAnchorListeners(){this.anchorListenerTarget&&(this.anchorListenerTarget.removeEventListener("focus",this.focusAnchorHandler),this.anchorListenerTarget.removeEventListener("blur",this.blurAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseenter",this.mouseenterAnchorHandler),this.anchorListenerTarget.removeEventListener("mouseleave",this.mouseleaveAnchorHandler),this.removeDescribedBy(this.anchorListenerTarget),this._ownedAnchorName&&(this.anchorListenerTarget.style.removeProperty("anchor-name"),this._ownedAnchorName=!1),this.style.removeProperty("position-anchor"),this.anchorListenerTarget=null)}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:"")}addDescribedBy(e){var t,o;this.id||(this.id=ys("tooltip-"));const i=null!==(o=null===(t=e.getAttribute("aria-describedby"))||void 0===t?void 0:t.split(/\s+/).filter(Boolean))&&void 0!==o?o:[];i.includes(this.id)||(i.push(this.id),e.setAttribute("aria-describedby",i.join(" ")))}removeDescribedBy(e){var t;const o=e.getAttribute("aria-describedby"),i=null!==(t=null==o?void 0:o.split(/\s+/).filter(e=>e!==this.id&&Boolean(e)))&&void 0!==t?t:[];i.length>0?e.setAttribute("aria-describedby",i.join(" ")):e.removeAttribute("aria-describedby")}clearTimers(){clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}hideImmediately(){this.clearTimers(),this.removePopoverToggleListener(),this.setAttribute("aria-hidden","true");try{this.hidePopover()}catch{}document.removeEventListener("keydown",this.handleKeydown)}addPopoverToggleListener(){var e;this.removePopoverToggleListener();const t=null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.closest("[popover]");t instanceof HTMLElement&&(this._popoverAncestor=t,t.addEventListener("beforetoggle",this.handleAncestorToggle))}removePopoverToggleListener(){this._popoverAncestor&&(this._popoverAncestor.removeEventListener("beforetoggle",this.handleAncestorToggle),this._popoverAncestor=null)}showTooltip(e){var t;this.clearTimers(),this.addPopoverToggleListener();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:bv.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;this.clearTimers();const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:bv.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.removePopoverToggleListener(),this.setAttribute("aria-hidden","true"),this.hidePopover(),document.removeEventListener("keydown",this.handleKeydown))},o)}}bv.DEFAULT_DELAY=250;const vv=bv.compose({name:`${rr.prefix}-tooltip`,template:Kn,styles:Xn,shadowOptions:{mode:rr.shadowRootMode}}),gv={...Wn};export{uu as Accordion,pu as AccordionDefinition,mu as AccordionExpandModes,lu as AccordionItem,hu as AccordionItemDefinition,cu as AccordionItemMarkerPositions,du as AccordionItemSizes,ir as AccordionMenu,ar as AccordionMenuDefinition,tr as AccordionMenuExpandModes,er as AccordionMenuPanel,_r as AccordionMenuPanelDefinition,dr as AccordionMenuPanelMarkerPositions,lr as AccordionMenuPanelSizes,Br as AccordionMenuPanelStyles,gr as AccordionMenuPanelTemplate,sr as AccordionMenuStyles,nr as AccordionMenuTemplate,Yp as AnchorButton,Up as AnchorButtonAppearances,Qp as AnchorButtonDefinition,Gp as AnchorButtonShapes,Zp as AnchorButtonSizes,gu as AnchorTargets,$u as Avatar,xu as AvatarActives,Cu as AvatarAppearances,ku as AvatarColors,Su as AvatarDefinition,Iu as AvatarNamedColors,Eu as AvatarShapes,Lu as AvatarSizes,Mu as Badge,Tu as BadgeAppearances,Pu as BadgeColors,Au as BadgeDefinition,Ru as BadgeShapes,zu as BadgeSizes,Sl as Button,Ml as ButtonAppearances,Ol as ButtonDefinition,Rl as ButtonFormTargets,Tl as ButtonShapes,Pl as ButtonSizes,Al as ButtonStyles,zl as ButtonTypes,Xr as Card,Vr as CardAppearances,Cl as CardCarousel,El as CardCarouselDefinition,kl as CardCarouselStyles,Il as CardCarouselTemplate,Yr as CardDefinition,Nr as CardEventNames,Hr as CardFocusModes,Ur as CardFooter,Qr as CardFooterDefinition,Jr as CardHeader,oa as CardHeaderDefinition,Fr as CardOrientations,ia as CardPreview,ra as CardPreviewDefinition,Kr as CardStyles,Wr as CardTemplate,ua as Carousel,ba as CarouselDefinition,da as CarouselEventNames,bl as CarouselItem,fl as CarouselItemDefinition,vl as CarouselItemStyles,gl as CarouselItemTemplate,Ma as CarouselNav,aa as CarouselNavButtonPlacements,ol as CarouselNavDefinition,va as CarouselNavEventNames,nl as CarouselNavItem,al as CarouselNavItemDefinition,sl as CarouselNavItemStyles,rl as CarouselNavItemTemplate,la as CarouselNavPositions,el as CarouselNavStyles,tl as CarouselNavTemplate,pa as CarouselStyles,ma as CarouselTemplate,dl as CarouselViewport,ul as CarouselViewportDefinition,cl as CarouselViewportStyles,hl as CarouselViewportTemplate,Ou as Checkbox,_u as CheckboxDefinition,Du as CheckboxShapes,Bu as CheckboxSizes,vc as CollisionEdges,yd as CompoundButton,md as CompoundButtonAppearances,xd as CompoundButtonDefinition,gd as CompoundButtonFormTargets,bd as CompoundButtonShapes,vd as CompoundButtonSizes,fd as CompoundButtonTypes,Vu as CounterBadge,Fu as CounterBadgeAppearances,Hu as CounterBadgeColors,qu as CounterBadgeDefinition,ju as CounterBadgeShapes,Nu as CounterBadgeSizes,ed as Dialog,Ku as DialogBody,Wu as DialogBodyDefinition,td as DialogDefinition,Jl as DialogStyles,Xu as DialogTypes,$a as DirectionDetector,Yu as Divider,Uu as DividerAlignContents,Gu as DividerAppearances,tp as DividerDefinition,Zu as DividerOrientations,Qu as DividerRoles,Ju as DividerStyles,ep as DividerTemplate,xp as Drawer,Lp as DrawerBody,Sp as DrawerBodyDefinition,Ep as DrawerDefinition,Cp as DrawerPositions,kp as DrawerSizes,Ip as DrawerTypes,jc as Dropdown,Mp as DropdownAppearances,Nc as DropdownDefinition,qc as DropdownOption,Xc as DropdownOptionDefinition,Tp as DropdownSizes,Pp as DropdownTypes,np as DynamicTab,lp as DynamicTabDefinition,op as DynamicTabEventNames,up as DynamicTabList,gp as DynamicTabListDefinition,cp as DynamicTabListEventNames,dp as DynamicTabListOrientations,vp as DynamicTabListStyles,bp as DynamicTabListTemplate,ap as DynamicTabStyles,sp as DynamicTabTemplate,fp as EmptyState,$p as EmptyStateDefinition,wp as EmptyStateStyles,yp as EmptyStateTemplate,rr as FabricDesignSystem,Rp as Field,Vp as FieldDefinition,Dp as FieldLabelPosition,Op as FieldLabelPositions,zp as FieldStyles,Nl as FilterPill,_l as FilterPillAppearances,Kl as FilterPillDefinition,Hl as FilterPillEventNames,Bl as FilterPillFormTargets,Vl as FilterPillShapes,Fl as FilterPillSizes,Dl as FilterPillTypes,Fp as Image,Np as ImageDefinition,Hp as ImageFits,jp as ImageShapes,Ym as ImplicitSubmissionBlockingTypes,qp as Label,Xp as LabelDefinition,Ap as LabelPositions,Kp as LabelSizes,Wp as LabelWeights,fu as Link,bu as LinkAppearances,yu as LinkDefinition,vu as LinkTargets,Yc as Listbox,Uc as ListboxDefinition,Sd as LoadingButton,Pd as LoadingButtonDefinition,xm as Menu,tm as MenuButton,om as MenuButtonAppearances,rm as MenuButtonDefinition,im as MenuButtonShapes,nm as MenuButtonSizes,Im as MenuDefinition,js as MenuGroupRoles,Us as MenuItem,Vs as MenuItemAppearances,hm as MenuItemDefinition,Fs as MenuItemRoles,am as MenuItemStyles,cm as MenuItemTemplate,Qs as MenuList,mm as MenuListDefinition,um as MenuListStyles,pm as MenuListTemplate,bm as MenuPositions,fm as MenuRepositionModes,Cm as MenuStyles,km as MenuTemplate,Jp as MessageBar,em as MessageBarDefinition,Va as MockElementInternals,Gl as Modal,cd as ModalDefinition,Yl as ModalEventNames,Ql as ModalFreItem,pd as ModalFreItemDefinition,Wl as ModalModes,Ad as MultiView,_d as MultiViewController,Hd as MultiViewControllerDefinition,Bd as MultiViewDefinition,Rd as MultiViewEventNames,Nd as MultiViewGroup,Kd as MultiViewGroupDefinition,Wd as MultiViewGroupPositions,Lm as OptionGroup,Tm as OptionGroupDefinition,tc as Overflow,sc as OverflowAxisValues,nc as OverflowDefinition,rc as OverflowDirections,Gd as OverflowDivider,uc as OverflowDividerDefinition,cc as OverflowDividerStyles,Yd as OverflowEventNames,Jd as OverflowItem,dc as OverflowItemDefinition,ac as OverflowItemStyles,oc as OverflowStyles,Bc as Pagination,Fc as PaginationDefinition,Pc as PaginationEventNames,Rc as PaginationVariants,Lc as Popover,Tc as PopoverDefinition,xc as PopoverEventNames,yc as PopoverPositions,$c as PopoverRepositionModes,Sc as PopoverStyles,Mc as PopoverTemplate,wc as PositioningShorthand,Pm as ProgressBar,Rm as ProgressBarDefinition,zm as ProgressBarShapes,Am as ProgressBarThicknesses,Om as ProgressBarValidationStates,Dm as Radio,Fm as RadioDefinition,Bm as RadioGroup,Vm as RadioGroupDefinition,_m as RadioGroupOrientations,Hm as RatingDisplay,Nm as RatingDisplayColors,jm as RatingDisplayDefinition,qm as RatingDisplaySizes,sb as SearchBox,eb as SearchBoxAppearances,Jm as SearchBoxControlSizes,db as SearchBoxDefinition,ib as SearchBoxEventNames,ob as SearchBoxImplicitSubmissionBlockingTypes,tb as SearchBoxTypes,gh as SimpleTable,wh as SimpleTableDefinition,cb as Slider,gb as SliderDefinition,mb as SliderEventNames,hb as SliderModes,ub as SliderOrientations,pb as SliderSizes,_p as SlottableInputs,dh as SortDirections,kb as SpinButton,fb as SpinButtonAppearances,$b as SpinButtonBounds,wb as SpinButtonControlSizes,Mb as SpinButtonDefinition,xb as SpinButtonEventNames,yb as SpinButtonSpinStates,Ib as SpinButtonStyles,Sb as SpinButtonTemplate,Cd as Spinner,kd as SpinnerAppearances,Ed as SpinnerDefinition,Id as SpinnerSizes,ih as SvgIcon,rh as SvgIconDefinition,Tb as Switch,Pb as SwitchDefinition,Rb as Tab,zb as TabDefinition,lh as Table,ch as TableCell,ph as TableCellDefinition,yh as TableCellSizes,hh as TableCellStyles,uh as TableCellTemplate,vh as TableDefinition,mh as TableStyles,bh as TableTemplate,_b as Tablist,Ab as TablistAppearances,Vb as TablistDefinition,Bb as TablistEventNames,Ob as TablistOrientations,Db as TablistSizes,Lh as Tag,kh as TagAppearances,Ph as TagDefinition,Ih as TagEventNames,Ch as TagShapes,$h as TagSizes,xh as TagTextSizes,Dh as TeachingBubble,Vh as TeachingBubbleDefinition,Ah as TeachingBubbleEventNames,zh as TeachingBubblePlacements,Rh as TeachingBubbleSizes,Ub as Text,Zb as TextAligns,Fb as TextArea,jb as TextAreaAppearances,Kb as TextAreaAppearancesForDisplayShadows,Nb as TextAreaAutocompletes,Hb as TextAreaDefinition,qb as TextAreaResizes,Xb as TextAreaSizes,Gb as TextDefinition,Qb as TextFonts,Qm as TextInput,Km as TextInputAppearances,Xm as TextInputControlSizes,Yb as TextInputDefinition,rb as TextInputStyles,Wb as TextInputTemplate,Wm as TextInputTypes,Jb as TextSizes,ev as TextWeights,lv as ToggleButton,dv as ToggleButtonAppearances,mv as ToggleButtonDefinition,pv as ToggleButtonFormTargets,cv as ToggleButtonShapes,hv as ToggleButtonSizes,uv as ToggleButtonTypes,bv as Tooltip,vv as TooltipDefinition,gv as TooltipPositioningOptions,tv as Tree,ov as TreeDefinition,iv as TreeItem,av as TreeItemDefinition,rv as TreeItemStyles,sv as TreeItemTemplate,Bp as ValidationFlags,Gh as Wizard,Jh as WizardDefinition,Yh as WizardEvents,Xh as WizardPanel,ou as WizardPanelDefinition,jh as WizardPanelEventNames,Nh as WizardPanelStates,Wh as WizardStep,au as WizardStepDefinition,Hh as WizardStepEvents,Fh as WizardStepStates,Aa as applyMixins,Fa as attachMockElementInternals,Qa as clamp,qa as composeDefinitions,Ea as createRovingFocusController,_s as createUniqueId,Da as debounce,Ba as debug,pl as defineCarousel,Gc as definePagination,xr as disabledState,Cr as expandedState,Na as fromFAST,ga as getDirection,Wc as getOptionsFromElement,ka as globalDirectionDetector,_a as inputElementMethods,Ua as isActionModifierKey,Ta as isDisabledElement,Ra as isFocusableElement,Pa as isHiddenElement,Kc as isOptionGroup,fa as isRtl,Sm as optionGroupStyles,Mm as optionGroupTemplate,Ja as precisionRound,Ns as roleForMenuGroup,Hs as roleForMenuItem,Oa as setAttributes,za as setChildrenFocusability,Ca as setGlobalDirectionDetector,Ga as staticallyCompose,Ds as toggleState,Za as whitespaceFilter};
|
|
205
215
|
//# sourceMappingURL=index.min.js.map
|