@fabric-msft/fabric-web 4.0.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +154 -0
- package/CHANGELOG.md +53 -1
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts +1 -1
- package/dist/dts/components/accordion-menu/accordion-menu.template.d.ts.map +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.template.d.ts +1 -1
- package/dist/dts/components/accordion-menu-panel/accordion-menu-panel.template.d.ts.map +1 -1
- package/dist/dts/components/button/button.d.ts +1 -1
- package/dist/dts/components/button/button.d.ts.map +1 -1
- package/dist/dts/components/card/card.template.d.ts +1 -1
- package/dist/dts/components/card/card.template.d.ts.map +1 -1
- package/dist/dts/components/card-footer/card-footer.template.d.ts +1 -1
- package/dist/dts/components/card-footer/card-footer.template.d.ts.map +1 -1
- package/dist/dts/components/card-header/card-header.template.d.ts +1 -1
- package/dist/dts/components/card-header/card-header.template.d.ts.map +1 -1
- package/dist/dts/components/card-preview/card-preview.template.d.ts +1 -1
- package/dist/dts/components/card-preview/card-preview.template.d.ts.map +1 -1
- package/dist/dts/components/carousel/carousel.template.d.ts +1 -1
- package/dist/dts/components/carousel/carousel.template.d.ts.map +1 -1
- package/dist/dts/components/compound-button/compound-button.d.ts +1 -1
- package/dist/dts/components/compound-button/compound-button.d.ts.map +1 -1
- package/dist/dts/components/compound-button/compound-button.options.d.ts +1 -1
- package/dist/dts/components/compound-button/compound-button.options.d.ts.map +1 -1
- package/dist/dts/components/counter-badge/counter-badge.definition.d.ts +1 -1
- package/dist/dts/components/counter-badge/counter-badge.definition.d.ts.map +1 -1
- package/dist/dts/components/counter-badge/counter-badge.options.d.ts +64 -0
- package/dist/dts/components/counter-badge/counter-badge.options.d.ts.map +1 -0
- package/dist/dts/components/counter-badge/index.d.ts +4 -3
- package/dist/dts/components/counter-badge/index.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.d.ts +1 -1
- package/dist/dts/components/filter-pill/filter-pill.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.styles.d.ts.map +1 -1
- package/dist/dts/components/filter-pill/filter-pill.template.d.ts +1 -1
- package/dist/dts/components/filter-pill/filter-pill.template.d.ts.map +1 -1
- package/dist/dts/components/loading-button/loading-button.template.d.ts +1 -1
- package/dist/dts/components/loading-button/loading-button.template.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.d.ts +1 -1
- package/dist/dts/components/menu/menu.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.positioning.d.ts +2 -2
- package/dist/dts/components/menu/menu.positioning.d.ts.map +1 -1
- package/dist/dts/components/menu/menu.template.d.ts +1 -1
- package/dist/dts/components/menu/menu.template.d.ts.map +1 -1
- package/dist/dts/components/multi-view/multi-view.template.d.ts +1 -1
- package/dist/dts/components/multi-view/multi-view.template.d.ts.map +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.styles.d.ts.map +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.template.d.ts +1 -1
- package/dist/dts/components/multi-view-controller/multi-view-controller.template.d.ts.map +1 -1
- package/dist/dts/components/multi-view-group/multi-view-group.template.d.ts +1 -1
- package/dist/dts/components/multi-view-group/multi-view-group.template.d.ts.map +1 -1
- package/dist/dts/components/option-group/option-group.template.d.ts +1 -1
- package/dist/dts/components/option-group/option-group.template.d.ts.map +1 -1
- package/dist/dts/components/popover/index.d.ts +1 -1
- package/dist/dts/components/popover/index.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.d.ts +6 -6
- package/dist/dts/components/popover/popover.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.options.d.ts +24 -9
- package/dist/dts/components/popover/popover.options.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.styles.d.ts.map +1 -1
- package/dist/dts/components/popover/popover.template.d.ts +1 -1
- package/dist/dts/components/popover/popover.template.d.ts.map +1 -1
- package/dist/dts/components/popover/positioning.d.ts +1 -1
- package/dist/dts/components/popover/positioning.d.ts.map +1 -1
- package/dist/dts/components/search-box/index.d.ts +1 -1
- package/dist/dts/components/search-box/index.d.ts.map +1 -1
- package/dist/dts/components/search-box/search-box.template.d.ts +1 -1
- package/dist/dts/components/search-box/search-box.template.d.ts.map +1 -1
- package/dist/dts/components/svg-icon/scripts/sprite-builder.d.ts +1 -1
- package/dist/dts/components/svg-icon/scripts/sprite-builder.d.ts.map +1 -1
- package/dist/dts/components/svg-icon/svg-icon.styles.d.ts.map +1 -1
- package/dist/dts/components/table/index.d.ts +6 -5
- package/dist/dts/components/table/index.d.ts.map +1 -1
- package/dist/dts/components/table/table.d.ts +1 -1
- package/dist/dts/components/table/table.d.ts.map +1 -1
- package/dist/dts/components/table/table.options.d.ts +4 -4
- package/dist/dts/components/table/table.options.d.ts.map +1 -1
- package/dist/dts/components/table/table.styles.d.ts.map +1 -1
- package/dist/dts/components/table/table.template.d.ts +1 -1
- package/dist/dts/components/table/table.template.d.ts.map +1 -1
- package/dist/dts/components/table-cell/index.d.ts +6 -5
- package/dist/dts/components/table-cell/index.d.ts.map +1 -1
- package/dist/dts/components/table-cell/table-cell.options.d.ts +2 -2
- package/dist/dts/components/table-cell/table-cell.options.d.ts.map +1 -1
- package/dist/dts/components/table-cell/table-cell.template.d.ts +1 -1
- package/dist/dts/components/table-cell/table-cell.template.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.d.ts +1 -1
- package/dist/dts/components/tag/tag.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.styles.d.ts.map +1 -1
- package/dist/dts/components/tag/tag.template.d.ts +1 -1
- package/dist/dts/components/tag/tag.template.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/index.d.ts +2 -0
- package/dist/dts/components/teaching-bubble/index.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.d.ts +1 -12
- package/dist/dts/components/teaching-bubble/teaching-bubble.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.styles.d.ts.map +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.template.d.ts +1 -1
- package/dist/dts/components/teaching-bubble/teaching-bubble.template.d.ts.map +1 -1
- package/dist/dts/components/text/index.d.ts +4 -3
- package/dist/dts/components/text/index.d.ts.map +1 -1
- package/dist/dts/components/text/text.d.ts +3 -3
- package/dist/dts/components/text/text.options.d.ts +35 -0
- package/dist/dts/components/text/text.options.d.ts.map +1 -0
- package/dist/dts/components/text-input/index.d.ts +1 -1
- package/dist/dts/components/text-input/index.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.styles.d.ts.map +1 -1
- package/dist/dts/components/text-input/text-input.template.d.ts +1 -2
- package/dist/dts/components/text-input/text-input.template.d.ts.map +1 -1
- package/dist/dts/components/textarea/index.d.ts +5 -3
- package/dist/dts/components/textarea/index.d.ts.map +1 -1
- package/dist/dts/components/textarea/textarea.options.d.ts +39 -0
- package/dist/dts/components/textarea/textarea.options.d.ts.map +1 -0
- package/dist/dts/components/tooltip/tooltip.d.ts +22 -0
- package/dist/dts/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/dts/components/wizard/index.d.ts +1 -1
- package/dist/dts/components/wizard/index.d.ts.map +1 -1
- package/dist/dts/components/wizard/wizard.template.d.ts +1 -1
- package/dist/dts/components/wizard/wizard.template.d.ts.map +1 -1
- package/dist/dts/components/wizard-panel/wizard-panel.template.d.ts +1 -1
- package/dist/dts/components/wizard-panel/wizard-panel.template.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/index.d.ts +1 -1
- package/dist/dts/components/wizard-step/index.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.styles.d.ts.map +1 -1
- package/dist/dts/components/wizard-step/wizard-step.template.d.ts +1 -1
- package/dist/dts/components/wizard-step/wizard-step.template.d.ts.map +1 -1
- package/dist/dts/index.d.ts +17 -11
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/util/template-helpers.d.ts +2 -1
- package/dist/dts/util/template-helpers.d.ts.map +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.js.map +1 -1
- package/dist/esm/components/accordion-menu/accordion-menu.template.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js +1 -0
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js +3 -2
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map +1 -1
- package/dist/esm/components/accordion-menu-panel/accordion-menu-panel.template.js.map +1 -1
- package/dist/esm/components/button/button.js.map +1 -1
- package/dist/esm/components/card/card.js.map +1 -1
- package/dist/esm/components/card/card.template.js.map +1 -1
- package/dist/esm/components/card-footer/card-footer.template.js.map +1 -1
- package/dist/esm/components/card-header/card-header.template.js.map +1 -1
- package/dist/esm/components/card-preview/card-preview.template.js.map +1 -1
- package/dist/esm/components/carousel/carousel.template.js.map +1 -1
- package/dist/esm/components/compound-button/compound-button.js.map +1 -1
- package/dist/esm/components/counter-badge/counter-badge.definition.js.map +1 -1
- package/dist/esm/components/counter-badge/counter-badge.options.js +32 -0
- package/dist/esm/components/counter-badge/counter-badge.options.js.map +1 -0
- package/dist/esm/components/counter-badge/define.js +2 -2
- package/dist/esm/components/counter-badge/define.js.map +1 -1
- package/dist/esm/components/counter-badge/index.js +3 -3
- package/dist/esm/components/counter-badge/index.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.styles.js +3 -2
- package/dist/esm/components/filter-pill/filter-pill.styles.js.map +1 -1
- package/dist/esm/components/filter-pill/filter-pill.template.js.map +1 -1
- package/dist/esm/components/loading-button/loading-button.js.map +1 -1
- package/dist/esm/components/loading-button/loading-button.template.js +3 -5
- package/dist/esm/components/loading-button/loading-button.template.js.map +1 -1
- package/dist/esm/components/menu/menu.js +1 -0
- package/dist/esm/components/menu/menu.js.map +1 -1
- package/dist/esm/components/menu/menu.positioning.js.map +1 -1
- package/dist/esm/components/menu/menu.template.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.styles.js +4 -3
- package/dist/esm/components/menu-item/menu-item.styles.js.map +1 -1
- package/dist/esm/components/menu-item/menu-item.template.js +1 -0
- package/dist/esm/components/menu-item/menu-item.template.js.map +1 -1
- package/dist/esm/components/multi-view/multi-view.template.js +1 -0
- package/dist/esm/components/multi-view/multi-view.template.js.map +1 -1
- package/dist/esm/components/multi-view-controller/multi-view-controller.styles.js +3 -2
- package/dist/esm/components/multi-view-controller/multi-view-controller.styles.js.map +1 -1
- package/dist/esm/components/multi-view-controller/multi-view-controller.template.js.map +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.js +1 -0
- package/dist/esm/components/multi-view-group/multi-view-group.js.map +1 -1
- package/dist/esm/components/multi-view-group/multi-view-group.template.js.map +1 -1
- package/dist/esm/components/option-group/option-group.template.js.map +1 -1
- package/dist/esm/components/popover/index.js +1 -1
- package/dist/esm/components/popover/index.js.map +1 -1
- package/dist/esm/components/popover/popover.js +6 -5
- package/dist/esm/components/popover/popover.js.map +1 -1
- package/dist/esm/components/popover/popover.options.js +11 -8
- package/dist/esm/components/popover/popover.options.js.map +1 -1
- package/dist/esm/components/popover/popover.styles.js +29 -3
- package/dist/esm/components/popover/popover.styles.js.map +1 -1
- package/dist/esm/components/popover/popover.template.js +1 -2
- package/dist/esm/components/popover/popover.template.js.map +1 -1
- package/dist/esm/components/popover/positioning.js.map +1 -1
- package/dist/esm/components/search-box/index.js +1 -1
- package/dist/esm/components/search-box/index.js.map +1 -1
- package/dist/esm/components/search-box/search-box.options.js +8 -2
- package/dist/esm/components/search-box/search-box.styles.js +3 -2
- package/dist/esm/components/search-box/search-box.styles.js.map +1 -1
- package/dist/esm/components/search-box/search-box.template.js.map +1 -1
- package/dist/esm/components/svg-icon/scripts/sprite-builder.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.styles.js +3 -2
- package/dist/esm/components/svg-icon/svg-icon.styles.js.map +1 -1
- package/dist/esm/components/svg-icon/svg-icon.template.js +1 -0
- package/dist/esm/components/svg-icon/svg-icon.template.js.map +1 -1
- package/dist/esm/components/table/index.js +5 -5
- package/dist/esm/components/table/index.js.map +1 -1
- package/dist/esm/components/table/table.options.js +2 -2
- package/dist/esm/components/table/table.options.js.map +1 -1
- package/dist/esm/components/table/table.styles.js +2 -1
- package/dist/esm/components/table/table.styles.js.map +1 -1
- package/dist/esm/components/table/table.template.js +3 -3
- package/dist/esm/components/table/table.template.js.map +1 -1
- package/dist/esm/components/table-cell/index.js +5 -5
- package/dist/esm/components/table-cell/index.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.options.js +2 -2
- package/dist/esm/components/table-cell/table-cell.options.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.styles.js +1 -1
- package/dist/esm/components/table-cell/table-cell.styles.js.map +1 -1
- package/dist/esm/components/table-cell/table-cell.template.js.map +1 -1
- package/dist/esm/components/tag/tag.js.map +1 -1
- package/dist/esm/components/tag/tag.styles.js +3 -2
- package/dist/esm/components/tag/tag.styles.js.map +1 -1
- package/dist/esm/components/tag/tag.template.js.map +1 -1
- package/dist/esm/components/teaching-bubble/index.js +2 -0
- package/dist/esm/components/teaching-bubble/index.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.js +7 -22
- package/dist/esm/components/teaching-bubble/teaching-bubble.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.styles.js +2 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.styles.js.map +1 -1
- package/dist/esm/components/teaching-bubble/teaching-bubble.template.js +1 -0
- package/dist/esm/components/teaching-bubble/teaching-bubble.template.js.map +1 -1
- package/dist/esm/components/text/define.js +2 -2
- package/dist/esm/components/text/define.js.map +1 -1
- package/dist/esm/components/text/index.js +3 -3
- package/dist/esm/components/text/index.js.map +1 -1
- package/dist/esm/components/text/text.definition.js.map +1 -1
- package/dist/esm/components/text/text.js +3 -3
- package/dist/esm/components/text/text.options.js +16 -0
- package/dist/esm/components/text/text.options.js.map +1 -0
- package/dist/esm/components/text-input/index.js +1 -1
- package/dist/esm/components/text-input/index.js.map +1 -1
- package/dist/esm/components/text-input/text-input.styles.js +2 -1
- package/dist/esm/components/text-input/text-input.styles.js.map +1 -1
- package/dist/esm/components/text-input/text-input.template.js +2 -3
- package/dist/esm/components/text-input/text-input.template.js.map +1 -1
- package/dist/esm/components/textarea/index.js +4 -3
- package/dist/esm/components/textarea/index.js.map +1 -1
- package/dist/esm/components/textarea/textarea.options.js +22 -0
- package/dist/esm/components/textarea/textarea.options.js.map +1 -0
- package/dist/esm/components/tooltip/tooltip.js +59 -1
- package/dist/esm/components/tooltip/tooltip.js.map +1 -1
- package/dist/esm/components/wizard/index.js.map +1 -1
- package/dist/esm/components/wizard/wizard.js +2 -0
- package/dist/esm/components/wizard/wizard.js.map +1 -1
- package/dist/esm/components/wizard/wizard.template.js +2 -1
- package/dist/esm/components/wizard/wizard.template.js.map +1 -1
- package/dist/esm/components/wizard-panel/wizard-panel.template.js +1 -0
- package/dist/esm/components/wizard-panel/wizard-panel.template.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.styles.js +2 -1
- package/dist/esm/components/wizard-step/wizard-step.styles.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.template.js +1 -0
- package/dist/esm/components/wizard-step/wizard-step.template.js.map +1 -1
- package/dist/esm/components/wizard-step/wizard-step.unit.component.js +1 -0
- package/dist/esm/components/wizard-step/wizard-step.unit.component.js.map +1 -1
- package/dist/esm/index.js +11 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/util/template-helpers.js.map +1 -1
- package/dist/index.d.ts +210 -50
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15250 -15046
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +100 -74
- package/dist/index.min.js.map +1 -1
- package/package.json +8 -8
package/dist/index.min.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import{display as e,spacingHorizontalXL as t,spacingHorizontalL as o,spacingVerticalXXS as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingVerticalXXXL as s,spacingHorizontalS as a,fontFamilyBase as l,fontSizeBase300 as d,fontWeightRegular as c,lineHeightBase300 as h,spacingHorizontalMNudge as u,spacingHorizontalXS as p,colorNeutralForeground1 as m,colorTransparentBackground as g,colorNeutralBackground1Hover as f,colorNeutralForeground2Hover as b,colorNeutralBackground1Pressed as v,colorNeutralForeground2Pressed as w,colorNeutralForegroundDisabled as y,fontSizeBase200 as x,lineHeightBase200 as $,fontSizeBase400 as k,lineHeightBase400 as C,fontSizeBase500 as S,lineHeightBase500 as B,spacingHorizontalXXS as I,spacingHorizontalSNudge as E,shadow4 as L,colorBrandBackground2 as M,strokeWidthThick as P,colorTransparentStroke as R,colorNeutralBackground1 as O,strokeWidthThin as A,colorNeutralBackground2 as N,colorNeutralStroke1 as D,colorSubtleBackground as F,colorTransparentStrokeInteractive as T,shadow8 as z,colorNeutralBackground2Hover as H,colorNeutralBackground2Pressed as V,colorTransparentBackgroundHover as _,colorNeutralStroke1Hover as j,colorTransparentBackgroundPressed as W,colorNeutralStroke1Pressed as K,colorSubtleBackgroundHover as q,colorSubtleBackgroundPressed as G,colorNeutralBackground1Selected as U,colorSubtleBackgroundSelected as X,colorNeutralStroke1Selected as Z,colorTransparentBackgroundSelected as Y,colorNeutralBackground2Selected as Q,colorNeutralBackgroundDisabled as J,colorTransparentStrokeDisabled as ee,shadow2 as te,spacingHorizontalM as oe,spacingVerticalS as ne,fontWeightBold as ie,spacingVerticalM as re,BaseButton as se,ButtonType as ae,ButtonFormTarget as le,ButtonAppearance as de,ButtonShape as ce,ButtonSize as he,ButtonStyles as ue,colorBrandBackground as pe,colorNeutralForegroundOnBrand as me,colorNeutralStrokeOnBrand as ge,colorBrandBackgroundHover as fe,colorBrandBackgroundPressed as be,ButtonTemplate as ve,colorNeutralBackground4 as we,spacingHorizontalXXXL as ye,fontWeightSemibold as xe,durationFaster as $e,curveEasyEase as ke,colorNeutralForeground1Hover as Ce,colorNeutralForeground1Pressed as Se,fontSizeBase600 as Be,spacingVerticalXL as Ie,spacingVerticalXXL as Ee,borderRadiusSmall as Le,borderRadiusLarge as Me,spacingHorizontalXXL as Pe,borderRadiusCircular as Re,borderRadiusNone as Oe,colorNeutralBackground4Hover as Ae,colorNeutralStroke2 as Ne,colorNeutralBackgroundInverted as De,colorNeutralForeground2 as Fe,colorNeutralForeground2BrandHover as Te,colorNeutralForeground2BrandPressed as ze,colorNeutralStrokeDisabled as He,colorNeutralForegroundInverted as Ve,colorNeutralForeground2Selected as _e,colorNeutralForeground2BrandSelected as je,CompoundButtonStyles as We,CompoundButtonTemplate as Ke,Button as qe,startSlotTemplate as Ge,endSlotTemplate as Ue,forcedColorsStylesheetBehavior as Xe,ButtonDefinition as Ze,typographyCaption1Styles as Ye,typographyCaption2Styles as Qe,typographyBody1Styles as Je,colorNeutralBackground3 as et,colorBrandForeground1 as tt,spacingHorizontalNone as ot,spacingVerticalL as nt,spacingVerticalXS as it,shadow16 as rt,colorNeutralForeground3 as st,colorBrandForeground2 as at,colorPaletteRedForeground3 as lt,AccordionItem as dt,AccordionItemMarkerPosition as ct,AccordionItemSize as ht,accordionItemStyles as ut,accordionItemTemplate as pt,Accordion as mt,accordionStyles as gt,accordionTemplate as ft,AccordionExpandMode as bt,Link as vt,LinkAppearance as wt,LinkTarget as yt,AnchorTarget as xt,LinkStyles as $t,LinkTemplate as kt,Avatar as Ct,AvatarActive as St,AvatarAppearance as Bt,AvatarColor as It,AvatarNamedColor as Et,AvatarShape as Lt,AvatarSize as Mt,AvatarStyles as Pt,AvatarTemplate as Rt,Badge as Ot,BadgeAppearance as At,BadgeColor as Nt,BadgeShape as Dt,BadgeSize as Ft,BadgeStyles as Tt,BadgeTemplate as zt,Checkbox as Ht,CheckboxShape as Vt,CheckboxSize as _t,CheckboxStyles as jt,CheckboxTemplate as Wt,CounterBadge as Kt,CounterBadgeStyles as qt,CounterBadgeTemplate as Gt,Dialog as Ut,DialogStyles as Xt,DialogTemplate as Zt,DialogBody as Yt,DialogBodyStyles as Qt,DialogBodyTemplate as Jt,Divider as eo,DividerAlignContent as to,DividerAppearance as oo,DividerOrientation as no,DividerRole as io,DividerStyles as ro,DividerTemplate as so,Drawer as ao,DrawerPosition as lo,DrawerSize as co,DrawerType as ho,DrawerStyles as uo,DrawerTemplate as po,DrawerBody as mo,DrawerBodyStyles as go,DrawerBodyTemplate as fo,Dropdown as bo,DropdownAppearance as vo,DropdownSize as wo,DropdownType as yo,DropdownStyles as xo,DropdownTemplate as $o,DropdownOption as ko,DropdownOptionStyles as Co,DropdownOptionTemplate as So,isDropdownOption as Bo,Listbox as Io,ListboxStyles as Eo,ListboxTemplate as Lo,Field as Mo,FieldStyles as Po,FieldTemplate as Ro,Image as Oo,ImageFit as Ao,ImageShape as No,ImageStyles as Do,ImageTemplate as Fo,Label as To,LabelStyles as zo,LabelTemplate as Ho,LabelSize as Vo,LabelWeight as _o,AnchorButton as jo,AnchorButtonAppearance as Wo,AnchorButtonShape as Ko,AnchorButtonSize as qo,ToggleButtonStyles as Go,AnchorButtonTemplate as Uo,MessageBar as Xo,MessageBarStyles as Zo,MessageBarTemplate as Yo,MenuButton as Qo,MenuButtonStyles as Jo,MenuButtonTemplate as en,colorCompoundBrandForeground1Pressed as tn,ProgressBar as on,ProgressBarStyles as nn,ProgressBarTemplate as rn,ProgressBarShape as sn,ProgressBarThickness as an,ProgressBarValidationState as ln,RadioGroup as dn,RadioGroupOrientation as cn,RadioGroupStyles as hn,RadioGroupTemplate as un,Radio as pn,RadioStyles as mn,RadioTemplate as gn,RatingDisplay as fn,RatingDisplayStyles as bn,RatingDisplayTemplate as vn,RatingDisplayColor as wn,RatingDisplaySize as yn,StartEnd as xn,colorNeutralStrokeAccessible as $n,colorPaletteRedBorder2 as kn,colorCompoundBrandStroke as Cn,durationUltraFast as Sn,curveAccelerateMid as Bn,colorNeutralForeground4 as In,colorNeutralStrokeAccessibleHover as En,durationNormal as Ln,curveDecelerateMid as Mn,colorCompoundBrandStrokePressed as Pn,colorNeutralStrokeAccessiblePressed as Rn,Slider as On,SliderMode as An,SliderOrientation as Nn,SliderSize as Dn,SliderStyles as Fn,SliderTemplate as Tn,Spinner as zn,SpinnerAppearance as Hn,SpinnerSize as Vn,SpinnerStyles as _n,SpinnerTemplate as jn,Switch as Wn,SwitchStyles as Kn,SwitchTemplate as qn,Tab as Gn,TabStyles as Un,TabTemplate as Xn,TablistAppearance as Zn,TablistOrientation as Yn,TablistSize as Qn,Tablist as Jn,TablistStyles as ei,TablistTemplate as ti,TextArea as oi,TextAreaStyles as ni,TextAreaTemplate as ii,Text as ri,TextStyles as si,TextTemplate as ai,Tree as li,TreeStyles as di,TreeTemplate as ci,TreeItem as hi,TreeItemStyles as ui,TreeItemTemplate as pi,ToggleButton as mi,ToggleButtonAppearance as gi,ToggleButtonShape as fi,ToggleButtonSize as bi,ToggleButtonTemplate as vi,Tooltip as wi,TooltipStyles as yi,TooltipTemplate as xi,TooltipPositioningOption as $i}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,CounterBadgeAppearance,CounterBadgeColor,CounterBadgeShape,CounterBadgeSize,CounterBadgeStyles,CounterBadgeTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAlign,TextAreaAppearance,TextAreaAppearancesForDisplayShadow,TextAreaAutocomplete,TextAreaResize,TextAreaSize,TextAreaStyles,TextAreaTemplate,TextFont,TextSize,TextStyles,TextTemplate,TextWeight,TreeItemStyles,TreeItemTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as ki,Updates as Ci,observable as Si,attr as Bi,Observable as Ii,slotted as Ei,html as Li,css as Mi,ref as Pi,elements as Ri,InlineTemplateDirective as Oi,AttributeConfiguration as Ai,nullableNumberConverter as Ni,when as Di}from"@microsoft/fast-element";function Fi(...e){return e.every(e=>e instanceof HTMLElement)}const Ti="ArrowDown",zi="ArrowUp",Hi="End",Vi="Enter",_i="Escape",ji="Home",Wi=" ",Ki="Tab";let qi=0;function Gi(e=""){return`${e}${qi++}`}CSS.supports("anchor-name: --a");const Ui=CSS.supports("selector(:state(g))"),Xi=new Map;function Zi(e){var t;return null!==(t=Xi.get(e))&&void 0!==t?t:Xi.set(e,Ui?`:state(${e})`:`[state--${e}]`).get(e)}function Yi(e,t,o){t&&e&&(Ui?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function Qi(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}var Ji=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class er extends ki{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 Vi:case Wi:e.preventDefault(),this.expanded=!this.expanded;break;case _i: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=Gi("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Ci.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&&(Yi(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){Yi(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&Yi(this.elementInternals,e,!1),t&&Yi(this.elementInternals,t,!0)}blockChanged(e,t){Yi(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&Yi(this.elementInternals,`align-${e}`,!1),t&&Yi(this.elementInternals,`align-${t}`,!0)}}Ji([Si],er.prototype,"menuList",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"expanded",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"disabled",void 0),Ji([Bi],er.prototype,"id",void 0),Ji([Bi],er.prototype,"size",void 0),Ji([Bi({mode:"boolean"})],er.prototype,"block",void 0),Ji([Bi({attribute:"marker-position"})],er.prototype,"markerPosition",void 0);const tr={single:"single",multi:"multi"},or={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},nr={[or.menuitem]:"menuitem",[or.menuitemcheckbox]:"menuitemcheckbox",[or.menuitemradio]:"menuitemradio"},ir={group:"group"},rr={group:ir.group};var sr,ar,lr,dr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},cr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class hr extends ki{constructor(){super(...arguments),sr.add(this),this.elementInternals=this.attachInternals(),this.role=or.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Vi:case Wi:return this.invoke(),!1;case"ArrowRight":return!this.disabled&&ur(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case"ArrowLeft":{const e=this.parentElement;return ur(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case or.menuitemcheckbox:this.checked=!this.checked;break;case or.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case or.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,Yi(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:or.menuitem;const o=(null!=t?t:or.menuitem)!==or.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,Yi(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==or.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,Yi(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",Yi(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,Yi(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:or.menuitem,cr(this,sr,"m",ar).call(this)}disconnectedCallback(){super.disconnectedCallback(),cr(this,sr,"m",lr).call(this)}}function ur(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}sr=new WeakSet,ar=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},lr=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},dr([Bi({mode:"boolean"})],hr.prototype,"disabled",void 0),dr([Bi],hr.prototype,"role",void 0),dr([Bi({mode:"boolean"})],hr.prototype,"checked",void 0),dr([Bi({mode:"boolean"})],hr.prototype,"hidden",void 0),dr([Si],hr.prototype,"slottedSubmenu",void 0),dr([Si],hr.prototype,"submenu",void 0);var pr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class mr extends ki{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Fi(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===or.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===or.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof hr||Fi(e)&&e.getAttribute("role")in mr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ci.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 Ti:return void this.setFocus(this.focusIndex+1,1);case zi:return void this.setFocus(this.focusIndex-1,-1);case Hi:return void this.setFocus(this.menuItems.length-1,-1);case ji:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ii.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==or.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ii.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=mr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof hr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}mr.focusableElementRoles=or,pr([Si],mr.prototype,"items",void 0);var gr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class fr extends ki{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=tr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof hr||Fi(e)&&e.getAttribute("role")in mr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ii.getNotifier(e).unsubscribe(this,"disabled"),Ii.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ci.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 hr&&(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=>Ii.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof er&&Ii.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=fr.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof hr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==or.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")))})}}gr([Bi({attribute:"expand-mode"})],fr.prototype,"expandmode",void 0),gr([Si],fr.prototype,"slottedElements",void 0);const br=Li`<template class="accordion-menu"><slot ${Ei({property:"slottedElements"})}></slot></template>`,vr=Mi`
|
|
1
|
+
import{display as e,spacingHorizontalXL as t,spacingHorizontalL as o,spacingVerticalXXS as n,borderRadiusMedium as i,colorStrokeFocus2 as r,spacingHorizontalS as s,fontFamilyBase as a,fontSizeBase300 as l,fontWeightRegular as d,lineHeightBase300 as c,spacingHorizontalMNudge as h,spacingHorizontalXS as u,colorNeutralForeground1 as p,colorTransparentBackground as m,colorNeutralBackground1Hover as g,colorNeutralForeground2Hover as b,colorNeutralBackground1Pressed as f,colorNeutralForeground2Pressed as v,colorNeutralForegroundDisabled as w,fontSizeBase200 as y,lineHeightBase200 as x,fontSizeBase400 as $,lineHeightBase400 as k,fontSizeBase500 as C,lineHeightBase500 as S,spacingHorizontalXXS as B,spacingHorizontalSNudge as I,shadow4 as E,colorBrandBackground2 as L,strokeWidthThick as M,colorTransparentStroke as P,colorNeutralBackground1 as R,strokeWidthThin as O,colorNeutralBackground2 as A,colorNeutralStroke1 as z,colorSubtleBackground as N,colorTransparentStrokeInteractive as T,shadow8 as D,colorNeutralBackground2Hover as F,colorNeutralBackground2Pressed as H,colorTransparentBackgroundHover as V,colorNeutralStroke1Hover as _,colorTransparentBackgroundPressed as j,colorNeutralStroke1Pressed as W,colorSubtleBackgroundHover as K,colorSubtleBackgroundPressed as q,colorNeutralBackground1Selected as G,colorSubtleBackgroundSelected as X,colorNeutralStroke1Selected as U,colorTransparentBackgroundSelected as Z,colorNeutralBackground2Selected as Y,colorNeutralBackgroundDisabled as Q,colorTransparentStrokeDisabled as J,shadow2 as ee,spacingHorizontalM as te,spacingVerticalS as oe,fontWeightBold as ne,spacingVerticalM as ie,BaseButton as re,ButtonType as se,ButtonFormTarget as ae,ButtonAppearance as le,ButtonShape as de,ButtonSize as ce,ButtonStyles as he,colorBrandBackground as ue,colorNeutralForegroundOnBrand as pe,colorNeutralStrokeOnBrand as me,colorBrandBackgroundHover as ge,colorBrandBackgroundPressed as be,ButtonTemplate as fe,colorNeutralBackground4 as ve,spacingHorizontalXXXL as we,fontWeightSemibold as ye,durationFaster as xe,curveEasyEase as $e,colorNeutralForeground1Hover as ke,colorNeutralForeground1Pressed as Ce,fontSizeBase600 as Se,borderRadiusSmall as Be,spacingVerticalXXXL as Ie,borderRadiusLarge as Ee,borderRadiusCircular as Le,borderRadiusNone as Me,colorNeutralBackground4Hover as Pe,colorNeutralStroke2 as Re,colorNeutralBackgroundInverted as Oe,colorNeutralForeground2 as Ae,colorNeutralForeground2BrandHover as ze,colorNeutralForeground2BrandPressed as Ne,colorNeutralStrokeDisabled as Te,colorNeutralForegroundInverted as De,colorNeutralForeground2Selected as Fe,colorNeutralForeground2BrandSelected as He,CompoundButtonStyles as Ve,CompoundButtonTemplate as _e,Button as je,forcedColorsStylesheetBehavior as We,spacingVerticalL as Ke,ButtonDefinition as qe,typographyCaption1Styles as Ge,typographyCaption2Styles as Xe,typographyBody1Styles as Ue,colorNeutralBackground3 as Ze,colorBrandForeground1 as Ye,spacingHorizontalNone as Qe,spacingVerticalXXL as Je,spacingVerticalXS as et,shadow16 as tt,spacingHorizontalXXL as ot,colorNeutralForeground3 as nt,colorBrandForeground2 as it,colorPaletteRedForeground3 as rt,AccordionItem as st,AccordionItemMarkerPosition as at,AccordionItemSize as lt,accordionItemStyles as dt,accordionItemTemplate as ct,Accordion as ht,accordionStyles as ut,accordionTemplate as pt,AccordionExpandMode as mt,Link as gt,LinkAppearance as bt,LinkTarget as ft,AnchorTarget as vt,LinkStyles as wt,LinkTemplate as yt,Avatar as xt,AvatarActive as $t,AvatarAppearance as kt,AvatarColor as Ct,AvatarNamedColor as St,AvatarShape as Bt,AvatarSize as It,AvatarStyles as Et,AvatarTemplate as Lt,Badge as Mt,BadgeAppearance as Pt,BadgeColor as Rt,BadgeShape as Ot,BadgeSize as At,BadgeStyles as zt,BadgeTemplate as Nt,Checkbox as Tt,CheckboxShape as Dt,CheckboxSize as Ft,CheckboxStyles as Ht,CheckboxTemplate as Vt,CounterBadge as _t,CounterBadgeAppearance as jt,CounterBadgeColor as Wt,CounterBadgeShape as Kt,CounterBadgeSize as qt,CounterBadgeStyles as Gt,CounterBadgeTemplate as Xt,Dialog as Ut,DialogStyles as Zt,DialogTemplate as Yt,DialogBody as Qt,DialogBodyStyles as Jt,DialogBodyTemplate as eo,Divider as to,DividerAlignContent as oo,DividerAppearance as no,DividerOrientation as io,DividerRole as ro,DividerStyles as so,DividerTemplate as ao,Drawer as lo,DrawerPosition as co,DrawerSize as ho,DrawerType as uo,DrawerStyles as po,DrawerTemplate as mo,DrawerBody as go,DrawerBodyStyles as bo,DrawerBodyTemplate as fo,Dropdown as vo,DropdownAppearance as wo,DropdownSize as yo,DropdownType as xo,DropdownStyles as $o,DropdownTemplate as ko,DropdownOption as Co,DropdownOptionStyles as So,DropdownOptionTemplate as Bo,isDropdownOption as Io,Listbox as Eo,ListboxStyles as Lo,ListboxTemplate as Mo,Field as Po,FieldStyles as Ro,FieldTemplate as Oo,Image as Ao,ImageFit as zo,ImageShape as No,ImageStyles as To,ImageTemplate as Do,Label as Fo,LabelStyles as Ho,LabelTemplate as Vo,LabelSize as _o,LabelWeight as jo,AnchorButton as Wo,AnchorButtonAppearance as Ko,AnchorButtonShape as qo,AnchorButtonSize as Go,ToggleButtonStyles as Xo,AnchorButtonTemplate as Uo,MessageBar as Zo,MessageBarStyles as Yo,MessageBarTemplate as Qo,MenuButton as Jo,MenuButtonStyles as en,MenuButtonTemplate as tn,colorCompoundBrandForeground1Pressed as on,ProgressBar as nn,ProgressBarStyles as rn,ProgressBarTemplate as sn,ProgressBarShape as an,ProgressBarThickness as ln,ProgressBarValidationState as dn,RadioGroup as cn,RadioGroupOrientation as hn,RadioGroupStyles as un,RadioGroupTemplate as pn,Radio as mn,RadioStyles as gn,RadioTemplate as bn,RatingDisplay as fn,RatingDisplayStyles as vn,RatingDisplayTemplate as wn,RatingDisplayColor as yn,RatingDisplaySize as xn,StartEnd as $n,colorNeutralStrokeAccessible as kn,colorPaletteRedBorder2 as Cn,colorCompoundBrandStroke as Sn,durationUltraFast as Bn,curveAccelerateMid as In,colorNeutralForeground4 as En,colorNeutralStrokeAccessibleHover as Ln,durationNormal as Mn,curveDecelerateMid as Pn,colorCompoundBrandStrokePressed as Rn,colorNeutralStrokeAccessiblePressed as On,Slider as An,SliderMode as zn,SliderOrientation as Nn,SliderSize as Tn,SliderStyles as Dn,SliderTemplate as Fn,Spinner as Hn,SpinnerAppearance as Vn,SpinnerSize as _n,SpinnerStyles as jn,SpinnerTemplate as Wn,Switch as Kn,SwitchStyles as qn,SwitchTemplate as Gn,Tab as Xn,TabStyles as Un,TabTemplate as Zn,TablistAppearance as Yn,TablistOrientation as Qn,TablistSize as Jn,Tablist as ei,TablistStyles as ti,TablistTemplate as oi,TextArea as ni,TextAreaStyles as ii,TextAreaTemplate as ri,TextAreaAppearance as si,TextAreaAppearancesForDisplayShadow as ai,TextAreaAutocomplete as li,TextAreaResize as di,TextAreaSize as ci,Text as hi,TextStyles as ui,TextTemplate as pi,TextAlign as mi,TextFont as gi,TextSize as bi,TextWeight as fi,Tree as vi,TreeStyles as wi,TreeTemplate as yi,TreeItem as xi,TreeItemStyles as $i,TreeItemTemplate as ki,ToggleButton as Ci,ToggleButtonAppearance as Si,ToggleButtonShape as Bi,ToggleButtonSize as Ii,ToggleButtonTemplate as Ei,Tooltip as Li,TooltipStyles as Mi,TooltipTemplate as Pi,TooltipPositioningOption as Ri}from"@fluentui/web-components";export{AnchorButtonTemplate,AvatarStyles,AvatarTemplate,BadgeStyles,BadgeTemplate,BaseAccordionItem,BaseAnchor,BaseAvatar,BaseButton,BaseCheckbox,BaseDivider,BaseField,BaseProgressBar,BaseRatingDisplay,BaseSpinner,BaseTablist,BaseTextArea,BaseTextInput,CheckboxStyles,CheckboxTemplate,DialogBodyStyles,DialogBodyTemplate,DialogTemplate,ListboxStyles,ListboxTemplate,MessageBarIntent,MessageBarLayout,MessageBarShape,MessageBarStyles,MessageBarTemplate,SwitchStyles,SwitchTemplate,TextAreaStyles,TextAreaTemplate,TreeItemStyles,TreeItemTemplate,TreeStyles,TreeTemplate,isDropdownOption,isListbox}from"@fluentui/web-components";import{FASTElement as Oi,attr as Ai,observable as zi,Updates as Ni,Observable as Ti,slotted as Di,html as Fi,css as Hi,ref as Vi,elements as _i,InlineTemplateDirective as ji,AttributeConfiguration as Wi,nullableNumberConverter as Ki,when as qi}from"@microsoft/fast-element";function Gi(...e){return e.every(e=>e instanceof HTMLElement)}const Xi="ArrowDown",Ui="ArrowUp",Zi="End",Yi="Enter",Qi="Escape",Ji="Home",er=" ",tr="Tab";let or=0;function nr(e=""){return`${e}${or++}`}CSS.supports("anchor-name: --a");const ir=CSS.supports("selector(:state(g))"),rr=new Map;function sr(e){var t;return null!==(t=rr.get(e))&&void 0!==t?t:rr.set(e,ir?`:state(${e})`:`[state--${e}]`).get(e)}function ar(e,t,o){t&&e&&(ir?(null!=o?!o:e.states.has(t))?e.states.delete(t):e.states.add(t):e.shadowRoot.host.toggleAttribute(`state--${t}`,o))}function lr(e,t,o,n){t&&n(e,t,!1),o&&n(e,o,!0)}const dr={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"},cr={[dr.menuitem]:"menuitem",[dr.menuitemcheckbox]:"menuitemcheckbox",[dr.menuitemradio]:"menuitemradio"},hr={group:"group"},ur={group:hr.group};var pr,mr,gr,br=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},fr=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class vr extends Oi{constructor(){super(...arguments),pr.add(this),this.elementInternals=this.attachInternals(),this.role=dr.menuitem,this.checked=!1,this.handleMenuItemKeyDown=e=>{var t;if(e.defaultPrevented)return!1;switch(e.key){case Yi:case er:return this.invoke(),!1;case"ArrowRight":return!this.disabled&&wr(this.submenu)&&(this.submenu.togglePopover(!0),this.submenu.focus()),!1;case"ArrowLeft":{const e=this.parentElement;return wr(e)&&(e.togglePopover(!1),null===(t=e.parentElement)||void 0===t||t.focus()),!1}}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=()=>{var e;return this.disabled||null===(e=this.submenu)||void 0===e||e.togglePopover(!0),!1},this.handleMouseOut=()=>{var e;return this.contains(document.activeElement)||null===(e=this.submenu)||void 0===e||e.togglePopover(!1),!1},this.toggleHandler=e=>{"newState"in e&&"open"===e.newState&&(this.setAttribute("tabindex","-1"),this.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),"newState"in e&&"closed"===e.newState&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case dr.menuitemcheckbox:this.checked=!this.checked;break;case dr.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case dr.menuitemradio:this.checked||(this.checked=!0)}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const e=this.getBoundingClientRect(),t=this.submenu.getBoundingClientRect(),o="ltr"===getComputedStyle(this).direction?"right":"left";if(e.width+t.width>.75*window.innerWidth)return void(this.submenu.style.translate="0 -100%");if(e[o]+t.width>window.innerWidth)return void(this.submenu.style.translate="-100% 0");this.submenu.style.translate=e.width-8+"px 0"}}}disabledChanged(e,t){this.elementInternals.ariaDisabled=t?`${t}`:null,ar(this.elementInternals,"disabled",t)}roleChanged(e,t){this.elementInternals.role=null!=t?t:dr.menuitem;const o=(null!=t?t:dr.menuitem)!==dr.menuitem;this.elementInternals.ariaChecked=o?`${!!this.checked}`:null,ar(this.elementInternals,"checked",!!o&&this.checked)}checkedChanged(e,t){const o=this.role!==dr.menuitem;this.elementInternals.ariaChecked=o?`${!!t}`:null,ar(this.elementInternals,"checked",!!o&&t),this.$fastController.isConnected&&this.$emit("change",t,{bubbles:!0})}slottedSubmenuChanged(e,t){var o;null===(o=this.submenu)||void 0===o||o.removeEventListener("toggle",this.toggleHandler),t.length?(this.submenu=t[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler),this.elementInternals.ariaHasPopup="menu",ar(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,ar(this.elementInternals,"submenu",!1))}connectedCallback(){var e;super.connectedCallback(),this.elementInternals.role=null!==(e=this.role)&&void 0!==e?e:dr.menuitem,fr(this,pr,"m",mr).call(this)}disconnectedCallback(){super.disconnectedCallback(),fr(this,pr,"m",gr).call(this)}}function wr(e){return"object"==typeof e&&null!==e&&"togglePopover"in e&&"function"==typeof e.togglePopover}pr=new WeakSet,mr=function(){this.addEventListener("keydown",this.handleMenuItemKeyDown),this.addEventListener("click",this.handleMenuItemClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut),this.addEventListener("toggle",this.toggleHandler)},gr=function(){this.removeEventListener("keydown",this.handleMenuItemKeyDown),this.removeEventListener("click",this.handleMenuItemClick),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),this.removeEventListener("toggle",this.toggleHandler)},br([Ai({mode:"boolean"})],vr.prototype,"disabled",void 0),br([Ai],vr.prototype,"role",void 0),br([Ai({mode:"boolean"})],vr.prototype,"checked",void 0),br([Ai({mode:"boolean"})],vr.prototype,"hidden",void 0),br([zi],vr.prototype,"slottedSubmenu",void 0),br([zi],vr.prototype,"submenu",void 0);var yr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class xr extends Oi{itemsChanged(e,t){this.$fastController.isConnected&&e!==t&&this.setItems()}constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Gi(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=e=>{if(!this.contains(e.relatedTarget)&&void 0!==this.menuItems){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=e=>{const t=e.target;void 0!==this.menuItems&&t!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(t),t.setAttribute("tabindex","0"))},this.changedMenuItemHandler=e=>{if(void 0===this.menuItems)return;const t=e.target,o=this.menuItems.indexOf(t);if(-1!==o&&"menuitemradio"===t.role&&!0===t.checked){for(let e=o-1;e>=0;--e){const t=this.menuItems[e],o=t.getAttribute("role");if(o===dr.menuitemradio&&(t.checked=!1),"separator"===o)break}const e=this.menuItems.length-1;for(let t=o+1;t<=e;++t){const e=this.menuItems[t],o=e.getAttribute("role");if(o===dr.menuitemradio&&(e.checked=!1),"separator"===o)break}}},this.isMenuItemElement=e=>e instanceof vr||Gi(e)&&e.getAttribute("role")in xr.focusableElementRoles,this.isFocusableElement=e=>this.isMenuItemElement(e),this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){super.focus()}handleMenuKeyDown(e){if(!e.defaultPrevented&&void 0!==this.menuItems)switch(e.key){case Xi:return void this.setFocus(this.focusIndex+1,1);case Ui:return void this.setFocus(this.focusIndex-1,-1);case Zi:return void this.setFocus(this.menuItems.length-1,-1);case Ji:return void this.setFocus(0,1);default:return!0}}removeItemListeners(e=this.items){e.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),Ti.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==dr.menuitem?o?2:1:o?1:0}setItems(){var e;const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(e=>Ti.getNotifier(e).subscribe(this,"hidden"));const o=t.filter(e=>!e.hasAttribute("hidden"));this.menuItems=o;const n=this.menuItems.filter(this.isMenuItemElement);n.length&&(this.focusIndex=0),n.forEach((e,t)=>{e.setAttribute("tabindex",0===t?"0":"-1"),e.addEventListener("focus",this.handleItemFocus)});const i=null===(e=this.menuItems)||void 0===e?void 0:e.filter(this.isMenuItemElement),r=null==i?void 0:i.reduce((e,t)=>{const o=xr.elementIndent(t);return Math.max(e,o)},0);null==i||i.forEach(e=>{e instanceof vr&&e.setAttribute("data-indent",`${r}`)})}handleChange(e,t){"hidden"===t&&this.setItems()}setFocus(e,t){if(void 0!==this.menuItems)for(;e>=0&&e<this.menuItems.length;){const o=this.menuItems[e];if(this.isFocusableElement(o)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=e,o.setAttribute("tabindex","0"),o.focus();break}e+=t}}}xr.focusableElementRoles=dr,yr([zi],xr.prototype,"items",void 0);var $r=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class kr extends Oi{constructor(){super(),this.elementInternals=this.attachInternals(),this.menuList=[],this.handleClick=e=>{this.disabled?e.preventDefault():this.expanded=!this.expanded},this.handleKeyDown=e=>{var t;if(!e.defaultPrevented){if("Tab"===e.key)return!0;switch(e.key){case Yi:case er:e.preventDefault(),this.expanded=!this.expanded;break;case Qi:this.expanded&&(e.preventDefault(),this.expanded=!1,null===(t=this.headingElement)||void 0===t||t.focus());break;default:return}}},this.expanded=!1,this.disabled=!1,this.id=nr("accordion-"),this.block=!1,this.elementInternals.role="button"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}focusFirstMenuItem(){this.menuList&&Ni.enqueue(()=>{var e;if(this.menuList){const t=this.menuList;if(null===(e=t[0])||void 0===e?void 0:e.menuItems){t[0].menuItems[0].focus()}}})}expandedChanged(e,t){t!==e&&(ar(this.elementInternals,"expanded",t),this.$emit("expanded-change",{expanded:t}),t&&this.focusFirstMenuItem())}disabledChanged(e,t){ar(this.elementInternals,"disabled",t)}sizeChanged(e,t){e&&ar(this.elementInternals,e,!1),t&&ar(this.elementInternals,t,!0)}blockChanged(e,t){ar(this.elementInternals,"block",t)}markerPositionChanged(e,t){e&&ar(this.elementInternals,`align-${e}`,!1),t&&ar(this.elementInternals,`align-${t}`,!0)}}$r([zi],kr.prototype,"menuList",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"expanded",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"disabled",void 0),$r([Ai],kr.prototype,"id",void 0),$r([Ai],kr.prototype,"size",void 0),$r([Ai({mode:"boolean"})],kr.prototype,"block",void 0),$r([Ai({attribute:"marker-position"})],kr.prototype,"markerPosition",void 0);const Cr={single:"single",multi:"multi"};var Sr=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Br extends Oi{constructor(){super(),this.elementInternals=this.attachInternals(),this.expandmode=Cr.multi,this.slottedElements=[],this.isMenuItemElement=e=>e instanceof vr||Gi(e)&&e.getAttribute("role")in xr.focusableElementRoles,this.removeItemListeners=e=>{e.forEach(e=>{Ti.getNotifier(e).unsubscribe(this,"disabled"),Ti.getNotifier(e).unsubscribe(this,"expanded")})},this.elementInternals.role="menu"}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setItems()})}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(this.slottedElements),this.slottedElements=[]}expandmodeChanged(e,t){if(!this.$fastController.isConnected)return;const o=this.findExpandedItem();o&&(t===Cr.single?this.setSingleExpandMode(o):null==o||o.removeAttribute("aria-disabled"))}handleChange(e,t){if("disabled"===t)this.setItems();else if("expanded"===t){const t=e;t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}}clearSelections(){void 0!==this.slottedElements&&this.slottedElements.forEach(e=>{e instanceof kr&&e.menuList&&e.menuList.forEach(e=>{var t;null===(t=e.menuItems)||void 0===t||t.forEach(e=>{e instanceof vr&&(e.checked=!1)})})})}findExpandedItem(){var e;return 0===this.slottedElements.length?null:null!==(e=this.slottedElements.find(e=>e instanceof kr&&e.expanded))&&void 0!==e?e:this.slottedElements[0]}setItems(){var e;if(0===this.slottedElements.length)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>Ti.getNotifier(e).subscribe(this,"disabled")),this.slottedElements=t.filter(e=>!e.hasAttribute("disabled")),this.slottedElements.forEach(e=>{e instanceof kr&&Ti.getNotifier(e).subscribe(this,"expanded")}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}const o=null===(e=this.slottedElements)||void 0===e?void 0:e.filter(this.isMenuItemElement),n=null==o?void 0:o.reduce((e,t)=>{const o=Br.elementIndent(t);return Math.max(e,o)},0);null==o||o.forEach(e=>{e instanceof vr&&e.setAttribute("data-indent",`${n}`)})}static elementIndent(e){const t=e.getAttribute("role"),o=e.querySelector("[slot=start]");return t&&t!==dr.menuitem?o?2:1:o?1:0}isSingleExpandMode(){return this.expandmode===Cr.single}setSingleExpandMode(e){if(0===this.slottedElements.length)return;Array.from(this.slottedElements).forEach(t=>{t instanceof kr&&(t===e?(t.expanded=!0,this.setAttribute("aria-disabled","true")):(t.expanded=!1,t.hasAttribute("disabled")||this.removeAttribute("aria-disabled")))})}}Sr([Ai({attribute:"expand-mode"})],Br.prototype,"expandmode",void 0),Sr([zi],Br.prototype,"slottedElements",void 0);const Ir=Fi`<template class="accordion-menu"><slot ${Di({property:"slottedElements"})}></slot></template>`,Er=Hi`
|
|
2
2
|
${e("flex")}
|
|
3
3
|
|
|
4
|
-
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${t} * 15);min-width:calc(${o} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${n}}`,wr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),yr=fr.compose({name:`${wr.prefix}-accordion-menu`,template:br,styles:vr,shadowOptions:{mode:wr.shadowRootMode}}),xr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},$r={start:"start",end:"end"},kr=Li.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Cr=Li.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const Sr=Li`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Pi("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">${Cr}</slot><slot name="marker-collapsed">${kr}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Ei("menuList")}></slot></div></template>`;Zi("active");const Br=Zi("align-end");Zi("align-start"),Zi("anchor"),Zi("auto-resize"),Zi("bad-input"),Zi("beige"),Zi("block"),Zi("blue"),Zi("bold"),Zi("bordered"),Zi("brand"),Zi("brass"),Zi("brown"),Zi("center");const Ir=Zi("checked"),Er=Zi("circular");Zi("cornflower"),Zi("cranberry"),Zi("custom-error"),Zi("danger"),Zi("dark-green"),Zi("dark-red"),Zi("description");const Lr=Zi("disabled");Zi("display-shadow"),Zi("dot"),Zi("end"),Zi("error");const Mr=Zi("expanded"),Pr=Zi("extra-large");Zi("extra-small"),Zi("filled-darker"),Zi("filled-lighter"),Zi("fit-center"),Zi("fit-contain"),Zi("fit-cover"),Zi("fit-none"),Zi("flip-block"),Zi("focus-visible"),Zi("forest"),Zi("ghost"),Zi("gold"),Zi("grape"),Zi("has-message"),Zi("huge");const Rr=Zi("icon");Zi("important"),Zi("indeterminate"),Zi("informative"),Zi("inline"),Zi("inset"),Zi("inverted"),Zi("italic"),Zi("justify");const Or=Zi("large");Zi("lavender"),Zi("light-teal"),Zi("lilac"),Zi("magenta"),Zi("marigold");const Ar=Zi("medium");Zi("mink"),Zi("monospace"),Zi("multiline"),Zi("multiple"),Zi("navy"),Zi("neutral"),Zi("nowrap"),Zi("numeric"),Zi("open");const Nr=Zi("outline");Zi("pattern-mismatch"),Zi("peach"),Zi("pink"),Zi("placeholder-shown"),Zi("platinum"),Zi("plum");const Dr=Zi("pressed"),Fr=Zi("primary");Zi("pumpkin"),Zi("purple"),Zi("range-overflow"),Zi("range-underflow"),Zi("red"),Zi("resize-both"),Zi("resize-horizontal"),Zi("resize-vertical"),Zi("rounded"),Zi("royal-blue"),Zi("seafoam"),Zi("selected"),Zi("semibold"),Zi("severe"),Zi("shadow"),Zi("size-1000"),Zi("size-100"),Zi("size-200"),Zi("size-400"),Zi("size-500"),Zi("size-600"),Zi("size-700"),Zi("size-800"),Zi("size-900");const Tr=Zi("small"),zr=Zi("square");Zi("steel"),Zi("step-mismatch"),Zi("strikethrough"),Zi("strong");const Hr=Zi("submenu"),Vr=Zi("subtle");Zi("success"),Zi("teal"),Zi("tint"),Zi("tiny"),Zi("too-long"),Zi("too-short");const _r=Zi("transparent");Zi("truncate"),Zi("type-mismatch"),Zi("underline"),Zi("user-invalid"),Zi("valid"),Zi("value-missing"),Zi("vertical"),Zi("warning");const jr=Mi`
|
|
4
|
+
:host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${t} * 15);min-width:calc(${o} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${n}}`,Lr=Object.freeze({prefix:"fabric",shadowRootMode:"open",registry:customElements}),Mr=Br.compose({name:`${Lr.prefix}-accordion-menu`,template:Ir,styles:Er,shadowOptions:{mode:Lr.shadowRootMode}}),Pr={small:"small",medium:"medium",large:"large",extraLarge:"extra-large"},Rr={start:"start",end:"end"},Or=Fi.partial('<svg class="default-marker-collapsed" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>'),Ar=Fi.partial('<svg\n width="20"\n height="20"\n viewBox="0 0 20 20"\n fill="none"\n xmlns="http://www.w3.org/2000/svg"\n class="default-marker-expanded"\n aria-hidden="true"\n>\n <path\n d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"\n fill="currentColor"\n />\n</svg>');const zr=Fi`<template @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><div ${Vi("headingElement")} class="heading" part="heading" role="button" tabindex="0" aria-expanded="${e=>e.expanded}" aria-controls="${e=>e.id}-panel" aria-disabled="${e=>e.disabled}" id="${e=>e.id}" @click="${(e,t)=>e.handleClick(t.event)}" @keydown="${(e,t)=>e.handleKeyDown(t.event)}"><slot name="start"></slot><div class="heading-content" part="heading-content"><slot name="heading"></slot></div><div class="markers" part="markers"><slot name="marker-expanded">${Ar}</slot><slot name="marker-collapsed">${Or}</slot></div></div><div class="content" part="content" id="${e=>e.id}-panel" ?hidden="${e=>!e.expanded}"><slot ${Di("menuList")}></slot></div></template>`;sr("active");const Nr=sr("align-end");sr("align-start"),sr("anchor"),sr("auto-resize"),sr("bad-input"),sr("beige"),sr("block"),sr("blue"),sr("bold"),sr("bordered"),sr("brand"),sr("brass"),sr("brown"),sr("center");const Tr=sr("checked"),Dr=sr("circular");sr("cornflower"),sr("cranberry"),sr("custom-error"),sr("danger"),sr("dark-green"),sr("dark-red"),sr("description");const Fr=sr("disabled");sr("display-shadow"),sr("dot"),sr("end"),sr("error");const Hr=sr("expanded"),Vr=sr("extra-large");sr("extra-small"),sr("filled-darker"),sr("filled-lighter"),sr("fit-center"),sr("fit-contain"),sr("fit-cover"),sr("fit-none"),sr("flip-block"),sr("focus-visible"),sr("forest"),sr("ghost"),sr("gold"),sr("grape"),sr("has-message"),sr("huge");const _r=sr("icon");sr("important"),sr("indeterminate"),sr("informative"),sr("inline"),sr("inset"),sr("inverted"),sr("italic"),sr("justify");const jr=sr("large");sr("lavender"),sr("light-teal"),sr("lilac"),sr("magenta"),sr("marigold");const Wr=sr("medium");sr("mink"),sr("monospace"),sr("multiline"),sr("multiple"),sr("navy"),sr("neutral"),sr("nowrap"),sr("numeric"),sr("open");const Kr=sr("outline");sr("pattern-mismatch"),sr("peach"),sr("pink"),sr("placeholder-shown"),sr("platinum"),sr("plum");const qr=sr("pressed"),Gr=sr("primary");sr("pumpkin"),sr("purple"),sr("range-overflow"),sr("range-underflow"),sr("red"),sr("resize-both"),sr("resize-horizontal"),sr("resize-vertical"),sr("rounded"),sr("royal-blue"),sr("seafoam"),sr("selected"),sr("semibold"),sr("severe"),sr("shadow"),sr("size-1000"),sr("size-100"),sr("size-200"),sr("size-400"),sr("size-500"),sr("size-600"),sr("size-700"),sr("size-800"),sr("size-900");const Xr=sr("small"),Ur=sr("square");sr("steel"),sr("step-mismatch"),sr("strikethrough"),sr("strong");const Zr=sr("submenu"),Yr=sr("subtle");sr("success"),sr("teal"),sr("tint"),sr("tiny"),sr("too-long"),sr("too-short");const Qr=sr("transparent");sr("truncate"),sr("type-mismatch"),sr("underline"),sr("user-invalid"),sr("valid"),sr("value-missing"),sr("vertical"),sr("warning");const Jr="#050505",es="#0a0a0a",ts="#0f0f0f",os="#141414",ns="#1a1a1a",is="#1f1f1f",rs="#242424",ss="#292929",as="#2e2e2e",ls="#333333",ds="#383838",cs="#3d3d3d",hs="#424242",us="#4d4d4d",ps="#525252",ms="#575757",gs="#5c5c5c",bs="#616161",fs="#666666",vs="#6b6b6b",ws="#707070",ys="#757575",xs="#999999",$s="#adadad",ks="#b3b3b3",Cs="#bdbdbd",Ss="#c7c7c7",Bs="#d1d1d1",Is="#d6d6d6",Es="#dbdbdb",Ls="#e0e0e0",Ms="#e6e6e6",Ps="#ebebeb",Rs="#f0f0f0",Os="#f5f5f5",As="#fafafa",zs="rgba(255, 255, 255, 0.05)",Ns="rgba(255, 255, 255, 0.1)",Ts="rgba(255, 255, 255, 0.2)",Ds="rgba(255, 255, 255, 0.4)",Fs="rgba(255, 255, 255, 0.5)",Hs="rgba(255, 255, 255, 0.6)",Vs="rgba(255, 255, 255, 0.7)",_s="rgba(255, 255, 255, 0.8)",js="rgba(0, 0, 0, 0.05)",Ws="rgba(0, 0, 0, 0.1)",Ks="rgba(0, 0, 0, 0.2)",qs="rgba(0, 0, 0, 0.3)",Gs="rgba(0, 0, 0, 0.4)",Xs="rgba(0, 0, 0, 0.5)",Us="rgba(26, 26, 26, 0.5)",Zs="rgba(31, 31, 31, 0.7)",Ys="rgba(36, 36, 36, 0.5)",Qs="rgba(36, 36, 36, 0.8)",Js="#ffffff",ea="#000000",ta={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},oa={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},na={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:oa,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},ia={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:ta,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},ra={cranberry:ta,green:oa,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},sa=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],aa=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],la={success:"green",warning:"orange",danger:"cranberry"},da=sa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:na[t].tint60,[`colorPalette${o}Background2`]:na[t].tint40,[`colorPalette${o}Background3`]:na[t].primary,[`colorPalette${o}Foreground1`]:na[t].shade10,[`colorPalette${o}Foreground2`]:na[t].shade30,[`colorPalette${o}Foreground3`]:na[t].primary,[`colorPalette${o}BorderActive`]:na[t].primary,[`colorPalette${o}Border1`]:na[t].tint40,[`colorPalette${o}Border2`]:na[t].primary};return Object.assign(e,n)},{});da.colorPaletteYellowForeground1=na.yellow.shade30,da.colorPaletteRedForegroundInverted=na.red.tint20,da.colorPaletteGreenForegroundInverted=na.green.tint20,da.colorPaletteYellowForegroundInverted=na.yellow.tint40;const ca=aa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:ia[t].tint40,[`colorPalette${o}Foreground2`]:ia[t].shade30,[`colorPalette${o}BorderActive`]:ia[t].primary};return Object.assign(e,n)},{}),ha={...da,...ca},ua=Object.entries(la).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:ra[o].tint60,[`colorStatus${n}Background2`]:ra[o].tint40,[`colorStatus${n}Background3`]:ra[o].primary,[`colorStatus${n}Foreground1`]:ra[o].shade10,[`colorStatus${n}Foreground2`]:ra[o].shade30,[`colorStatus${n}Foreground3`]:ra[o].primary,[`colorStatus${n}ForegroundInverted`]:ra[o].tint30,[`colorStatus${n}BorderActive`]:ra[o].primary,[`colorStatus${n}Border1`]:ra[o].tint40,[`colorStatus${n}Border2`]:ra[o].primary};return Object.assign(e,i)},{});ua.colorStatusDangerBackground3Hover=ra[la.danger].shade10,ua.colorStatusDangerBackground3Pressed=ra[la.danger].shade20,ua.colorStatusWarningForeground1=ra[la.warning].shade20,ua.colorStatusWarningForeground3=ra[la.warning].shade20,ua.colorStatusWarningBorder2=ra[la.warning].shade20;const pa={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadiusCircular:"10000px"},ma={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},ga={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},ba={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},fa={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},va={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},wa={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ya="0",xa="2px",$a="4px",ka="6px",Ca="8px",Sa="10px",Ba="12px",Ia="16px",Ea="20px",La="24px",Ma="32px",Pa={spacingHorizontalNone:ya,spacingHorizontalXXS:xa,spacingHorizontalXS:$a,spacingHorizontalSNudge:ka,spacingHorizontalS:Ca,spacingHorizontalMNudge:Sa,spacingHorizontalM:Ba,spacingHorizontalL:Ia,spacingHorizontalXL:Ea,spacingHorizontalXXL:La,spacingHorizontalXXXL:Ma},Ra={spacingVerticalNone:ya,spacingVerticalXXS:xa,spacingVerticalXS:$a,spacingVerticalSNudge:ka,spacingVerticalS:Ca,spacingVerticalMNudge:Sa,spacingVerticalM:Ba,spacingVerticalL:Ia,spacingVerticalXL:Ea,spacingVerticalXXL:La,spacingVerticalXXXL:Ma},Oa={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Aa(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const za=e=>{const t=(e=>({colorNeutralForeground1:rs,colorNeutralForeground1Hover:rs,colorNeutralForeground1Pressed:rs,colorNeutralForeground1Selected:rs,colorNeutralForeground2:hs,colorNeutralForeground2Hover:rs,colorNeutralForeground2Pressed:rs,colorNeutralForeground2Selected:rs,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:bs,colorNeutralForeground3Hover:hs,colorNeutralForeground3Pressed:hs,colorNeutralForeground3Selected:hs,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:ws,colorNeutralForegroundDisabled:Cs,colorNeutralForegroundInvertedDisabled:Ds,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:hs,colorNeutralForeground2LinkHover:rs,colorNeutralForeground2LinkPressed:rs,colorNeutralForeground2LinkSelected:rs,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:rs,colorNeutralForegroundStaticInverted:Js,colorNeutralForegroundInverted:Js,colorNeutralForegroundInvertedHover:Js,colorNeutralForegroundInvertedPressed:Js,colorNeutralForegroundInvertedSelected:Js,colorNeutralForegroundInverted2:Js,colorNeutralForegroundOnBrand:Js,colorNeutralForegroundInvertedLink:Js,colorNeutralForegroundInvertedLinkHover:Js,colorNeutralForegroundInvertedLinkPressed:Js,colorNeutralForegroundInvertedLinkSelected:Js,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Js,colorNeutralBackground1Hover:Os,colorNeutralBackground1Pressed:Ls,colorNeutralBackground1Selected:Ps,colorNeutralBackground2:As,colorNeutralBackground2Hover:Rs,colorNeutralBackground2Pressed:Es,colorNeutralBackground2Selected:Ms,colorNeutralBackground3:Os,colorNeutralBackground3Hover:Ps,colorNeutralBackground3Pressed:Is,colorNeutralBackground3Selected:Ls,colorNeutralBackground4:Rs,colorNeutralBackground4Hover:As,colorNeutralBackground4Pressed:Os,colorNeutralBackground4Selected:Js,colorNeutralBackground5:Ps,colorNeutralBackground5Hover:Os,colorNeutralBackground5Pressed:Rs,colorNeutralBackground5Selected:As,colorNeutralBackground6:Ms,colorNeutralBackgroundInverted:ss,colorNeutralBackgroundStatic:ls,colorNeutralBackgroundAlpha:Fs,colorNeutralBackgroundAlpha2:_s,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:Os,colorSubtleBackgroundPressed:Ls,colorSubtleBackgroundSelected:Ps,colorSubtleBackgroundLightAlphaHover:Vs,colorSubtleBackgroundLightAlphaPressed:Fs,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Ws,colorSubtleBackgroundInvertedPressed:qs,colorSubtleBackgroundInvertedSelected:Ks,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Rs,colorNeutralBackgroundInvertedDisabled:Ns,colorNeutralStencil1:Ms,colorNeutralStencil2:As,colorNeutralStencil1Alpha:Ws,colorNeutralStencil2Alpha:js,colorBackgroundOverlay:Gs,colorScrollbarOverlay:Xs,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Js,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:As,colorNeutralCardBackgroundHover:Js,colorNeutralCardBackgroundPressed:Os,colorNeutralCardBackgroundSelected:Ps,colorNeutralCardBackgroundDisabled:Rs,colorNeutralStrokeAccessible:bs,colorNeutralStrokeAccessibleHover:ms,colorNeutralStrokeAccessiblePressed:us,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:Bs,colorNeutralStroke1Hover:Ss,colorNeutralStroke1Pressed:ks,colorNeutralStroke1Selected:Cs,colorNeutralStroke2:Ls,colorNeutralStroke3:Rs,colorNeutralStrokeSubtle:Ls,colorNeutralStrokeOnBrand:Js,colorNeutralStrokeOnBrand2:Js,colorNeutralStrokeOnBrand2Hover:Js,colorNeutralStrokeOnBrand2Pressed:Js,colorNeutralStrokeOnBrand2Selected:Js,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:Ls,colorNeutralStrokeInvertedDisabled:Ds,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:js,colorNeutralStrokeAlpha2:Ts,colorStrokeFocus1:Js,colorStrokeFocus2:ea,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...pa,...ba,...fa,...wa,...va,...Oa,...Pa,...Ra,...ga,...ma,...t,...ha,...ua,...Aa(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Aa(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Na={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Ta=sa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:na[t].shade40,[`colorPalette${o}Background2`]:na[t].shade30,[`colorPalette${o}Background3`]:na[t].primary,[`colorPalette${o}Foreground1`]:na[t].tint30,[`colorPalette${o}Foreground2`]:na[t].tint40,[`colorPalette${o}Foreground3`]:na[t].tint20,[`colorPalette${o}BorderActive`]:na[t].tint30,[`colorPalette${o}Border1`]:na[t].primary,[`colorPalette${o}Border2`]:na[t].tint20};return Object.assign(e,n)},{});Ta.colorPaletteRedForeground3=na.red.tint30,Ta.colorPaletteRedBorder2=na.red.tint30,Ta.colorPaletteGreenForeground3=na.green.tint40,Ta.colorPaletteGreenBorder2=na.green.tint40,Ta.colorPaletteDarkOrangeForeground3=na.darkOrange.tint30,Ta.colorPaletteDarkOrangeBorder2=na.darkOrange.tint30,Ta.colorPaletteRedForegroundInverted=na.red.primary,Ta.colorPaletteGreenForegroundInverted=na.green.primary,Ta.colorPaletteYellowForegroundInverted=na.yellow.shade30;const Da=aa.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:ia[t].shade30,[`colorPalette${o}Foreground2`]:ia[t].tint40,[`colorPalette${o}BorderActive`]:ia[t].tint30};return Object.assign(e,n)},{});Da.colorPaletteDarkRedBackground2=ia.darkRed.shade20,Da.colorPalettePlumBackground2=ia.plum.shade20;const Fa={...Ta,...Da},Ha=Object.entries(la).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:ra[o].shade40,[`colorStatus${n}Background2`]:ra[o].shade30,[`colorStatus${n}Background3`]:ra[o].primary,[`colorStatus${n}Foreground1`]:ra[o].tint30,[`colorStatus${n}Foreground2`]:ra[o].tint40,[`colorStatus${n}Foreground3`]:ra[o].tint20,[`colorStatus${n}BorderActive`]:ra[o].tint30,[`colorStatus${n}ForegroundInverted`]:ra[o].shade10,[`colorStatus${n}Border1`]:ra[o].primary,[`colorStatus${n}Border2`]:ra[o].tint20};return Object.assign(e,i)},{});Ha.colorStatusDangerBackground3Hover=ra[la.danger].shade10,Ha.colorStatusDangerBackground3Pressed=ra[la.danger].shade20,Ha.colorStatusDangerForeground3=ra[la.danger].tint40,Ha.colorStatusDangerBorder2=ra[la.danger].tint30,Ha.colorStatusSuccessForeground3=ra[la.success].tint40,Ha.colorStatusSuccessBorder2=ra[la.success].tint40,Ha.colorStatusWarningForegroundInverted=ra[la.warning].shade20;const Va=za(Na),_a=e=>{const t=(e=>({colorNeutralForeground1:Js,colorNeutralForeground1Hover:Js,colorNeutralForeground1Pressed:Js,colorNeutralForeground1Selected:Js,colorNeutralForeground2:Is,colorNeutralForeground2Hover:Js,colorNeutralForeground2Pressed:Js,colorNeutralForeground2Selected:Js,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:$s,colorNeutralForeground3Hover:Is,colorNeutralForeground3Pressed:Is,colorNeutralForeground3Selected:Is,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:xs,colorNeutralForegroundDisabled:gs,colorNeutralForegroundInvertedDisabled:Ds,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:Is,colorNeutralForeground2LinkHover:Js,colorNeutralForeground2LinkPressed:Js,colorNeutralForeground2LinkSelected:Js,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:rs,colorNeutralForegroundStaticInverted:Js,colorNeutralForegroundInverted:rs,colorNeutralForegroundInvertedHover:rs,colorNeutralForegroundInvertedPressed:rs,colorNeutralForegroundInvertedSelected:rs,colorNeutralForegroundInverted2:rs,colorNeutralForegroundOnBrand:Js,colorNeutralForegroundInvertedLink:Js,colorNeutralForegroundInvertedLinkHover:Js,colorNeutralForegroundInvertedLinkPressed:Js,colorNeutralForegroundInvertedLinkSelected:Js,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:ss,colorNeutralBackground1Hover:cs,colorNeutralBackground1Pressed:is,colorNeutralBackground1Selected:ds,colorNeutralBackground2:is,colorNeutralBackground2Hover:ls,colorNeutralBackground2Pressed:os,colorNeutralBackground2Selected:as,colorNeutralBackground3:os,colorNeutralBackground3Hover:ss,colorNeutralBackground3Pressed:es,colorNeutralBackground3Selected:rs,colorNeutralBackground4:es,colorNeutralBackground4Hover:is,colorNeutralBackground4Pressed:ea,colorNeutralBackground4Selected:ns,colorNeutralBackground5:ea,colorNeutralBackground5Hover:os,colorNeutralBackground5Pressed:Jr,colorNeutralBackground5Selected:ts,colorNeutralBackground6:ls,colorNeutralBackgroundInverted:Js,colorNeutralBackgroundStatic:cs,colorNeutralBackgroundAlpha:Us,colorNeutralBackgroundAlpha2:Zs,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:ds,colorSubtleBackgroundPressed:as,colorSubtleBackgroundSelected:ls,colorSubtleBackgroundLightAlphaHover:Qs,colorSubtleBackgroundLightAlphaPressed:Ys,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Ws,colorSubtleBackgroundInvertedPressed:qs,colorSubtleBackgroundInvertedSelected:Ks,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:os,colorNeutralBackgroundInvertedDisabled:Ns,colorNeutralStencil1:ms,colorNeutralStencil2:ls,colorNeutralStencil1Alpha:Ns,colorNeutralStencil2Alpha:zs,colorBackgroundOverlay:Xs,colorScrollbarOverlay:Hs,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Js,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:ls,colorNeutralCardBackgroundHover:cs,colorNeutralCardBackgroundPressed:as,colorNeutralCardBackgroundSelected:ds,colorNeutralCardBackgroundDisabled:os,colorNeutralStrokeAccessible:$s,colorNeutralStrokeAccessibleHover:Cs,colorNeutralStrokeAccessiblePressed:ks,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:fs,colorNeutralStroke1Hover:ys,colorNeutralStroke1Pressed:vs,colorNeutralStroke1Selected:ws,colorNeutralStroke2:ps,colorNeutralStroke3:cs,colorNeutralStrokeSubtle:es,colorNeutralStrokeOnBrand:ss,colorNeutralStrokeOnBrand2:Js,colorNeutralStrokeOnBrand2Hover:Js,colorNeutralStrokeOnBrand2Pressed:Js,colorNeutralStrokeOnBrand2Selected:Js,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:hs,colorNeutralStrokeInvertedDisabled:Ds,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Ns,colorNeutralStrokeAlpha2:Ts,colorStrokeFocus1:ea,colorStrokeFocus2:Js,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...pa,...ba,...fa,...wa,...va,...Oa,...Pa,...Ra,...ga,...ma,...t,...Fa,...Ha,...Aa(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Aa(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},ja=_a(Na),Wa={iconErrorColor:Va.colorStatusDangerForeground1,iconValidationColor:Va.colorStatusSuccessForeground1,iconSystemColor:Va.colorPaletteBlueForeground2,iconContentManagementColor:Va.colorPaletteGrapeBorderActive,iconMonitoringColor:Va.colorPaletteMarigoldForeground2,iconMiscColor:Va.colorNeutralForeground2,colorRibbonIconError:Va.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Va.colorPaletteCranberryBackground2,colorRibbonIconValidation:Va.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Va.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Va.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Va.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Va.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Va.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Va.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Va.colorPaletteGoldBackground2,colorRibbonIconMisc:Va.colorNeutralForeground2,colorRibbonIconMiscDisabled:Va.colorNeutralForegroundDisabled},Ka={iconErrorColor:ja.colorStatusDangerBackground3,iconValidationColor:ja.colorPaletteLightGreenBorder1,iconSystemColor:Va.colorPaletteBlueBorderActive,iconContentManagementColor:Va.colorPaletteLilacBorderActive,iconMonitoringColor:Va.colorPaletteGoldBorderActive,iconMiscColor:ja.colorNeutralForeground1,colorRibbonIconError:ja.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:ja.colorPaletteCranberryBackground2,colorRibbonIconValidation:ja.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:ja.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Va.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:ja.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Va.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:ja.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Va.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:ja.colorPaletteGoldBackground2,colorRibbonIconMisc:ja.colorNeutralForeground1,colorRibbonIconMiscDisabled:ja.colorNeutralForegroundDisabled},qa="var(--sizeVerticalNone)",Ga="var(--sizeVerticalXXS)",Xa="var(--sizeVerticalXS)",Ua="var(--sizeVerticalSNudge)",Za="var(--sizeVerticalS)",Ya="var(--sizeVerticalMNudge)",Qa="var(--sizeVerticalM)",Ja="var(--sizeVerticalL)",el="var(--sizeVerticalXL)",tl="var(--sizeVerticalXXL)",ol="var(--sizeVerticalXXXL)",nl="var(--sizeHorizontalNone)",il="var(--sizeHorizontalXXS)",rl="var(--sizeHorizontalXS)",sl="var(--sizeHorizontalSNudge)",al="var(--sizeHorizontalS)",ll="var(--sizeHorizontalMNudge)",dl="var(--sizeHorizontalM)",cl="var(--sizeHorizontalL)",hl="var(--sizeHorizontalXL)",ul="var(--sizeHorizontalXXL)",pl="var(--sizeHorizontalXXXL)",ml={sizeVerticalNone:"0",sizeVerticalXXS:"2px",sizeVerticalXS:"4px",sizeVerticalSNudge:"6px",sizeVerticalS:"8px",sizeVerticalMNudge:"10px",sizeVerticalM:"12px",sizeVerticalL:"16px",sizeVerticalXL:"20px",sizeVerticalXXL:"24px",sizeVerticalXXXL:"32px",sizeHorizontalNone:"0",sizeHorizontalXXS:"2px",sizeHorizontalXS:"4px",sizeHorizontalSNudge:"6px",sizeHorizontalS:"8px",sizeHorizontalMNudge:"10px",sizeHorizontalM:"12px",sizeHorizontalL:"16px",sizeHorizontalXL:"20px",sizeHorizontalXXL:"24px",sizeHorizontalXXXL:"32px"},gl={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},bl=za(gl),fl=_a(gl),vl={...bl,...Wa,...ml},wl={...fl,...Ka,...ml};async function yl(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}const xl=Hi`
|
|
5
5
|
${e("block")}
|
|
6
6
|
|
|
7
|
-
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${
|
|
8
|
-
brightness(88%) contrast(87%)}:host(${
|
|
9
|
-
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${
|
|
7
|
+
:host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${i};outline:2px solid ${r}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${ol};align-items:center;position:relative;padding-inline:${s} ${s};border-radius:${i};font-family:${a};font-size:${l};font-weight:${d};line-height:${c};grid-template-columns:auto auto 1fr auto;padding:0px ${h};margin:1px;gap:${u};cursor:pointer;color:${p};background:${m};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading:hover{background:${g};color:${b}}.heading:active{background:${f};color:${v}}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${s}}:host(${Fr}) .heading{color:${w};cursor:not-allowed}:host(${Fr}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
|
|
8
|
+
brightness(88%) contrast(87%)}:host(${Hr}) .content{display:block}:host(${Hr}) .default-marker-collapsed,:host(${Hr}) ::slotted([slot="marker-collapsed"]),:host(:not(${Hr})) :is(.default-marker-expanded,.content),:host(:not(${Hr})) ::slotted([slot="marker-expanded"]){display:none}:host(${Hr}) ::slotted([slot="marker-expanded"]),:host(:not(${Hr})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${Xr}) .heading{font-size:${y};line-height:${x}}:host(${jr}) .heading{font-size:${$};line-height:${k}}:host(${Vr}) .heading{font-size:${C};line-height:${S}}:host(${Nr}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${Nr})
|
|
9
|
+
:is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${s};padding-inline-end:${B}}:host([block]){max-width:100%}:host(${Nr}) .heading{padding-inline:${s}}:host(${Nr}:has([slot='start'])) .heading{padding-inline:${I} ${s}}`,$l=kr.compose({name:`${Lr.prefix}-accordion-menu-panel`,template:zr,styles:xl,shadowOptions:{mode:Lr.shadowRootMode}}),kl={filled:"filled",filledAlternative:"filled-alternative",outline:"outline",subtle:"subtle"},Cl={horizontal:"horizontal",vertical:"vertical"},Sl={off:"off",noTab:"no-tab",tabExit:"tab-exit",tabOnly:"tab-only"},Bl=Sl,Il={interactiveChanged:"interactive-changed",click:"click"};
|
|
10
10
|
/*!
|
|
11
11
|
* tabbable 6.2.0
|
|
12
12
|
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
13
13
|
*/
|
|
14
|
-
var
|
|
14
|
+
var El=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"].join(","),Ll="undefined"==typeof Element,Ml=Ll?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Pl=!Ll&&Element.prototype.getRootNode?function(e){var t;return null==e||null===(t=e.getRootNode)||void 0===t?void 0:t.call(e)}:function(e){return null==e?void 0:e.ownerDocument},Rl=function e(t,o){var n;void 0===o&&(o=!0);var i=null==t||null===(n=t.getAttribute)||void 0===n?void 0:n.call(t,"inert");return""===i||"true"===i||o&&t&&e(t.parentNode)},Ol=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||function(e){var t,o=null==e||null===(t=e.getAttribute)||void 0===t?void 0:t.call(e,"contenteditable");return""===o||"true"===o}(e))&&!function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))}(e)?0:e.tabIndex},Al=function(e){return"INPUT"===e.tagName},zl=function(e){return function(e){return Al(e)&&"radio"===e.type}(e)&&!function(e){if(!e.name)return!0;var t,o=e.form||Pl(e),n=function(e){return o.querySelectorAll('input[type="radio"][name="'+e+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)t=n(window.CSS.escape(e.name));else try{t=n(e.name)}catch(e){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",e.message),!1}var i=function(e,t){for(var o=0;o<e.length;o++)if(e[o].checked&&e[o].form===t)return e[o]}(t,e.form);return!i||i===e}(e)},Nl=function(e){var t=e.getBoundingClientRect(),o=t.width,n=t.height;return 0===o&&0===n},Tl=function(e,t){var o=t.displayCheck,n=t.getShadowRoot;if("hidden"===getComputedStyle(e).visibility)return!0;var i=Ml.call(e,"details>summary:first-of-type")?e.parentElement:e;if(Ml.call(i,"details:not([open]) *"))return!0;if(o&&"full"!==o&&"legacy-full"!==o){if("non-zero-area"===o)return Nl(e)}else{if("function"==typeof n){for(var r=e;e;){var s=e.parentElement,a=Pl(e);if(s&&!s.shadowRoot&&!0===n(s))return Nl(e);e=e.assignedSlot?e.assignedSlot:s||a===e.ownerDocument?s:a.host}e=r}if(function(e){var t,o,n,i,r=e&&Pl(e),s=null===(t=r)||void 0===t?void 0:t.host,a=!1;if(r&&r!==e)for(a=!!(null!==(o=s)&&void 0!==o&&null!==(n=o.ownerDocument)&&void 0!==n&&n.contains(s)||null!=e&&null!==(i=e.ownerDocument)&&void 0!==i&&i.contains(e));!a&&s;){var l,d,c;a=!(null===(d=s=null===(l=r=Pl(s))||void 0===l?void 0:l.host)||void 0===d||null===(c=d.ownerDocument)||void 0===c||!c.contains(s))}return a}(e))return!e.getClientRects().length;if("legacy-full"!==o)return!0}return!1},Dl=function(e,t){return!(t.disabled||Rl(t)||function(e){return Al(e)&&"hidden"===e.type}(t)||Tl(t,e)||function(e){return"DETAILS"===e.tagName&&Array.prototype.slice.apply(e.children).some(function(e){return"SUMMARY"===e.tagName})}(t)||function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if("FIELDSET"===t.tagName&&t.disabled){for(var o=0;o<t.children.length;o++){var n=t.children.item(o);if("LEGEND"===n.tagName)return!!Ml.call(t,"fieldset[disabled] *")||!n.contains(e)}return!0}t=t.parentElement}return!1}(t))},Fl=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return!1!==Ml.call(e,El)&&function(e,t){return!(zl(t)||Ol(t)<0||!Dl(e,t))}(t,e)},Hl=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Vl extends Oi{constructor(){super(...arguments),this.focusMode=Bl.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=>Vl.reduceTabbableItems([],e)}connectedCallback(){super.connectedCallback(),this.requestInertUpdate()}disconnectedCallback(){super.disconnectedCallback()}focusModeChanged(){this.requestInertUpdate()}disabledChanged(){this.requestInertUpdate()}clickHandler(e){this.disabled||e.defaultPrevented||!this.interactive||(e.preventDefault(),this.emitClickEvent())}keydownHandler(e){if(this.disabled||e.defaultPrevented)return!0;const{key:t,target:o,currentTarget:n,shiftKey:i}=e,r=o===n,s=this.focusMode===Bl.off||this.focusMode===Bl.tabOnly,a=this.focusMode===Bl.off,l=this.isBoundsLastIndexFocused,d=this.isBoundsZeroIndexFocused;switch(t){case Yi:if(!r)return!0;this.interactive?this.emitClickEvent():a||Ni.enqueue(()=>{this.root.inert=!1,this.focusFirstElement()}),e.preventDefault();break;case tr:return this.shouldTrapFocus?((l&&!i||d&&i)&&(e.preventDefault(),l?this.focusFirstElement():this.focusLastElement()),!0):this.focusMode!==Bl.tabExit||((l&&!i||d&&i||document.activeElement===this.card)&&(this.root.inert=!this.root.inert),!0);case Qi:this.focusMode!==Bl.off&&this.card.focus(),s||(this.root.inert=!0),e.preventDefault();break;default:return!0}}get isFocusable(){return!this.disabled&&(this.interactive||this.focusMode!==Bl.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===Bl.noTab}emitClickEvent(){this.dispatchEvent(new CustomEvent(Il.click,{detail:{interactive:this.interactive,value:this.value,href:this.href},bubbles:!0,composed:!0,cancelable:!1}))}emitInteractiveChangedEvent(){this.dispatchEvent(new CustomEvent(Il.interactiveChanged,{detail:{interactive:this.interactive},bubbles:!0,composed:!0,cancelable:!1}))}updateInertState(){if(!this.root)return;const e=this.disabled||this.focusMode!==Bl.off&&this.focusMode!==Bl.tabOnly;this.root.inert=e}requestInertUpdate(){var e;(null===(e=this.$fastController)||void 0===e?void 0:e.isConnected)&&Ni.enqueue(()=>this.updateInertState())}static reduceTabbableItems(e,t){return"-1"===t.getAttribute("tabindex")?e:Fl(t)||Vl.isFocusableFastElement(t)&&Vl.hasTabbableShadow(t)?(e.push(t),e):Array.from(t.children).reduce((e,t)=>Vl.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=>Fl(e))}}Hl([Ai({attribute:"focus-mode"})],Vl.prototype,"focusMode",void 0),Hl([Ai],Vl.prototype,"appearance",void 0),Hl([Ai],Vl.prototype,"role",void 0),Hl([Ai],Vl.prototype,"value",void 0),Hl([Ai],Vl.prototype,"href",void 0),Hl([Ai],Vl.prototype,"orientation",void 0),Hl([Ai({mode:"boolean"})],Vl.prototype,"disabled",void 0),Hl([zi,Ai({mode:"boolean"})],Vl.prototype,"interactive",void 0),Hl([Ai({attribute:"aria-describedby"})],Vl.prototype,"ariaDescribedby",void 0),Hl([Ai({attribute:"aria-labelledby"})],Vl.prototype,"ariaLabelledby",void 0);const _l=Hi`
|
|
15
15
|
${e("inline-block")}
|
|
16
|
-
:host{font-family:${
|
|
16
|
+
:host{font-family:${a};background:${m};border-radius:${i};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${E};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${L};outline:${M} solid ${P};box-shadow:${E},0 0 0 2px ${r}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${R};border:${O} solid ${P};border-radius:${i}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${A}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${m};border-color:${z};box-shadow:none}:host([appearance="subtle"]) .card{background:${N};border-color:${P};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${g};border-color:${T};box-shadow:${D}}:host([interactive]:active) .card{background:${f};border-color:${T}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${F}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${H}}:host([interactive][appearance="outline"]:hover) .card{background:${V};border-color:${_};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${j};border-color:${W}}:host([interactive][appearance="subtle"]:hover) .card{background:${K};border-color:${T};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${q}}.card[aria-selected="true"]{background:${G};border-color:${T};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${X};border-color:${U}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${Z};border-color:${U}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${Y}}:host([aria-disabled="true"]) .card{background:${Q};border-color:${J};cursor:not-allowed;pointer-events:none;box-shadow:${ee}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${m}}`;const jl=Fi`<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}" ${Vi("card")}><div class="root" ${Vi("root")}><div class="content"><slot></slot></div></div></div></template>`,Wl=Vl.compose({name:`${Lr.prefix}-card`,template:jl,styles:_l,shadowOptions:{mode:Lr.shadowRootMode}});class Kl extends Oi{}const ql=Hi`
|
|
17
17
|
${e("flex")}
|
|
18
|
-
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${
|
|
18
|
+
:host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${te});padding:${oe} ${s}}`;const Gl=Fi`<template><div class="content" part="content"><slot></slot></div><div class="action"><slot name="action"></slot></div></template>`,Xl=Kl.compose({name:`${Lr.prefix}-card-footer`,template:Gl,styles:ql,shadowOptions:{mode:Lr.shadowRootMode}});class Ul extends Oi{}const Zl=Hi`
|
|
19
19
|
${e("flex")}
|
|
20
|
-
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${
|
|
20
|
+
:host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${l};font-weight:${ne}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${y};font-weight:${d}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${n}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${s}}.row{display:flex;align-items:center;gap:${u}}`;const Yl=Fi`<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>`,Ql=Ul.compose({name:`${Lr.prefix}-card-header`,template:Yl,styles:Zl,shadowOptions:{mode:Lr.shadowRootMode}});class Jl extends Oi{}const ed=Hi`
|
|
21
21
|
${e("flex")}
|
|
22
|
-
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${
|
|
22
|
+
:host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${te};bottom:${ie}}::slotted(img){overflow:hidden}`;const td=Fi`<template><slot></slot><slot name="badge"></slot></template>`,od=Jl.compose({name:`${Lr.prefix}-card-preview`,template:td,styles:ed,shadowOptions:{mode:Lr.shadowRootMode}});function nd(e,t){e.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"]), fabric-button, fabric-link, fabric-input, fabric-card-footer button').forEach(e=>{const o=e;o.tabIndex=t?0:-1})}var id,rd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s},sd=window&&window.__classPrivateFieldSet||function(e,t,o,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(e,o):i?i.value=o:t.set(e,o),o},ad=window&&window.__classPrivateFieldGet||function(e,t,o,n){if("a"===o&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===o?n:"a"===o?n.call(e):n?n.value:t.get(e)};class ld extends Oi{constructor(){super(...arguments),id.set(this,void 0),this.slottedCarouselItems=[],this.slottedCarouselItemsLoaded=!1,this.currentIndex=0,this.gapWidth=16,this.handleNext=()=>{this.next()},this.handlePrev=()=>{this.prev()},this.cachedContainerWidth=0,this.shouldRecalculateLayout=!0,this.resizeObserver=void 0,this.itemMeasurements=[],this.lastVisibleItemIndex=-1}slottedCarouselItemsChanged(e,t){e&&t&&t.length!==e.length&&(this.slottedCarouselItemsLoaded=!0),this.updateButtonStates()}currentIndexChanged(){this.updateButtonStates()}updateButtonStates(){var e,t;(null===(e=this.nextButton)||void 0===e?void 0:e[0])&&(null===(t=this.prevButton)||void 0===t?void 0:t[0])&&(this.prevButton[0].toggleAttribute("disabled",0===this.currentIndex),this.nextButton[0].toggleAttribute("disabled",this.isAtEnd()))}setEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].addEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].addEventListener("click",this.handlePrev)}removeEventListeners(){this.nextButton&&this.nextButton.length>0&&this.nextButton[0].removeEventListener("click",this.handleNext),this.prevButton&&this.prevButton.length>0&&this.prevButton[0].removeEventListener("click",this.handlePrev)}connectedCallback(){super.connectedCallback(),this.updateDirection();const e=`fabric-carousel-header-${nr()}`;this.header&&(this.header.id=e),this.viewportRef&&this.viewportRef.setAttribute("aria-labelledby",e),this.style.setProperty("--gap-width",`${this.gapWidth}px`),Ni.enqueue(()=>{this.updateVisibleItems(),this.updateButtonStates(),this.setEventListeners()}),this.setupResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0),this.removeEventListeners()}next(){if(!this.isAtEnd()){const e=this.visibleItemsCount,t=Math.max(0,this.slottedCarouselItems.length-e);this.currentIndex=Math.min(this.currentIndex+this.getNextVisibleItemsCount("next"),t),this.updateVisibleItems()}}prev(){if(this.currentIndex>0){const e=this.getNextVisibleItemsCount("prev");this.currentIndex-=e,this.updateVisibleItems()}}scrollToIndex(e,t=0){if(!this.slottedCarouselItemsLoaded)return t>=10?void console.warn("carousel:scrollToIndex -- scroll overflow exceeded: 10. No slotted carousel elements.",e):void requestAnimationFrame(()=>this.scrollToIndex(e));e<0||e>=this.slottedCarouselItems.length?console.warn(`Invalid index ${e}. Must be between 0 and ${this.slottedCarouselItems.length-1}`):(this.currentIndex=e,this.updateVisibleItems(),this.updateButtonStates())}setupResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.cachedContainerWidth=0,this.measureItems(),this.updateVisibleItems()}),this.resizeObserver.observe(this)}measureItems(){this.shouldRecalculateLayout&&(this.itemMeasurements=this.slottedCarouselItems.map(e=>e.getBoundingClientRect().width+this.gapWidth),this.shouldRecalculateLayout=!1)}get visibleItemsCount(){this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());let e=0,t=0,o=this.currentIndex,n=!1;for(;!n;)e+this.itemMeasurements[o]<=this.cachedContainerWidth?(e+=this.itemMeasurements[o],o++,o>=this.currentIndex&&t++):n=!0;return this.lastVisibleItemIndex=o-1,t}isAtEnd(){const e=this.slottedCarouselItems.length,t=this.visibleItemsCount,o=Math.max(0,e-t);return this.currentIndex>=o}getNextVisibleItemsCount(e){let t=0,o=0;this.cachedContainerWidth&&!this.shouldRecalculateLayout||(this.cachedContainerWidth=this.clientWidth,this.measureItems());const n=this.itemMeasurements.slice("next"===e?this.currentIndex:0,"next"===e?this.slottedCarouselItems.length:this.currentIndex);for(const e of n){if(!(t+e<=this.cachedContainerWidth))break;t+=e,o++}return o}updateDirection(){var e;const t=getComputedStyle(this).direction,o=document.documentElement.dir,n=null===(e=document.querySelector("html"))||void 0===e?void 0:e.getAttribute("dir");sd(this,id,"rtl"===t||"rtl"===o||"rtl"===n,"f")}getTransform(e){void 0===ad(this,id,"f")&&this.updateDirection();return`translateX(${ad(this,id,"f")?e:-e}px)`}updateVisibleItems(){Ni.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,nd(t,!1)):(t.setAttribute("aria-hidden","false"),t.tabIndex=0,nd(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)))})}}id=new WeakMap,rd([Ai({mode:"boolean",attribute:"disable-animation"})],ld.prototype,"disableAnimation",void 0),rd([zi],ld.prototype,"slottedCarouselItems",void 0),rd([zi],ld.prototype,"header",void 0),rd([zi],ld.prototype,"viewportRef",void 0),rd([zi],ld.prototype,"currentIndex",void 0),rd([zi],ld.prototype,"nextButton",void 0),rd([zi],ld.prototype,"prevButton",void 0);const dd=Hi`
|
|
23
23
|
${e("block")}
|
|
24
|
-
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${
|
|
25
|
-
${
|
|
26
|
-
${
|
|
24
|
+
:host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${ie} ${s} ${oe}
|
|
25
|
+
${s}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${ie} 0}.header{font-size:${$};font-family:${a};font-weight:${ne};line-height:${k}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${ie};padding-inline:0;padding-block-end:${oe}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;const cd=Fi`<template ?no-animation="${e=>e.disableAnimation}"><div class="navigation"><div class="header" ${Vi("header")}><slot name="header"></slot></div><div class="button-container"><slot name="prev-button" ${Di("prevButton")}></slot><slot name="next-button" ${Di("nextButton")}></slot></div></div><div class="viewport" role="region" ${Vi("viewportRef")}><slot ${Di({property:"slottedCarouselItems",filter:_i()})}></slot></div></template>`,hd=ld.compose({name:`${Lr.prefix}-carousel`,template:cd,styles:dd,shadowOptions:{mode:Lr.shadowRootMode}});var ud=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class pd extends re{constructor(){super(...arguments),this.iconOnly=!1}}ud([Ai],pd.prototype,"appearance",void 0),ud([Ai],pd.prototype,"shape",void 0),ud([Ai],pd.prototype,"size",void 0),ud([Ai({attribute:"icon-only",mode:"boolean"})],pd.prototype,"iconOnly",void 0);const md={...le,primaryOnBrand:"primary-on-brand"},gd={...de},bd={...ce},fd={...ae},vd={...se},wd=Hi`
|
|
26
|
+
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
27
27
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
28
28
|
:focus-visible
|
|
29
29
|
)
|
|
30
|
-
){border-color:${
|
|
30
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${be}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,yd=pd.compose({name:`${Lr.prefix}-button`,template:fe,styles:wd,shadowOptions:{mode:Lr.shadowRootMode}}),xd={...vd},$d={...fd},kd={primary:"primary",subtle:"subtle",transparent:"transparent",outline:"outline",primaryOnBrand:"primary-on-brand"},Cd={circular:"circular",square:"square"},Sd={small:"small",medium:"medium",large:"large"},Bd={pressedChange:"pressed-change"};var Id=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ed extends pd{constructor(){super(),this.appearance=kd.primary,this.shape=Cd.circular,this.size=Sd.medium,this.iconOnly=!1,this.pressed=!1,this.mixed=!1,this.elementInternals.role="button"}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.addEventListener("click",this.clickHandler,{signal:t}),this.addEventListener("keypress",this.keypressHandler,{signal:t})}iconOnlyChanged(e,t){ar(this.elementInternals,"icon",t)}appearanceChanged(e,t){lr(this.elementInternals,e,t,ar)}shapeChanged(e,t){lr(this.elementInternals,e,t,ar)}sizeChanged(e,t){lr(this.elementInternals,e,t,ar)}pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}setPressedState(){const e=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=e,ar(this.elementInternals,"pressed",this.pressed||this.mixed),this.$emit(Bd.pressedChange,this.pressed)}connectedCallback(){super.connectedCallback(),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}function Ld(e){return e?"string"==typeof e?new ji(e):"inline"in e?e.inline():e:ji.empty}Id([Ai],Ed.prototype,"appearance",void 0),Id([Ai],Ed.prototype,"shape",void 0),Id([Ai],Ed.prototype,"size",void 0),Id([Ai({attribute:"icon-only",mode:"boolean"})],Ed.prototype,"iconOnly",void 0),Id([Ai({mode:"boolean"})],Ed.prototype,"pressed",void 0),Id([Ai({mode:"boolean"})],Ed.prototype,"mixed",void 0);class Md{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let o=this.listenerCache.get(e);o||(o=this.constructListener(e),this.listenerCache.set(e,o)),o.bind(t)(),t.addEventListener("change",o)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class Pd extends Md{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new Pd(e,t)}constructListener(e){let t=!1;const o=this.styles;return function(){const{matches:n}=this;n&&!t?(e.addStyles(o),t=n):!n&&t&&(e.removeStyles(o),t=n)}}removedCallback(e){e.removeStyles(this.styles)}}const Rd=Pd.with(window.matchMedia("(forced-colors)"));function Od(e,...t){const o=Wi.locate(e);t.forEach(t=>{Object.getOwnPropertyNames(t.prototype).forEach(o=>{"constructor"!==o&&Object.defineProperty(e.prototype,o,Object.getOwnPropertyDescriptor(t.prototype,o))});Wi.locate(t).forEach(e=>o.push(e))})}Pd.with(window.matchMedia("(prefers-color-scheme: dark)")),Pd.with(window.matchMedia("(prefers-color-scheme: light)"));const Ad=e=>{var t;return e.nodeType!==Node.TEXT_NODE||!!(null===(t=e.nodeValue)||void 0===t?void 0:t.trim().length)},zd={top:"top",right:"right",bottom:"bottom",left:"left"},Nd="auto",Td="flip",Dd="none";function Fd(e){if(e){const t=e.getBoundingClientRect();return{top:t.top,bottom:t.bottom,left:t.left,right:t.right}}return{top:0,bottom:window.innerHeight,left:0,right:window.innerWidth}}function Hd(e,t,o=15){return{above:e.top-t.top-o,below:t.bottom-e.bottom-o,start:e.left-t.left-o,end:t.right-e.right-o}}function Vd(e){const t=e.boundingClientRect,o=e.rootBounds;if(o)return t.bottom>o.bottom?zd.bottom:t.top<o.top?zd.top:t.left<o.left?zd.left:t.right>o.right?zd.right:void 0}const _d=Hi`
|
|
31
31
|
${e("inline-flex")}
|
|
32
32
|
|
|
33
|
-
:host{--icon-spacing:${
|
|
33
|
+
:host{--icon-spacing:${I};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:${ol};outline-style:none;background-color:${ve};color:${p};border:${O} solid ${z};padding:0 ${te};min-width:calc(${we} * 3);border-radius:${i};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${I}}:host(${Wr}) .content{padding:0 ${h}}:host(${jr}) .content{padding:0 ${te}}:host(:hover){background-color:${g};color:${ke};border-color:${_}}:host(:hover:active){background-color:${f};border-color:${W};color:${Ce};outline-style:none}:host(:focus-visible){border-color:${P};outline:${M} solid ${P};box-shadow:${E},0 0 0 ${M} ${r}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${Se};height:${el};width:${hl}}: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(${_r}){width:${ol};height:${ol};min-width:${ol};min-height:${ol};max-width:${ol};max-height:${ol}}:host(${Xr}){--icon-spacing:${u};min-height:${tl};min-width:calc(${we} * 2);padding:0 ${s};border-radius:${Be};font-size:${y};line-height:${x};font-weight:${d}}:host(${Xr}${_r}){width:${tl};height:${tl};min-width:${tl};min-height:${tl};max-width:${tl};max-height:${tl}}:host(${jr}){min-height:calc(${Ie} + ${oe});border-radius:${Ee};padding:0 ${o};font-size:${$};line-height:${k}}:host(${jr}${_r}){min-width:calc(${Ie} + ${oe});max-width:calc(${Ie} + ${oe});max-height:calc(${Ie} + ${oe});min-height:calc(${Ie} + ${oe});width:calc(${Ie} + ${oe});height:calc(${Ie} + ${oe})}:host(${jr}) ::slotted(svg){font-size:${Se};height:${tl};width:${ul}}:host(:is(${Dr},${Dr}:focus-visible)){border-radius:${Le}}:host(:is(${Ur},${Ur}:focus-visible)){border-radius:${Me}}:host(${Gr}){background-color:${ve};color:${p};border-color:transparent}:host(${Gr}:hover){background-color:${Pe};color:${p}}:host(${Gr}:is(:hover,:hover:active)){border-color:${Re}}:host(${Gr}:hover:active){border-color:${P};background-color:${Oe};color:${pe}}:host(${Gr}:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(${Kr}){background-color:${m};color:${Ae}}:host(${Kr}:hover){background-color:${V}}:host(${Kr}:hover:active){background-color:${j}}:host(${Yr}){background-color:${N};color:${Ae};border-color:transparent}:host(${Yr}:hover){background-color:${K};color:${b};border-color:transparent}:host(${Yr}:hover:active){background-color:${q};color:${v};border-color:transparent}:host(${Yr}:hover) ::slotted(svg){fill:${ze}}:host(${Yr}:hover:active) ::slotted(svg){fill:${Ne}}:host(${Qr}){background-color:${m};color:${Ae}}:host(${Qr}:hover){background-color:${V};color:${ze}}:host(${Qr}:hover:active){background-color:${j};color:${Ne}}:host(:is(${Qr},${Qr}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${ue};color:${pe};border-color:${me}}:host(
|
|
34
34
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
35
35
|
:focus-visible
|
|
36
36
|
)
|
|
37
|
-
){border-color:${
|
|
37
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${be}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 ${M} ${r}}:host(
|
|
38
38
|
:is(
|
|
39
39
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
40
40
|
)
|
|
@@ -46,104 +46,130 @@ var Zr=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[hr
|
|
|
46
46
|
:is(
|
|
47
47
|
:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]
|
|
48
48
|
):hover:active
|
|
49
|
-
){background-color:${
|
|
50
|
-
${
|
|
49
|
+
){background-color:${Q};border-color:${Te};color:${w};cursor:not-allowed}:host(${Gr}:is(:disabled,[disabled-focusable])),:host(
|
|
50
|
+
${Gr}:is(:disabled,[disabled-focusable]):is(
|
|
51
51
|
:hover,:hover:active
|
|
52
52
|
)
|
|
53
|
-
){border-color:transparent}:host(${
|
|
54
|
-
${
|
|
53
|
+
){border-color:transparent}:host(${Kr}:is(:disabled,[disabled-focusable])),:host(
|
|
54
|
+
${Kr}:is(:disabled,[disabled-focusable]):is(
|
|
55
55
|
:hover,:hover:active
|
|
56
56
|
)
|
|
57
|
-
){background-color:${
|
|
58
|
-
${
|
|
59
|
-
){background-color:${
|
|
60
|
-
${
|
|
57
|
+
){background-color:${m}}:host(${Yr}:is(:disabled,[disabled-focusable])),:host(
|
|
58
|
+
${Yr}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)
|
|
59
|
+
){background-color:${m};border-color:transparent}:host(${Qr}:is(:disabled,[disabled-focusable])),:host(
|
|
60
|
+
${Qr}:is(:disabled,[disabled-focusable]):is(
|
|
61
61
|
:hover,:hover:active
|
|
62
62
|
)
|
|
63
|
-
){border-color:transparent;background-color:${
|
|
64
|
-
:host(${
|
|
65
|
-
${
|
|
66
|
-
:host([appearance='primary-on-brand']){background-color:${
|
|
63
|
+
){border-color:transparent;background-color:${m}}:host(${qr}){border-color:${P};background-color:${Oe};color:${De};border-width:${O}}:host(${qr}:hover){border-color:${_};background-color:${g};color:${ke}}:host(${qr}:active){border-color:${W};background-color:${f};color:${Ce}}:host(${qr}${Gr}){border-color:${P};background-color:${Oe};color:${De}}:host(${qr}${Gr}:hover){background-color:${p};color:${De}}:host(${qr}${Gr}:active){border-color:${P};background-color:${Oe};color:${De}}:host(${qr}${Yr}){border-color:transparent;background-color:${X};color:${Fe}}:host(${qr}${Yr}:hover){background-color:${K};color:${b}}:host(${qr}${Yr}:active){background-color:${q};color:${v}}:host(${qr}${Kr}),:host(${qr}${Qr}){background-color:${Z};color:${p};border-color:${W}}:host(${qr}${Kr}){border-width:${M}}:host(${qr}${Kr}:hover),:host(${qr}${Qr}:hover){background-color:${V}}:host(${qr}${Kr}:active),:host(${qr}${Qr}:active){background-color:${j};border-width:${M}}:host(${qr}${Qr}){border-color:transparent;color:${He}}:host(${qr}${Qr}:hover){color:${ze}}:host(${qr}${Qr}:active){color:${Ne}}`.withBehaviors(Rd(Hi`
|
|
64
|
+
:host(${qr}),:host(${qr}${Gr}),:host(${qr}${Yr}),:host(${qr}${Kr}),:host(${qr}${Qr}){background:SelectedItem;color:SelectedItemText}`));const jd=Fi`<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 ${Di("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,Wd=Ed.compose({name:`${Lr.prefix}-filter-pill`,template:jd,styles:_d,shadowOptions:{mode:Lr.shadowRootMode}}),Kd={...md},qd={...gd},Gd={...bd},Xd={...fd},Ud={...vd};var Zd=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Yd extends re{constructor(){super(...arguments),this.appearance=Kd.primary,this.iconOnly=!1}}Zd([Ai],Yd.prototype,"appearance",void 0),Zd([Ai],Yd.prototype,"shape",void 0),Zd([Ai],Yd.prototype,"size",void 0),Zd([Ai({attribute:"icon-only",mode:"boolean"})],Yd.prototype,"iconOnly",void 0);const Qd=Hi`
|
|
65
|
+
${Ve}
|
|
66
|
+
:host([appearance='primary-on-brand']){background-color:${ue};color:${pe};border-color:${me}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${pe}}:host(
|
|
67
67
|
[appearance="primary-on-brand"]:is(:hover,:hover:active):not(
|
|
68
68
|
:focus-visible
|
|
69
69
|
)
|
|
70
|
-
){border-color:${
|
|
71
|
-
${
|
|
70
|
+
){border-color:${me}}:host([appearance="primary-on-brand"]:is(:hover,:hover:active)){color:${pe};background-color:${ge}}:host([appearance="primary-on-brand"]:hover:active){background-color:${be}}:host([appearance="primary-on-brand"]:focus-visible){border-color:${pe};box-shadow:${ee},0 0 0 2px ${r}}`,Jd=Yd.compose({name:`${Lr.prefix}-compound-button`,template:_e,styles:Qd,shadowOptions:{mode:Lr.shadowRootMode}});var ec=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class tc extends je{constructor(){super(...arguments),this.loading=!1}}ec([Ai({mode:"boolean"})],tc.prototype,"loading",void 0);const oc=Hi`
|
|
71
|
+
${he}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${i}}:host([size="small"]) fluent-button{gap:${u}}fabric-spinner{display:none}.content{gap:${s}}:host([size="large"]) .content{gap:${te}}:host([loading]){cursor:not-allowed}:host([loading]) fabric-spinner{display:block}`;const nc=Fi`<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 ${Di("defaultSlottedContent")}></slot></span><slot name="end"></slot></template>`,ic=tc.compose({name:`${Lr.prefix}-loading-button`,template:nc,styles:oc,shadowOptions:{mode:Lr.shadowRootMode}}),rc={hiddenChange:"hidden-change"};var sc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class ac extends Oi{constructor(){super(...arguments),this.hidden=!0}hiddenChanged(e,t){e!==t&&this.$emit(rc.hiddenChange,this.hidden)}}sc([Ai({mode:"boolean"})],ac.prototype,"hidden",void 0);const lc=Hi`
|
|
72
72
|
${e("block")}
|
|
73
73
|
|
|
74
|
-
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${
|
|
74
|
+
:host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;border-color:${P};outline:${M} solid ${P};box-shadow:${E},0 0 0 2px ${r}}`;const dc=Fi`<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>`,cc=ac.compose({name:`${Lr.prefix}-multi-view`,template:dc,styles:lc,shadowOptions:{mode:Lr.shadowRootMode}});class hc extends Oi{}const uc=Hi`
|
|
75
75
|
${e("flex")}
|
|
76
|
-
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${
|
|
77
|
-
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const Na=Li`<template slot="controller" role="tab"><slot></slot></template>`,Da=Oa.compose({name:`${wr.prefix}-multi-view-controller`,template:Na,styles:Aa});var Fa=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ta extends ki{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(),Ci.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,Ci.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 La){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case zi:e.preventDefault(),this.adjustBackward();break;case Ki:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case Ti:e.preventDefault(),this.adjustForward();break;case ji:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Hi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Vi:case Wi:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case _i:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===_i)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Vi)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(),Ci.enqueue(()=>this.setControllers()),Ci.enqueue(()=>this.setMultiViews()),Ci.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${Gi()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${Gi()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}Fa([Si],Ta.prototype,"multiViews",void 0),Fa([Si],Ta.prototype,"controllers",void 0),Fa([Si],Ta.prototype,"controllersContainer",void 0),Fa([Si],Ta.prototype,"openedMultiViews",void 0);const za=Mi`
|
|
76
|
+
:host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${ol};min-width:${pl};outline-style:none;background-color:${R};color:${p};border:${O} solid ${z};font-size:${l};font-family:${a};font-weight:${ye};line-height:${c};transition-duration:${xe};transition-property:background,border,color;transition-timing-function:${$e};cursor:pointer}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${ol};width:3px;background:${ue}}:host(:focus-visible)::after{content:"";position:absolute;inset:0px;cursor:pointer;border-radius:${Be};outline:none;box-shadow:inset 0 0 0 1px ${r}}`.withBehaviors(We(Hi`
|
|
77
|
+
:host(:focus-visible)::after{border:1px solid Highlight !important;box-shadow:inset 0 0 0 1px Highlight !important}`));const pc=Fi`<template slot="controller" role="tab"><slot></slot></template>`,mc=hc.compose({name:`${Lr.prefix}-multi-view-controller`,template:pc,styles:uc});var gc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class bc extends Oi{constructor(){super(...arguments),this.multiViews=[],this.controllers=[],this.openedMultiViews=[],this.previouslyOpenedMultiView=null,this.activeid="",this.prevActiveControllerIndex=0,this.activeControllerIndex=0,this.controllerIds=[],this.multiViewsIds=[],this.openMultiView=e=>{e.hidden&&(this.closeAllMultiViews(),e.hidden=!1,this.manageOpenedMultiViews(e))},this.manageOpenedMultiViews=e=>{this.addMultiViewToOpenedMultiViews(e),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews(),Ni.enqueue(()=>e.focus()),this.setComponent()},this.manageOpeningSecondMultiView=e=>{e.setAttribute("data-flexposition","2"),this.openedMultiViews.length>=2&&this.limitNumberOfOpenMultiViews();const t=this.multiViews[this.activeControllerIndex];t.hidden&&(this.addMultiViewToOpenedMultiViews(t),this.previouslyOpenedMultiView&&this.previouslyOpenedMultiView.removeAttribute("data-flexposition"),t.setAttribute("data-flexposition","2"))},this.openSecondMultiView=e=>{e.hidden&&(this.manageOpeningSecondMultiView(e),e.hidden=!1,Ni.enqueue(()=>e.focus()),this.previouslyOpenedMultiView=e)},this.closeMultiView=e=>{e.hidden||(this.manageClosedMultiViews(e),e.hidden=!0,this.change())},this.manageClosedMultiViews=e=>{e.hasAttribute("data-flexposition")&&e.removeAttribute("data-flexposition"),this.openedMultiViews=this.openedMultiViews.filter(t=>t!==e);const t=this.multiViews.indexOf(e),o=this.controllers[t];o instanceof HTMLElement&&(this.activeController&&this.activeController!==o&&(this.activeController.tabIndex=-1),this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=t,o.tabIndex=0,o.focus(),this.activeController=o),this.removeMultiViewFromOpenedMultiViews(e)},this.closeAllMultiViews=()=>{this.openedMultiViews.forEach(e=>{const t=e;this.closeMultiView(t)})},this.toggleMultiView=e=>{e.hidden?this.openMultiView(e):this.closeMultiView(e),this.change()},this.removeMultiViewFromOpenedMultiViews=e=>{const t=this.openedMultiViews.indexOf(e);t>-1&&this.openedMultiViews.splice(t,1)},this.addMultiViewToOpenedMultiViews=e=>{this.openedMultiViews.includes(e)||(this.openedMultiViews=[...this.openedMultiViews,e])},this.change=()=>{this.$emit("change",this.openedMultiViews)},this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>"true"===e.getAttribute("aria-hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e)&&null!==e.offsetParent,this.setMultiViews=()=>{this.multiViews.forEach((e,t)=>{if(e instanceof ac){const o=this.controllerIds[t],n=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-labelledby":o}),e.hidden?this.removeMultiViewFromOpenedMultiViews(e):this.addMultiViewToOpenedMultiViews(e)}})},this.focusFirstController=()=>{this.activeControllerIndex=0,this.activeController=this.controllers[this.activeControllerIndex],this.activeController.tabIndex=0,this.activeController.focus()},this.makeControllerUnfocusable=()=>{this.activeController=void 0,this.controllers.forEach(e=>{e.tabIndex=-1})},this.handleControllerClick=e=>{const t=e.currentTarget;if(1!==t.nodeType||!this.isFocusableElement(t))return;this.prevActiveControllerIndex=this.activeControllerIndex,this.activeControllerIndex=this.controllers.indexOf(t);const o=this.multiViews[this.activeControllerIndex];e.ctrlKey?this.openSecondMultiView(o):this.toggleMultiView(o)},this.handleControllerKeyDown=e=>{const t=this.multiViews[this.activeControllerIndex],o=e.currentTarget;switch(e.key){case Ui:e.preventDefault(),this.adjustBackward();break;case tr:e.preventDefault(),this.makeControllerUnfocusable(),this.controllersContainer.focus();break;case Xi:e.preventDefault(),this.adjustForward();break;case Ji:e.preventDefault(),this.adjust(-this.activeControllerIndex);break;case Zi:e.preventDefault(),this.adjust(this.controllers.length-this.activeControllerIndex-1);break;case Yi:case er:e.ctrlKey?(e.preventDefault(),this.openSecondMultiView(t)):(e.preventDefault(),this.toggleMultiView(t));break;case Qi:e.preventDefault(),o.blur()}},this.handleMultiViewKeyDown=e=>{const t=e.currentTarget;if(e.key===Qi)e.preventDefault(),this.closeMultiView(t)},this.handleToggleButtonContainerKeyDown=e=>{if(e.key===Yi)e.preventDefault(),e.target===this.controllersContainer&&this.focusFirstController()},this.adjustForward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)+1:1,t===e.length&&(t=0);t<e.length&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}if(this.activeController&&t===e.indexOf(this.activeController))break;t+1>=e.length?t=0:t+=1}},this.adjustBackward=()=>{const e=this.controllers;let t=0;for(t=this.activeController?e.indexOf(this.activeController)-1:0,t=t<0?e.length-1:t;t>=0&&e.length>1;){if(this.isFocusableElement(e[t])){this.moveToToggleButtonByIndex(e,t);break}t-1<0?t=e.length-1:t-=1}},this.moveToToggleButtonByIndex=(e,t)=>{const o=e[t];this.activeController=o,this.activeController.tabIndex=0,this.prevActiveControllerIndex=this.activeControllerIndex,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.activeControllerIndex=t,o.focus(),this.setComponent()}}connectedCallback(){super.connectedCallback(),this.initialize()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListeners()}initialize(){this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.activeControllerIndex=this.getActiveIndex(),Ni.enqueue(()=>this.setControllers()),Ni.enqueue(()=>this.setMultiViews()),Ni.enqueue(()=>this.addEventListeners())}limitNumberOfOpenMultiViews(){const e=this.openedMultiViews.shift();e&&(e.removeAttribute("data-flexposition"),e.hidden=!0)}activeidChanged(e,t){this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length&&(this.prevActiveControllerIndex=this.controllers.findIndex(t=>t.id===e),this.activeControllerIndex=this.controllers.findIndex(e=>e.id===t),this.controllers[this.activeControllerIndex].tabIndex=0,this.controllers[this.prevActiveControllerIndex].tabIndex=-1,this.setControllers(),this.setMultiViews())}controllersChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}multiViewsChanged(){this.isValidMultiViewState()&&(this.controllerIds=this.getControllerIds(),this.multiViewsIds=this.getMultiViewIds(),this.setControllers(),this.setMultiViews())}openedMultiViewsChanged(){this.controllers.forEach((e,t)=>{const o=this.multiViews[t];this.openedMultiViews.includes(o)?(e.setAttribute("aria-expanded","true"),e.setAttribute("aria-selected","true")):(e.setAttribute("aria-expanded","false"),e.setAttribute("aria-selected","false"))})}isValidMultiViewState(){return this.$fastController.isConnected&&this.controllers.length<=this.multiViews.length}getActiveIndex(){if(void 0!==this.activeid){let e=this.controllerIds.indexOf(this.activeid);for(;-1!==e;){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e;e=this.controllerIds.indexOf(this.activeid,e+1)}}for(let e=0;e<this.controllerIds.length;e++){const t=document.getElementById(this.controllerIds[e]);if(t&&"true"!==t.getAttribute("aria-hidden"))return e}return 0}setControllers(){this.activeController=this.controllers[this.activeControllerIndex],this.controllers.forEach((e,t)=>{if(!(e instanceof HTMLElement))return;const o=this.activeControllerIndex===t&&this.isFocusableElement(e),n=this.controllerIds[t],i=this.multiViewsIds[t];this.setAttributes(e,{id:n,"aria-controls":i}),o&&(this.activeController=e,this.activeid=n)})}getControllerIds(){return this.controllers.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`controller-${nr()}`})}getMultiViewIds(){return this.multiViews.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`multiView-${nr()}`})}setComponent(){this.activeControllerIndex!==this.prevActiveControllerIndex&&(this.activeid=this.controllerIds[this.activeControllerIndex],this.change())}handleControllerBlur(e){e.currentTarget.tabIndex=-1}adjust(e){const t=this.controllers.filter(e=>!this.isDisabledElement(e));if(this.activeController){const o=t.indexOf(this.activeController),n=function(e,t,o){return Math.min(Math.max(o,e),t)}(0,t.length-1,o+e),i=this.controllers.indexOf(t[n]);i>-1&&this.moveToToggleButtonByIndex(this.controllers,i)}}setAttributes(e,t){Object.entries(t).forEach(([t,o])=>{e.setAttribute(t,o)})}addEventListeners(){this.controllersContainer&&this.controllersContainer.addEventListener("keydown",this.handleToggleButtonContainerKeyDown),this.controllers.forEach(e=>{e.addEventListener("click",this.handleControllerClick),e.addEventListener("keydown",this.handleControllerKeyDown),e.addEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.addEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}removeEventListeners(){this.controllers.forEach(e=>{e.removeEventListener("click",this.handleControllerClick),e.removeEventListener("keydown",this.handleControllerKeyDown),e.removeEventListener("blur",this.handleControllerBlur)}),this.multiViews.forEach(e=>{e.removeEventListener("keydown",e=>this.handleMultiViewKeyDown(e))})}}gc([zi],bc.prototype,"multiViews",void 0),gc([zi],bc.prototype,"controllers",void 0),gc([zi],bc.prototype,"controllersContainer",void 0),gc([zi],bc.prototype,"openedMultiViews",void 0);const fc=Hi`
|
|
78
78
|
${e("flex")}
|
|
79
|
-
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${
|
|
80
|
-
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=
|
|
81
|
-
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;if(this.popoverReference)if(this.originalPopoverPosition||(this.originalPopoverPosition=this.position),this.open){if(this.popoverReference.classList.add("popover-open"),this.addActiveHandlers(),this.positioning&&!this.positioning.checkPosition(this.position)){const e=this.positioning.getOpenPositions();this.position=e[0]}}else 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()}initializeTargetId(){if(!this.targetId){const e=
|
|
79
|
+
:host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;border-color:${P};outline:${M} solid ${P};box-shadow:${E},0 0 0 2px ${r}}`;const vc=Fi`<template><div class="root"><div class="views" part="views"><slot name="multi-view" ${Di("multiViews")}></slot></div><div class="controllers" part="controllers" role="tablist" aria-label="${e=>e.ariaLabel}" tabindex="${e=>e.hidden?"-1":"0"}" ${Vi("controllersContainer")}><slot name="controller" ${Di("controllers")}></slot></div></div></template>`,wc=bc.compose({name:`${Lr.prefix}-multi-view-group`,template:vc,styles:fc,shadowOptions:{mode:Lr.shadowRootMode}}),yc={right:"right",left:"left"};function xc(e,t){let o;return function(...n){clearTimeout(o),o=window.setTimeout(()=>e.apply(this,n),t)}}const $c={aboveEnd:"above-end",aboveCenter:"above-center",aboveStart:"above-start",endBottom:"end-bottom",endMiddle:"end-middle",endTop:"end-top",belowEnd:"below-end",belowCenter:"below-center",belowStart:"below-start",startBottom:"start-bottom",startTop:"start-top",startMiddle:"start-middle"},kc=$c,Cc=Object.values($c),Sc={auto:Nd,flip:Td,none:Dd},Bc={hide:"hide-popover",show:"show-popover",toggle:"toggle-popover",mouseEnter:"mouse-enter-popover",mouseLeave:"mouse-leave-popover"};class Ic{set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}set popoverReference(e){this._popoverReference=e}get popoverReference(){return this._popoverReference}set position(e){this._position=e}get position(){return this._position}get openPositions(){return this.getOpenPositions()}constructor(e){this.rootMargin=15,this.overflowBoundaryReference=null,this._position=kc.aboveEnd,this._openPositions=[],this.checkPosition=e=>{var t,o,n;const i=null===(t=this._popoverReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=Hd(r,Fd(this.overflowBoundaryReference),this.rootMargin),o=i.height<t.above,s=i.height<t.below,a=i.width<t.start,l=i.width<t.end,d=(i.width-r.width)/2,c=d<t.start&&d<t.end,h=i.width<t.start+r.width&&t.end>0,u=i.width<t.end+r.width&&t.start>0,p=(i.height-r.height)/2,m=p<t.above&&p<t.below,g=i.height-r.height<t.above,b=t.above>0;return null!==(n={[kc.aboveStart]:o&&u,[kc.aboveCenter]:o&&c,[kc.aboveEnd]:o&&h,[kc.belowStart]:s&&u,[kc.belowCenter]:s&&c,[kc.belowEnd]:s&&h,[kc.startTop]:a&&b,[kc.startMiddle]:a&&m,[kc.startBottom]:a&&g,[kc.endTop]:l&&b,[kc.endMiddle]:l&&m,[kc.endBottom]:l&&g}[e])&&void 0!==n&&n}return!1},this.getOpenPositions=()=>(this._openPositions=Cc.filter(e=>this.checkPosition(e)),this._openPositions),this.oppositePosition=e=>{switch(e){case zd.top:return this.position===kc.aboveStart?[kc.belowStart]:this.position===kc.aboveCenter?[kc.belowCenter]:this.position===kc.aboveEnd?[kc.belowEnd]:[kc.belowCenter];case zd.right:return this.position===kc.endBottom?[kc.startBottom]:this.position===kc.endMiddle?[kc.startMiddle]:this.position===kc.endTop?[kc.startTop]:[kc.startMiddle];case zd.bottom:return this.position===kc.belowStart?[kc.aboveStart]:this.position===kc.belowCenter?[kc.aboveCenter]:this.position===kc.belowEnd?[kc.aboveEnd]:[kc.aboveCenter];case zd.left:return this.position===kc.startTop?[kc.endTop]:this.position===kc.startMiddle?[kc.endMiddle]:this.position===kc.startBottom?[kc.endBottom]:[kc.endMiddle]}},this.getOpenPositionsFromEdge=e=>{if("auto"===this.repositionMode)return Cc.filter(e=>this.checkPosition(e));if("flip"===this.repositionMode&&e){const t=this.oppositePosition(e).filter(e=>this.checkPosition(e));return t.length>0?t:[this.position]}return e?this.oppositePosition(e):[this.position]},this.findOpenPositionsFromCollision=e=>{const t=Vd(e);return this.getOpenPositionsFromEdge(t)};const{repositionMode:t,popoverReference:o,anchorReference:n,overflowBoundaryReference:i}=e;this._repositionMode=t,this._popoverReference=o,this.anchorReference=n,i&&(this.overflowBoundaryReference=i)}}var Ec=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Lc extends Oi{constructor(){super(...arguments),this.beak=!1,this.nonClickable=!1,this.size="medium",this.mode="manual",this.position=kc.belowCenter,this.refsLoaded=!1,this.refsLoadedChanged=()=>{this.addTransitionStyles()},this.transitionDuration=100,this.transitionDelay=0,this.transitionComplete=!0,this.onTransitionEnd=()=>{this.transitionComplete||(this.transitionComplete=!0)},this.onTransitionStart=()=>{this.transitionComplete&&(this.transitionComplete=!1)},this.repositionMode=Sc.flip,this.openPositions=[],this.open=!1,this.hidePopover=()=>{this.open=!1,this.emitHideEvent()},this.showPopover=()=>{this.open=!0,this.emitShowEvent()},this.togglePopover=()=>(this.open=!this.open,this.emitToggleEvent(),this.open),this.emitHideEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Bc.hide,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.emitShowEvent=()=>{var e;null===(e=this.popoverReference)||void 0===e||e.dispatchEvent(new CustomEvent(Bc.show,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseEnterEvent=()=>{this.dispatchEvent(new CustomEvent(Bc.mouseEnter,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"open"}}))},this.emitMouseLeaveEvent=()=>{this.dispatchEvent(new CustomEvent(Bc.mouseLeave,{bubbles:!0,composed:!0,detail:{target:this,open:this.open,newState:"closed"}}))},this.addMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.addEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.addEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.addEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.addEventListener("mouseleave",this.emitMouseLeaveEvent)},this.removeMouseOverEventListeners=()=>{var e,t,o,n;null===(e=this.popoverReference)||void 0===e||e.removeEventListener("transitionstart",this.onTransitionStart),null===(t=this.popoverReference)||void 0===t||t.removeEventListener("transitionend",this.onTransitionEnd),null===(o=this.popoverReference)||void 0===o||o.removeEventListener("mouseenter",this.emitMouseEnterEvent),null===(n=this.popoverReference)||void 0===n||n.removeEventListener("mouseleave",this.emitMouseLeaveEvent)},this.updatePopoverPosition=()=>{this.observePopoverOverflow()},this.handleWindowChanges=xc(()=>{var e;const t=null===(e=this.shadowRoot)||void 0===e?void 0:e.querySelector(".popover");t&&this.removeTransitionStyles(),this.updatePopoverPosition(),setTimeout(()=>{t&&this.addTransitionStyles()},1e3)},50),this.handleWindowClick=e=>{const t=e.composedPath();this.anchorReferences&&this.anchorReferences[0]&&t.includes(this.anchorReferences[0])||this.open&&this.hidePopover()},this.createOverflowHandler=()=>{const e={root:document};this.overflowBoundary&&(e.root=this.overflowBoundary),this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalPopoverPosition||this.position),e.forEach(e=>{var t,o;e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),(null===(t=this.openPositions)||void 0===t?void 0:t.length)>0&&this.repositionPopover(this.openPositions)):(null===(o=this.openPositions)||void 0===o?void 0:o.length)>0&&this.releasePositions()})},this.repositionPopover=e=>{this.position=e[0],this.positioning&&(this.positioning.position=this.position)}}nonClickableChanged(){this.processAnchorEventListeners()}anchorReferencesChanged(){this.initializeTargetId(),this.processAnchorEventListeners(),this.checkAllLoaded()}checkAllLoaded(){this.popoverReference&&this.anchorReferences&&this.anchorReferences.length>0&&void 0!==this.transitionDuration&&void 0!==this.transitionDelay&&(this.refsLoaded=!0)}transitionDurationChanged(){this.addTransitionStyles()}transitionDelayChanged(){this.addTransitionStyles()}addTransitionStyles(){var e;if(void 0!==this.transitionDelay&&void 0!==this.transitionDuration){const t=Hi`
|
|
80
|
+
:host{--popoverTransition:${this.transitionDuration.toString()}ms;--popoverTransitionDelay:${this.transitionDelay.toString()}ms}`;t.styles[0]!==(null===(e=this.styles)||void 0===e?void 0:e.styles[0])&&(this.styles=t,this.$fastController.addStyles(this.styles))}}removeTransitionStyles(){this.styles=Hi`
|
|
81
|
+
:host{--popoverTransition:0ms;--popoverTransitionDelay:0ms}`,this.$fastController.addStyles(this.styles)}repositionModeChanged(){this.positioning&&(this.positioning.repositionMode=this.repositionMode)}openChanged(){var e;if(this.popoverReference)if(this.originalPopoverPosition||(this.originalPopoverPosition=this.position),this.open){if(this.popoverReference.classList.add("popover-open"),this.addActiveHandlers(),this.positioning&&!this.positioning.checkPosition(this.position)){const e=this.positioning.getOpenPositions();this.position=e[0]}}else 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()}initializeTargetId(){if(!this.targetId){const e=nr("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(Bc.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)}addRepositioningHandlers(){"none"!==this.repositionMode&&(this.createOverflowHandler(),this.addWindowEventListeners())}createPositioningManager(){var e;this.popoverReference&&"none"!==this.repositionMode&&(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}))}removeEventListeners(){var e;this.popoverReference&&(this.removeWindowEventListeners(),this.removeOverlayEventListeners(),this.removeMouseOverEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this.popoverReference))}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in Cc){const t=Cc[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalPopoverPosition&&(this.position=this.originalPopoverPosition))}}observePopoverOverflow(){var e,t;null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this.popoverReference&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this.popoverReference))}connectedCallback(){var e;super.connectedCallback(),this.open&&(null===(e=this.popoverReference)||void 0===e||e.classList.add("popover-open"))}}Ec([Ai({mode:"boolean"})],Lc.prototype,"beak",void 0),Ec([Ai({mode:"boolean",attribute:"non-clickable"})],Lc.prototype,"nonClickable",void 0),Ec([Ai],Lc.prototype,"size",void 0),Ec([Ai],Lc.prototype,"mode",void 0),Ec([Ai],Lc.prototype,"position",void 0),Ec([Ai({attribute:"target-id"})],Lc.prototype,"targetId",void 0),Ec([zi],Lc.prototype,"anchorReferences",void 0),Ec([zi],Lc.prototype,"refsLoaded",void 0),Ec([Ai({attribute:"transition-duration",converter:Ki})],Lc.prototype,"transitionDuration",void 0),Ec([Ai({attribute:"transition-delay",converter:Ki})],Lc.prototype,"transitionDelay",void 0),Ec([Ai({attribute:"reposition-mode"})],Lc.prototype,"repositionMode",void 0),Ec([zi],Lc.prototype,"openPositions",void 0),Ec([Ai({mode:"boolean"})],Lc.prototype,"open",void 0),Ec([zi],Lc.prototype,"popoverReference",void 0),Ec([zi],Lc.prototype,"popoverRole",void 0),Ec([zi],Lc.prototype,"overflowBoundary",void 0);const Mc=Hi`
|
|
82
82
|
${e("block")}
|
|
83
83
|
|
|
84
|
-
:host([mode="auto"]) .popover-overlay{position:fixed;inset:0;z-index:0;display:none;background-color:transparent;width:100vw;height:100vh}:host([mode="auto"]) .popover-overlay.overlay-open{display:block}.popover-container{position:relative;width:fit-content}.popover{font-family:${
|
|
84
|
+
:host([mode="auto"]) .popover-overlay{position:fixed;inset:0;z-index:0;display:none;background-color:transparent;width:100vw;height:100vh}:host([mode="auto"]) .popover-overlay.overlay-open{display:block}.popover-container{position:relative;width:fit-content}.popover{font-family:${a};background-color:${R};border-radius:${i};border:1px solid ${T};box-shadow:${D};visibility:hidden;opacity:0;z-index:0;position:absolute;inset:0;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${o};transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${te};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${t};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 ${R};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([position="above-start"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(0%,-90%)}:host([position="above-start"]) .popover.popover-open{transform:translate(0%,-100%)}:host([position="above-start"][beak]) .popover.popover-open{top:-12px;}:host([position="above-start"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
85
|
+
${o} + var(--beakShadowHorizontalNudge,0px)
|
|
86
|
+
);top:calc(
|
|
85
87
|
-8px + var(--beakShadowVerticalNudge)
|
|
86
|
-
);transform:rotate(180deg);filter:blur(4px)}:host([position="above-start"][beak]) .beak{left:16px;top:100%;transform:rotate(180deg)}:host([position="above-center"]) .popover{left:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-90%)}:host([position="above-center"]) .popover.popover-open{transform:translate(-50%,-100%)}:host([position="above-center"][beak]) .popover.popover-open{transform:translate(-50%,-100%);top:-12px}:host([position="above-center"][beak]) .beak-shadow:after{left:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-center"][beak]) .beak{left:calc(50% - 8px);top:100%;transform:rotate(180deg)}:host([position="above-end"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-90%)}:host([position="above-end"]) .popover.popover-open{transform:translate(-100%,-100%)}:host([position="above-end"][beak]) .popover.popover-open{transform:translate(-100%,-100%);top:-12px}:host([position="above-end"][beak]) .beak-shadow:after{right:calc(16px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-end"][beak]) .beak{right:16px;top:100%;transform:rotate(180deg)}:host([position="end-top"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-top"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-top"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-top"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="end-top"][beak]) .beak{left:-12px;top:16px;transform:rotate(270deg)}:host([position="end-middle"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-10%,-50%)}:host([position="end-middle"]) .popover.popover-open{transform:translate(0%,-50%)}:host([position="end-middle"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-middle"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="end-middle"][beak]) .beak{left:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([position="end-bottom"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-bottom"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-bottom"][beak]) .popover.popover-open{left:calc(100% + 12px)}:host([position="end-bottom"][beak]) .beak-shadow:after{left:calc(100% - 1px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:calc(17px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);filter:blur(3px)}:host([position="end-bottom"][beak]) .beak{left:-12px;top:unset;bottom:16px;transform:rotate(270deg)}:host([position="below-start"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(0%,-10%)}:host([position="below-start"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="below-start"][beak]) .popover.popover-open{top:calc(100% + 12px)}:host([position="below-start"][beak]) .beak-shadow:after{left:calc(16px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-start"][beak]) .beak{left:16px;top:-8px;transform:rotate(0deg)}:host([position="below-center"]) .popover{left:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-10%)}:host([position="below-center"]) .popover.popover-open{transform:translate(-50%,0%)}:host([position="below-center"][beak]) .popover.popover-open{top:calc(100% + 8px)}:host([position="below-center"][beak]) .beak-shadow:after{left: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([position="below-center"][beak]) .beak{left:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([position="below-end"]) .popover{left:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-10%)}:host([position="below-end"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="below-end"][beak]) .popover.popover-open{top:calc(100% + 12px)}:host([position="below-end"][beak]) .beak-shadow:after{right:calc(16px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-end"][beak]) .beak{right:16px;top:-8px;transform:rotate(0deg)}:host([position="start-top"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-top"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-top"][beak]) .popover.popover-open{left:-12px}:host([position="start-top"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="start-top"][beak]) .beak{right:-12px;top:16px;transform:rotate(90deg)}:host([position="start-middle"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-90%,-50%)}:host([position="start-middle"]) .popover.popover-open{transform:translate(-100%,-50%)}:host([position="start-middle"][beak]) .popover.popover-open{left:-12px}:host([position="start-middle"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="start-middle"][beak]) .beak{right:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([position="start-bottom"]) .popover{left:calc(0% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-bottom"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-bottom"][beak]) .popover.popover-open{left:-12px}:host([position="start-bottom"][beak]) .beak-shadow:after{left:calc(-15px + var(--beakShadowHorizontalNudge,0px));top:unset;bottom:calc(17px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);filter:blur(3px)}:host([position="start-bottom"][beak]) .beak{right:-12px;top:unset;bottom:16px;transform:rotate(90deg)}`;const Qa=Li` ${Ge({})}<div class="popover-container" role="dialog"><slot name="popover-trigger" ${Ei("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Pi("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${Di(e=>e.beak,Li`<div part="beak" class="beak"></div>`)}</div>${Di(e=>e.beak,Li`<div part="beak-shadow" class="beak-shadow"></div>`)}</div>${Ue({})} `,Ja=Za.compose({name:`${wr.prefix}-popover`,template:Qa,styles:Ya,shadowOptions:{mode:wr.shadowRootMode}}),el=["base","embed","form","frame","iframe","link","meta","object","script","style"],tl=["data","formaction","onclick","onerror","onload","onmouseover","src"];class ol{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,el,tl),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var n;const i=e.tagName.toLowerCase();t.includes(i)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${i}>`),null===(n=e.parentNode)||void 0===n||n.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}ol.parser=new DOMParser,ol.sanitize.bind(ol);class nl{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 ol.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),n=o.querySelector(`symbol[id="${t}"]`);if(!n)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",r=o.createElementNS(i,"svg");return e.includes(`xmlns="${i}"`)||r.setAttribute("xmlns",i),r.setAttribute("viewBox",n.getAttribute("viewBox")||""),Array.from(n.childNodes).forEach(e=>{r.appendChild(e.cloneNode(!0))}),il(r),r.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),n=this.parseSVG(o),i=n.querySelector("symbol");return i?this.getSVGDetailsFromSymbol(i):this.getSVGDetailsFromSVGElement(n)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));il(o);const n=e.getAttribute("width")||void 0,i=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:n,height:i}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,n;return t&&(o=t.getAttribute("width")||void 0,n=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:n}}}function il(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}nl.cache=new Map,nl.parser=new DOMParser;var rl=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class sl extends ki{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,nl.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const n=this.shadowRoot.querySelector("svg");n&&this.updateSvgAttributes(n)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${t})`,e.style.height=`var(--icon-height, ${t})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","0"),o.setAttribute("y1","0"),o.setAttribute("x2","20"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)");const n=document.createElementNS("http://www.w3.org/2000/svg","line");n.setAttribute("x1","20"),n.setAttribute("y1","0"),n.setAttribute("x2","0"),n.setAttribute("y2","20"),n.setAttribute("stroke","var(--colorPaletteRedForeground1)"),n.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(o),e.appendChild(n),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=Mi`
|
|
87
|
-
|
|
88
|
-
|
|
88
|
+
);transform:rotate(180deg);filter:blur(4px)}:host([position="above-start"][beak]) .beak{inset-inline-start:${o};top:100%;transform:rotate(180deg)}:host([position="above-center"]) .popover{inset-inline-start:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-90%)}:host([position="above-center"]) .popover.popover-open{transform:translate(-50%,-100%)}:host([position="above-center"][beak]) .popover.popover-open{transform:translate(-50%,-100%);top:-12px;}:host([position="above-center"][beak]) .beak-shadow:after{inset-inline-start:calc(50% - 8px + var(--beakShadowHorizontalNudge,0px));top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-center"][beak]) .beak{inset-inline-start:calc(50% - 8px);top:100%;transform:rotate(180deg)}:host([position="above-end"]) .popover{inset-inline-start:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-90%)}:host([position="above-end"]) .popover.popover-open{transform:translate(-100%,-100%)}:host([position="above-end"][beak]) .popover.popover-open{transform:translate(-100%,-100%);top:-12px;}:host([position="above-end"][beak]) .beak-shadow:after{inset-inline-end:calc(
|
|
89
|
+
${o} + var(--beakShadowHorizontalNudge,0px)
|
|
90
|
+
);top:calc(-8px + var(--beakShadowVerticalNudge,0px));transform:rotate(180deg)}:host([position="above-end"][beak]) .beak{inset-inline-end:${o};top:100%;transform:rotate(180deg)}:host([position="end-top"]) .popover{inset-inline-start:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-top"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-top"][beak]) .popover.popover-open{inset-inline-start:calc(100% + ${te})}:host([position="end-top"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
91
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
92
|
+
);top:calc(18px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="end-top"][beak]) .beak{inset-inline-start:-12px;top:${Ke};transform:rotate(270deg)}:host([position="end-middle"]) .popover{inset-inline-start:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-10%,-50%)}:host([position="end-middle"]) .popover.popover-open{transform:translate(0%,-50%)}:host([position="end-middle"][beak]) .popover.popover-open{inset-inline-start:calc(100% + ${te})}:host([position="end-middle"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
93
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
94
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(270deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="end-middle"][beak]) .beak{inset-inline-start:-12px;top:calc(50% - 4px);transform:rotate(270deg)}:host([position="end-bottom"]) .popover{inset-inline-start:calc(100% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-10%,0%)}:host([position="end-bottom"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="end-bottom"][beak]) .popover.popover-open{inset-inline-start:calc(100% + ${te})}:host([position="end-bottom"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
95
|
+
100% - 1px + var(--beakShadowHorizontalNudge,0px)
|
|
96
|
+
);top:unset;bottom:calc(
|
|
97
|
+
17px + var(--beakShadowVerticalNudge,0px)
|
|
98
|
+
);transform:rotate(270deg);filter:blur(3px)}:host([position="end-bottom"][beak]) .beak{inset-inline-start:-12px;top:unset;bottom:${Ke};transform:rotate(270deg)}:host([position="below-start"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(0%,-10%)}:host([position="below-start"]) .popover.popover-open{transform:translate(0%,0%)}:host([position="below-start"][beak]) .popover.popover-open{top:calc(100% + ${ie})}:host([position="below-start"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
99
|
+
${o} + var(--beakShadowHorizontalNudge,0px)
|
|
100
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-start"][beak]) .beak{inset-inline-start:${o};top:-8px;transform:rotate(0deg)}:host([position="below-center"]) .popover{inset-inline-start:calc(50% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-50%,-10%)}:host([position="below-center"]) .popover.popover-open{transform:translate(-50%,0%)}:host([position="below-center"][beak]) .popover.popover-open{top:calc(100% + 8px)}:host([position="below-center"][beak]) .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([position="below-center"][beak]) .beak{inset-inline-start:calc(50% - 8px);top:-8px;transform:rotate(0deg)}:host([position="below-end"]) .popover{inset-inline-start:calc(100% + var(--popoverHorizontalNudge,0px));top:calc(100% + var(--popoverVerticalNudge,0px));transform:translate(-100%,-10%)}:host([position="below-end"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="below-end"][beak]) .popover.popover-open{top:calc(100% + ${ie})}:host([position="below-end"][beak]) .beak-shadow:after{inset-inline-end:calc(
|
|
101
|
+
${o} + var(--beakShadowHorizontalNudge,0px)
|
|
102
|
+
);top:unset;bottom:-12px;transform:rotate(0deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="below-end"][beak]) .beak{inset-inline-end:${o};top:-8px;transform:rotate(0deg)}:host([position="start-top"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-top"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-top"][beak]) .popover.popover-open{inset-inline-start:-12px;}:host([position="start-top"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
103
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
104
|
+
);top:calc(
|
|
105
|
+
18px + var(--beakShadowVerticalNudge,0px)
|
|
106
|
+
);transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.07);filter:blur(2px)}:host([position="start-top"][beak]) .beak{inset-inline-end:-12px;top:${Ke};transform:rotate(90deg)}:host([position="start-middle"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:calc(50% + var(--popoverVerticalNudge,0px));transform:translate(-90%,-50%)}:host([position="start-middle"]) .popover.popover-open{transform:translate(-100%,-50%)}:host([position="start-middle"][beak]) .popover.popover-open{inset-inline-start:-12px;}:host([position="start-middle"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
107
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
108
|
+
);top:calc(50% - 2px + var(--beakShadowVerticalNudge,0px));transform:rotate(90deg);border-bottom:8px solid rgba(0,0,0,0.11);filter:blur(2px)}:host([position="start-middle"][beak]) .beak{inset-inline-end:-12px;top:calc(50% - 4px);transform:rotate(90deg)}:host([position="start-bottom"]) .popover{inset-inline-start:calc(0% + var(--popoverHorizontalNudge,0px));top:unset;bottom:calc(0% + var(--popoverVerticalNudge,0px));transform:translate(-90%,0%)}:host([position="start-bottom"]) .popover.popover-open{transform:translate(-100%,0%)}:host([position="start-bottom"][beak]) .popover.popover-open{inset-inline-start:-12px;}:host([position="start-bottom"][beak]) .beak-shadow:after{inset-inline-start:calc(
|
|
109
|
+
-15px + var(--beakShadowHorizontalNudge,0px)
|
|
110
|
+
);top:unset;bottom:calc(
|
|
111
|
+
17px + var(--beakShadowVerticalNudge,0px)
|
|
112
|
+
);transform:rotate(90deg);filter:blur(3px)}:host([position="start-bottom"][beak]) .beak{inset-inline-end:-12px;top:unset;bottom:${Ke};transform:rotate(90deg)}`;const Pc=Fi`<slot name="start"></slot><div class="popover-container" role="dialog"><slot name="popover-trigger" ${Di("anchorReferences")}></slot><div role="${e=>e.popoverRole}" aria-label="${e=>e.ariaLabel}" class="popover" part="popover" id="${e=>e.targetId}" ${Vi("popoverReference")}><slot name="popover-content" part="popover-content"></slot>${qi(e=>e.beak,Fi`<div part="beak" class="beak"></div>`)}</div>${qi(e=>e.beak,Fi`<div part="beak-shadow" class="beak-shadow"></div>`)}</div><slot name="end"></slot>`,Rc=Lc.compose({name:`${Lr.prefix}-popover`,template:Pc,styles:Mc,shadowOptions:{mode:Lr.shadowRootMode}}),Oc=["base","embed","form","frame","iframe","link","meta","object","script","style"],Ac=["data","formaction","onclick","onerror","onload","onmouseover","src"];class zc{static sanitize(e){if(!this.isWellFormedSVG(e))return"";try{const t=this.parser.parseFromString(e,"image/svg+xml");return this.removeBlockedElementsAndAttributes(t,Oc,Ac),(new XMLSerializer).serializeToString(t)}catch(e){return console.error("SVG parsing error",e),""}}static isWellFormedSVG(e){try{const t=this.parser.parseFromString(e,"image/svg+xml").documentElement;return t&&"svg"===t.tagName.toLowerCase()}catch(e){return console.error("Error while validating SVG:",e),!1}}static removeBlockedElementsAndAttributes(e,t,o){e.querySelectorAll("*").forEach(e=>{var n;const i=e.tagName.toLowerCase();t.includes(i)?(console.warn(`Custom SVG Sanitizer: Found and removed blocked tag: <${i}>`),null===(n=e.parentNode)||void 0===n||n.removeChild(e)):e.getAttributeNames().forEach(t=>{(o.includes(t.toLowerCase())||/^on[a-z]+/.test(t.toLowerCase()))&&(console.warn(`Custom SVG Sanitizer: Found and removed blocked attribute: ${t} from <${e.tagName.toLowerCase()}>`),e.removeAttribute(t))})})}}zc.parser=new DOMParser,zc.sanitize.bind(zc);class Nc{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 zc.sanitize(e)});return this.cache.set(e,t),await t}catch(t){throw console.error(`Failed to fetch and cache SVG from path ${e}:`,t),t}return await this.cache.get(e)}static getIconFromSprite(e,t){const o=this.parser.parseFromString(e,"image/svg+xml"),n=o.querySelector(`symbol[id="${t}"]`);if(!n)return console.error(`Icon with ID ${t} not found in sprite.`),"";const i="http://www.w3.org/2000/svg",r=o.createElementNS(i,"svg");return e.includes(`xmlns="${i}"`)||r.setAttribute("xmlns",i),r.setAttribute("viewBox",n.getAttribute("viewBox")||""),Array.from(n.childNodes).forEach(e=>{r.appendChild(e.cloneNode(!0))}),Tc(r),r.outerHTML}static async getPreparedSVG(e,t){try{const o=await this.loadIconOrSprite(e,t),n=this.parseSVG(o),i=n.querySelector("symbol");return i?this.getSVGDetailsFromSymbol(i):this.getSVGDetailsFromSVGElement(n)}catch(t){throw console.error(`Failed to prepare SVG from path ${e}:`,t),t}}static parseSVG(e){return this.parser.parseFromString(e,"image/svg+xml")}static getSVGDetailsFromSymbol(e){const t=e.getAttribute("viewBox"),o=(new DOMParser).parseFromString("<svg></svg>","image/svg+xml").createElementNS("http://www.w3.org/2000/svg","svg");for(o.setAttribute("viewBox",t||"");e.firstChild;)o.appendChild(e.firstChild.cloneNode(!0));Tc(o);const n=e.getAttribute("width")||void 0,i=e.getAttribute("height")||void 0;return{content:o.outerHTML,width:n,height:i}}static getSVGDetailsFromSVGElement(e){const t=e.querySelector("svg");let o,n;return t&&(o=t.getAttribute("width")||void 0,n=t.getAttribute("height")||void 0),{content:(null==t?void 0:t.outerHTML)||"",width:o,height:n}}}function Tc(e){e.querySelectorAll("*").forEach(e=>{e.hasAttribute("xmlns")&&e.removeAttribute("xmlns")})}Nc.cache=new Map,Nc.parser=new DOMParser;var Dc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Fc extends Oi{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,Nc.getPreparedSVG(this.path,this.name).then(({content:e,width:t,height:o})=>{this.isLoading=!1,this.shadowRoot.innerHTML=e,this.updateComputedStylesheet(t,o);const n=this.shadowRoot.querySelector("svg");n&&this.updateSvgAttributes(n)}).catch(e=>{this.isLoading=!1,this.isError=!0,console.error(`Failed to load icon: ${this.path}`,e),this.renderErrorIcon()})}renderErrorIcon(){const e=document.createElementNS("http://www.w3.org/2000/svg","svg");e.style.width=`var(--icon-width, ${t})`,e.style.height=`var(--icon-height, ${t})`,e.setAttribute("viewBox","0 0 20 20"),e.setAttribute("aria-hidden","false"),e.setAttribute("alt","broken image");const o=document.createElementNS("http://www.w3.org/2000/svg","line");o.setAttribute("x1","0"),o.setAttribute("y1","0"),o.setAttribute("x2","20"),o.setAttribute("y2","20"),o.setAttribute("stroke","var(--colorPaletteRedForeground1)"),o.setAttribute("stroke-width","var(--strokeWidthThick)");const n=document.createElementNS("http://www.w3.org/2000/svg","line");n.setAttribute("x1","20"),n.setAttribute("y1","0"),n.setAttribute("x2","0"),n.setAttribute("y2","20"),n.setAttribute("stroke","var(--colorPaletteRedForeground1)"),n.setAttribute("stroke-width","var(--strokeWidthThick)"),e.appendChild(o),e.appendChild(n),this.shadowRoot.innerHTML="",this.shadowRoot.appendChild(e)}updateComputedStylesheet(e,t){this.size?["12","16","20","24","28","32","48"].includes(this.size)&&(this.computedStylesheet=Hi`
|
|
113
|
+
:host{--icon-height:${this.size}px;--icon-width:${this.size}px}`):e&&t&&(this.computedStylesheet=Hi`
|
|
114
|
+
:host{--icon-height:${t}px;--icon-width:${e}px}`),this.computedStylesheet&&this.$fastController.addStyles(this.computedStylesheet)}updateSvgAttributes(e){var t,o;if(void 0!==this.name){if(e.setAttribute("name",this.name),!this.size&&this.name.includes("_")){const e=this.name.split("_").find(e=>/^\d+$/.test(e));e&&(this.size=e)}}else e.removeAttribute("name");let n;if(this.size){const e=null===(t=this.size.split("_")[0].match(/\d+/))||void 0===t?void 0:t[0];e&&["12","16","20","24","28","32","48"].includes(e)?n=e:console.warn(`Invalid size "${this.size}" for SVG icon "${this.name}". Falling back to the default size token.`)}if(!n){const e=null===(o=getComputedStyle(this).getPropertyValue("--icon-width").trim().match(/\d+(?:\.\d+)?/))||void 0===o?void 0:o[0];e&&(n=e)}n&&(e.setAttribute("width",n),e.setAttribute("height",n)),this.ariaLabel?e.setAttribute("aria-label",this.ariaLabel):e.removeAttribute("aria-label"),e.setAttribute("aria-hidden",this.ariaHidden),e.setAttribute("focusable",this.focusable||"false"),this.role&&""!==this.role.trim()?e.setAttribute("role",this.role):e.removeAttribute("role")}}Dc([Ai],Fc.prototype,"name",void 0),Dc([Ai],Fc.prototype,"size",void 0),Dc([Ai],Fc.prototype,"path",void 0),Dc([Ai({attribute:"aria-hidden"})],Fc.prototype,"ariaHidden",void 0),Dc([Ai],Fc.prototype,"focusable",void 0);const Hc=Hi`
|
|
89
115
|
${e("inline-flex")}
|
|
90
116
|
|
|
91
|
-
:host,:host svg{height:var(--icon-height,${
|
|
117
|
+
:host,:host svg{height:var(--icon-height,${hl});width:var(--icon-width,${hl})}:host svg:not([role="img"]){fill:currentcolor}`,Vc=Fi`<template></template>`,_c=Fc.compose({name:`${Lr.prefix}-svg-icon`,template:Vc,styles:Hc,shadowOptions:{mode:Lr.shadowRootMode}});_c.define(Lr.registry);class jc extends Oi{connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}}const Wc={small:"small",medium:"medium",large:"large"},Kc=Hi`
|
|
92
118
|
${e("table-cell")}
|
|
93
119
|
|
|
94
|
-
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-
|
|
120
|
+
:host{vertical-align:inherit;unicode-bidi:isolate}.cell-content{display:flex;align-items:center}::slotted([slot="before"]){margin-inline-end:${s}}`;const qc=Fi`<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>`,Gc=jc.compose({name:`${Lr.prefix}-table-cell`,template:qc,styles:Kc,shadowOptions:{mode:Lr.shadowRootMode}});var Xc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Uc extends Oi{constructor(){super(...arguments),this.tableHeadRef=null,this.tableBodyRef=null,this.rows=[],this.columns=[],this.tableRendered=!1,this.sortDirection="ascending",this.activeColumnKey="",this.sortAnnouncer=null}sortableChanged(){this.sortable&&this.renderTableHead()}rowsChanged(){this.rows&&this.rows.length>0&&this.renderTableRows()}columnsChanged(){this.columns&&this.columns.length>0&&this.renderTableHead()}renderTable(){this.renderTableHead(),this.renderTableRows()}tableRenderedChanged(){this.tableRendered&&this.$emit("tableRendered",this),this.tableRendered=!1}toggleSortDirection(){this.sortDirection="ascending"===this.sortDirection?"descending":"ascending"}sortRows(e){this.rows.sort((t,o)=>{var n,i,r,s,a,l,d,c,h,u,p,m;return"descending"===e?(null!==(r=null===(i=null===(n=t[this.activeColumnKey])||void 0===n?void 0:n.label)||void 0===i?void 0:i[0])&&void 0!==r?r:"")<(null!==(l=null===(a=null===(s=o[this.activeColumnKey])||void 0===s?void 0:s.label)||void 0===a?void 0:a[0])&&void 0!==l?l:"")?1:-1:(null!==(h=null===(c=null===(d=t[this.activeColumnKey])||void 0===d?void 0:d.label)||void 0===c?void 0:c[0])&&void 0!==h?h:"")>(null!==(m=null===(p=null===(u=o[this.activeColumnKey])||void 0===u?void 0:u.label)||void 0===p?void 0:p[0])&&void 0!==m?m:"")?1:-1})}initializeSortAnnouncer(){const e=document.createElement("div");e.style.cssText="\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: hidden;\n pointer-events: none;\n ",this.sortAnnouncer=document.createElement("div"),this.sortAnnouncer.setAttribute("aria-live","assertive"),this.sortAnnouncer.setAttribute("aria-atomic","true"),this.sortAnnouncer.setAttribute("role","status"),this.sortAnnouncer.setAttribute("class","visually-hidden"),e.appendChild(this.sortAnnouncer),this.shadowRoot?this.shadowRoot.insertBefore(e,this.shadowRoot.firstChild):this.insertBefore(e,this.firstChild)}announceSortChange(e,t){this.sortAnnouncer&&(this.sortAnnouncer.textContent="",this.sortAnnouncer.offsetWidth,setTimeout(()=>{if(this.sortAnnouncer){const o=`Table sorted by ${e} in ${t} order`;this.sortAnnouncer.textContent=o}},50))}sortByColumn(e,t){this.activeColumnKey=t;const o=this.columns.find(e=>e.columnKey===t);o&&this.announceSortChange(o.label,this.sortDirection),this.sortRows(this.sortDirection),this.renderTableHead(),this.renderTableRows(),this.$emit("sortChanged",{direction:this.sortDirection,columnKey:t})}createSVGIcon(e){return(new DOMParser).parseFromString(e,"image/svg+xml").documentElement}renderSortableColumn(e,t){if(t.setAttribute("role","columnheader"),t.setAttribute("aria-sort",this.activeColumnKey===e.columnKey?this.sortDirection:"none"),this.sortable){const o=document.createElement("button");if(o.type="button",o.className="table-sort-button",o.textContent=e.label,this.activeColumnKey===e.columnKey){const e="ascending"===this.sortDirection?'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.99792 4.70981L6.35355 7.35418C6.15829 7.54944 5.84171 7.54944 5.64645 7.35418C5.45118 7.15891 5.45118 6.84233 5.64645 6.64707L9.11477 3.17874C9.20649 3.06947 9.3441 3 9.49792 3L9.49959 3C9.57828 2.99998 9.65697 3.01841 9.72861 3.05531C9.77374 3.07847 9.81608 3.10895 9.85387 3.14675L9.86386 3.15701L13.3539 6.64709C13.5492 6.84235 13.5492 7.15893 13.3539 7.3542C13.1587 7.54946 12.8421 7.54946 12.6468 7.3542L9.99792 4.7053V16.5C9.99792 16.7761 9.77407 17 9.49792 17C9.22178 17 8.99792 16.7761 8.99792 16.5V4.70981Z" fill="#242424"/>\n</svg>\n':'<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.0025 15.2902L12.6468 12.6458C12.8421 12.4506 13.1587 12.4506 13.3539 12.6458C13.5492 12.8411 13.5492 13.1577 13.3539 13.3529L9.8856 16.8213C9.79388 16.9305 9.65628 17 9.50245 17L9.50079 17C9.4221 17 9.34341 16.9816 9.27177 16.9447C9.22664 16.9215 9.1843 16.891 9.1465 16.8533L9.13652 16.843L5.64645 13.3529C5.45118 13.1577 5.45118 12.8411 5.64645 12.6458C5.84171 12.4505 6.15829 12.4505 6.35355 12.6458L9.00245 15.2947L9.00245 3.5C9.00245 3.22386 9.22631 3 9.50245 3C9.77859 3 10.0025 3.22386 10.0025 3.5L10.0025 15.2902Z" fill="#242424"/>\n</svg>\n',t=this.createSVGIcon(e);o.appendChild(t)}o.addEventListener("click",t=>{this.activeColumnKey!==e.columnKey?this.sortDirection="ascending":this.toggleSortDirection(),this.sortByColumn(t,e.columnKey)}),t.innerHTML="",t.appendChild(o)}else t.textContent=e.label}addHeaderCellEventHandlers(e,t){e.addEventListener("focus",()=>{e.setAttribute("data-table-cell-focus","true")}),e.addEventListener("blur",()=>{e.setAttribute("data-table-cell-focus","false")}),e.addEventListener("click",e=>{this.toggleSortDirection(),this.sortByColumn(e,t.columnKey)}),e.addEventListener("keydown",e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggleSortDirection(),this.sortByColumn(e,t.columnKey))})}renderTableHead(){if(this.tableHeadRef&&this.columns){const e=document.createDocumentFragment();this.columns.forEach(t=>{const o=document.createElement("th");this.renderSortableColumn(t,o),e.appendChild(o)}),this.tableHeadRef.innerHTML="",this.tableHeadRef.appendChild(e)}}async appendContent(e){"string"==typeof e.content?e.dest.innerHTML+=e.content:(e.content instanceof HTMLElement||e.content instanceof SVGElement)&&e.dest.appendChild(e.content)}async renderCustomContent(e){var t,o;if(e.column.render&&e.column.render.length>0)for(const[n,i]of e.column.render.entries()){const r=await i(null===(o=null===(t=e.row[e.column.columnKey])||void 0===t?void 0:t.renderData)||void 0===o?void 0:o[n]);await this.appendContent({content:r,dest:e.cell})}}async renderTextContent(e){const t=document.createElement("span");t.textContent=e.row[e.column.columnKey].label,await this.appendContent({dest:e.cell,content:t})}async renderRow(e){const t=document.createElement("fabric-table-cell");await this.renderCustomContent({column:e.column,cell:t,row:e.row}),await this.renderTextContent({column:e.column,cell:t,row:e.row}),e.dest.appendChild(t)}async renderTableRows(){var e;if(this.tableBodyRef&&this.rows){const t=document.createDocumentFragment();for(const e of this.rows){const o=document.createElement("tr");o.setAttribute("role","row");for(const t of this.columns)await this.renderRow({column:t,row:e,dest:o});t.appendChild(o)}this.tableBodyRef.innerHTML="",null===(e=this.tableBodyRef)||void 0===e||e.appendChild(t)}}connectedCallback(){super.connectedCallback(),this.initializeSortAnnouncer(),Gc.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.sortAnnouncer&&(this.sortAnnouncer.remove(),this.sortAnnouncer=null)}}Xc([zi],Uc.prototype,"tableHeadRef",void 0),Xc([zi],Uc.prototype,"tableBodyRef",void 0),Xc([zi],Uc.prototype,"rows",void 0),Xc([zi],Uc.prototype,"columns",void 0),Xc([Ai({mode:"boolean"})],Uc.prototype,"sortable",void 0),Xc([zi],Uc.prototype,"tableRendered",void 0),Xc([Ai({attribute:"sort-direction"})],Uc.prototype,"sortDirection",void 0),Xc([zi],Uc.prototype,"activeColumnKey",void 0);const Zc={ascending:"ascending",descending:"descending"},Yc=Hi`
|
|
95
121
|
${e("table")}
|
|
96
122
|
|
|
97
|
-
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${
|
|
98
|
-
fabric-simple-table{display:block;font-family:${
|
|
99
|
-
.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}`)),
|
|
123
|
+
table{border-collapse:collapse;min-width:510px;table-layout:fixed;display:table;width:100%;font-size:${l};line-height:${c}}.table-sort-button{all:unset;align-items:center;cursor:pointer;font:inherit;color:inherit;outline-style:none;min-height:${ol};box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;color:${p};font-weight:${d};text-align:start}tr{display:table-row;box-sizing:border-box;color:${p};border-bottom:${O} solid ${Re}}tbody tr:hover{color:${ke};background-color:${K}}th{color:${p};text-align:start;font-weight:${d};vertical-align:middle;padding:0px ${s};border-collapse:collapse}th div{outline-style:none;min-height:32px;box-sizing:content-box;display:flex;align-items:center}th[data-table-cell-focus="true"]{outline:-webkit-focus-ring-color auto 1px}:host([sortable]) th:hover{cursor:pointer;background-color:${g}}td,fabric-table-cell{height:44px;padding:0px ${s};vertical-align:middle;color:${p}}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}`;const Qc=Fi`<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 ${Vi("tableHeadRef")} role="row"><slot name="table-head-row"></slot></tr></thead><tbody ${Vi("tableBodyRef")} role="rowgroup"><slot name="table-body"></slot></tbody></table><slot name="end"></slot>`,Jc=Uc.compose({name:`${Lr.prefix}-table`,template:Qc,styles:Yc,shadowOptions:{mode:Lr.shadowRootMode}});class eh extends Oi{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 th=Hi`
|
|
124
|
+
fabric-simple-table{display:block;font-family:${a}}.microsoft-fabric-ux-fabric-simple-table{border-collapse:collapse;width:100%;font-size:${l};line-height:${c}}.microsoft-fabric-ux-fabric-simple-table tr{box-sizing:border-box;color:${p}}.microsoft-fabric-ux-fabric-simple-table tbody tr{border-block-end:${O} solid ${Re}}.microsoft-fabric-ux-fabric-simple-table th{color:${p};text-align:start;font-weight:${ye};vertical-align:middle;padding-block:${ie};padding-inline:${s}}.microsoft-fabric-ux-fabric-simple-table td{padding-block:${ie};padding-inline:${s};vertical-align:middle;color:${p}}`.withBehaviors(Rd(Hi`
|
|
125
|
+
.microsoft-fabric-ux-fabric-simple-table{color:CanvasText;background-color:Canvas}.microsoft-fabric-ux-fabric-simple-table tr{border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table th{color:CanvasText;border-color:CanvasText}.microsoft-fabric-ux-fabric-simple-table td{color:CanvasText}`)),oh=eh.compose({name:`${Lr.prefix}-simple-table`,styles:th,shadowOptions:null}),nh={extraSmall:"extraSmall",small:"small",medium:"medium"},ih={caption1:"caption1",body1:"body1"},rh={rounded:"rounded",circular:"circular"},sh={filled:"filled",outline:"outline",brand:"brand"},ah={dismiss:"dismiss"};var lh=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class dh extends Oi{constructor(){super(...arguments),this.dismissButton=!1,this.disabled=!1,this.size="medium",this.shape="rounded",this.appearance="filled",this.textPrimarySlotted=[],this.textSecondarySlotted=[],this.textSizePrimary="body1",this.leadingIconSlotted=[]}dismissButtonRefChanged(){this.attachEventListeners()}sizeChanged(){this.handleTextSize()}textPrimarySlottedChanged(){var e;this.textPrimarySlotted.length>0&&(this.textPrimaryContent=`Dismiss button for ${(null===(e=this.textPrimarySlotted[0])||void 0===e?void 0:e.textContent)||"untitled"} tag`)}textSecondarySlottedChanged(){this.handleTextSize()}handleTextSize(){var e;switch(this.size){case"extraSmall":case"small":this.textSizePrimary="caption1";break;default:(null===(e=this.textSecondarySlotted)||void 0===e?void 0:e.length)>0?this.textSizePrimary="caption1":this.textSizePrimary="body1"}}compensateSVGSize(){var e;let t,o;"small"===this.size?(t=16,o=16):"extraSmall"===this.size?(t=12,o=12):(t=20,o=20);const n=null===(e=this.leadingIconSlotted[0])||void 0===e?void 0:e.querySelector("svg");null==n||n.setAttribute("height",o.toString()),null==n||n.setAttribute("width",t.toString())}leadingIconSlottedChanged(){this.leadingIconSlotted.length>0?(this.classList.add("hasLeadingIcon"),this.compensateSVGSize()):this.classList.remove("hasLeadingIcon")}emitDismissEvent(){this.emitDismiss()}attachEventListeners(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=new AbortController;const{signal:t}=this.events;this.dismissButtonRef&&this.dismissButtonRef.addEventListener("click",this.emitDismissEvent.bind(this),{signal:t})}emitDismiss(){this.dispatchEvent(new CustomEvent(ah.dismiss,{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),customElements.get("fluent-button")||qe.define(customElements),this.attachEventListeners()}disconnectedCallback(){var e;null===(e=this.events)||void 0===e||e.abort(),this.events=void 0,super.disconnectedCallback()}}lh([zi],dh.prototype,"dismissButtonRef",void 0),lh([Ai({mode:"boolean",attribute:"dismiss-button"})],dh.prototype,"dismissButton",void 0),lh([Ai({mode:"boolean"})],dh.prototype,"disabled",void 0),lh([Ai],dh.prototype,"size",void 0),lh([Ai],dh.prototype,"shape",void 0),lh([Ai],dh.prototype,"appearance",void 0),lh([zi],dh.prototype,"textPrimaryContent",void 0),lh([zi],dh.prototype,"textPrimarySlotted",void 0),lh([zi],dh.prototype,"textSecondarySlotted",void 0),lh([zi],dh.prototype,"textSizePrimary",void 0),lh([zi],dh.prototype,"leadingIconSlotted",void 0);const ch=Hi`
|
|
100
126
|
${e("block")}
|
|
101
|
-
.caption1{${Ye}}.caption2{${Qe}}.body1{${Je}}:host{height:${s};width:fit-content;display:inline-flex;align-items:center;background-color:${et};color:${Fe};border-radius:${i};border:none}:host([size="extraSmall"]){height:${Ie}}:host([size="small"]){height:${Ee}}:host([shape="circular"]){border-radius:${Re}}:host([appearance="outline"]){border:${A} solid ${D};background-color:unset}:host([appearance="brand"]){background-color:${M};color:${tt}}:host([appearance="brand"]) fluent-button.dismissButton{color:${tt}}:host([disabled]){color:${y}}:host([disabled]) ::slotted(*){color:${y}}fluent-button.dismissButton{min-width:unset;padding:${ot};min-height:unset;margin-inline-start:${ot};margin-inline-end:${E}}:host([disabled]) fluent-button.dismissButton{color:${y}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${oe}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${re}}:host([size="small"]) fluent-button.dismissButton{width:${o}}:host([size="small"]) fluent-button.dismissButton svg{height:${nt}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${I};padding-bottom:${n};margin:${n} ${a}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${p}}:host([dismissButton]) .textContent{margin-inline-end:${p}}::slotted([slot="leadingIcon"]){margin-inline-end:${ot};margin-inline-start:${a};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${E}}::slotted([slot="image"]){margin:${I};margin-inline-end:${ot};display:flex;align-items:center;height:calc(${Ee} + ${it})}:host([size="small"]) ::slotted([slot="image"]){height:${Ie}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${nt}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${tt};color:${O}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${y};color:${J}}`,Rl=Li`<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 Ol=Li`<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" ${Ei("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Ei("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Ei("textSecondarySlotted")}></slot><slot></slot></div>${Di(e=>e.dismissButton,Li`<fluent-button class="dismissButton" part="dismissButton" ${Pi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${Rl}</slot></fluent-button>`)}</div></div></template>`,Al=Ml.compose({name:`${wr.prefix}-tag`,template:Ol,styles:Pl,shadowOptions:{mode:wr.shadowRootMode}}),Nl=["start","end"],Dl=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+Nl[0],t+"-"+Nl[1]),[]),Fl=Math.min,Tl=Math.max,zl=Math.round,Hl=Math.floor,Vl=e=>({x:e,y:e}),_l={left:"right",right:"left",bottom:"top",top:"bottom"},jl={start:"end",end:"start"};function Wl(e,t,o){return Tl(e,Fl(t,o))}function Kl(e,t){return"function"==typeof e?e(t):e}function ql(e){return e.split("-")[0]}function Gl(e){return e.split("-")[1]}function Ul(e){return"y"===e?"height":"width"}const Xl=new Set(["top","bottom"]);function Zl(e){return Xl.has(ql(e))?"y":"x"}function Yl(e){return"x"===Zl(e)?"y":"x"}function Ql(e){return e.replace(/left|right|bottom|top/g,e=>_l[e])}function Jl(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function ed(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function td(e,t,o){let{reference:n,floating:i}=e;const r=Zl(t),s=Yl(t),a=Ul(s),l=ql(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(Gl(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}function od(e,t,o){return(e?[...o.filter(t=>Gl(t)===e),...o.filter(t=>Gl(t)!==e)]:o.filter(e=>ql(e)===e)).filter(o=>!e||(Gl(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>jl[e])}(o)!==o))}const nd=new Set(["left","top"]);function id(){return"undefined"!=typeof window}function rd(e){return ld(e)?(e.nodeName||"").toLowerCase():"#document"}function sd(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function ad(e){var t;return null==(t=(ld(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function ld(e){return!!id()&&(e instanceof Node||e instanceof sd(e).Node)}function dd(e){return!!id()&&(e instanceof Element||e instanceof sd(e).Element)}function cd(e){return!!id()&&(e instanceof HTMLElement||e instanceof sd(e).HTMLElement)}function hd(e){return!(!id()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof sd(e).ShadowRoot)}const ud=new Set(["inline","contents"]);function pd(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=Sd(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!ud.has(i)}const md=new Set(["table","td","th"]);function gd(e){return md.has(rd(e))}const fd=[":popover-open",":modal"];function bd(e){return fd.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const vd=["transform","translate","scale","rotate","perspective"],wd=["transform","translate","scale","rotate","perspective","filter"],yd=["paint","layout","strict","content"];function xd(e){const t=$d(),o=dd(e)?Sd(e):e;return vd.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||wd.some(e=>(o.willChange||"").includes(e))||yd.some(e=>(o.contain||"").includes(e))}function $d(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const kd=new Set(["html","body","#document"]);function Cd(e){return kd.has(rd(e))}function Sd(e){return sd(e).getComputedStyle(e)}function Bd(e){return dd(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Id(e){if("html"===rd(e))return e;const t=e.assignedSlot||e.parentNode||hd(e)&&e.host||ad(e);return hd(t)?t.host:t}function Ed(e){const t=Id(e);return Cd(t)?e.ownerDocument?e.ownerDocument.body:e.body:cd(t)&&pd(t)?t:Ed(t)}function Ld(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=Ed(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=sd(i);if(r){const e=Md(s);return t.concat(s,s.visualViewport||[],pd(i)?i:[],e&&o?Ld(e):[])}return t.concat(i,Ld(i,[],o))}function Md(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function Pd(e){const t=Sd(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=cd(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=zl(o)!==r||zl(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function Rd(e){return dd(e)?e:e.contextElement}function Od(e){const t=Rd(e);if(!cd(t))return Vl(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=Pd(t);let s=(r?zl(o.width):o.width)/n,a=(r?zl(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const Ad=Vl(0);function Nd(e){const t=sd(e);return $d()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Ad}function Dd(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=Rd(e);let s=Vl(1);t&&(n?dd(n)&&(s=Od(n)):s=Od(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==sd(e))&&t}(r,o,n)?Nd(r):Vl(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=sd(r),t=n&&dd(n)?sd(n):n;let o=e,i=Md(o);for(;i&&n&&t!==o;){const e=Od(i),t=i.getBoundingClientRect(),n=Sd(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=sd(i),i=Md(o)}}return ed({width:c,height:h,x:l,y:d})}function Fd(e,t){const o=Bd(e).scrollLeft;return t?t.left+o:Dd(ad(e)).left+o}function Td(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-Fd(e,o),y:o.top+t.scrollTop}}const zd=new Set(["absolute","fixed"]);function Hd(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=sd(e),n=ad(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=$d();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=Fd(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=ad(e),o=Bd(e),n=e.ownerDocument.body,i=Tl(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=Tl(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+Fd(e);const a=-o.scrollTop;return"rtl"===Sd(n).direction&&(s+=Tl(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(ad(e));else if(dd(t))n=function(e,t){const o=Dd(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=cd(e)?Od(e):Vl(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=Nd(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return ed(n)}function Vd(e,t){const o=Id(e);return!(o===t||!dd(o)||Cd(o))&&("fixed"===Sd(o).position||Vd(o,t))}function _d(e,t,o){const n=cd(t),i=ad(t),r="fixed"===o,s=Dd(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=Vl(0);function d(){l.x=Fd(i)}if(n||!n&&!r)if(("body"!==rd(t)||pd(i))&&(a=Bd(t)),n){const e=Dd(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?Vl(0):Td(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function jd(e){return"static"===Sd(e).position}function Wd(e,t){if(!cd(e)||"fixed"===Sd(e).position)return null;if(t)return t(e);let o=e.offsetParent;return ad(e)===o&&(o=o.ownerDocument.body),o}function Kd(e,t){const o=sd(e);if(bd(e))return o;if(!cd(e)){let t=Id(e);for(;t&&!Cd(t);){if(dd(t)&&!jd(t))return t;t=Id(t)}return o}let n=Wd(e,t);for(;n&&gd(n)&&jd(n);)n=Wd(n,t);return n&&Cd(n)&&jd(n)&&!xd(n)?o:n||function(e){let t=Id(e);for(;cd(t)&&!Cd(t);){if(xd(t))return t;if(bd(t))return null;t=Id(t)}return null}(e)||o}const qd={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=ad(n),a=!!t&&bd(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=Vl(1);const c=Vl(0),h=cd(n);if((h||!h&&!r)&&(("body"!==rd(n)||pd(s))&&(l=Bd(n)),cd(n))){const e=Dd(n);d=Od(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?Vl(0):Td(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:ad,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?bd(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=Ld(e,[],!1).filter(e=>dd(e)&&"body"!==rd(e)),i=null;const r="fixed"===Sd(e).position;let s=r?Id(e):e;for(;dd(s)&&!Cd(s);){const t=Sd(s),o=xd(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&zd.has(i.position)||pd(s)&&!o&&Vd(e,s))?n=n.filter(e=>e!==s):i=t,s=Id(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=Hd(t,o,i);return e.top=Tl(n.top,e.top),e.right=Fl(n.right,e.right),e.bottom=Fl(n.bottom,e.bottom),e.left=Tl(n.left,e.left),e},Hd(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Kd,getElementRects:async function(e){const t=this.getOffsetParent||Kd,o=this.getDimensions,n=await o(e.floating);return{reference:_d(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=Pd(e);return{width:t,height:o}},getScale:Od,isElement:dd,isRTL:function(e){return"rtl"===Sd(e).direction}};function Gd(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Ud(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=Rd(e),c=i||r?[...d?Ld(d):[],...Ld(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=ad(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-Hl(h)+"px "+-Hl(i.clientWidth-(c+u))+"px "+-Hl(i.clientHeight-(h+p))+"px "+-Hl(c)+"px",threshold:Tl(0,Fl(1,l))||1};let g=!0;function f(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Gd(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(f,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(f,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?Dd(e):null;return l&&function t(){const n=Dd(e);g&&!Gd(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Xd=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=ql(o),a=Gl(o),l="y"===Zl(o),d=nd.has(s)?-1:1,c=r&&l?-1:1,h=Kl(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Zd=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=Dl,autoAlignment:p=!0,...m}=Kl(e,t),g=void 0!==h||u===Dl?od(h||null,p,u):u,f=await async function(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Kl(t,e),m=Jl(p),g=a[u?"floating"===h?"reference":"floating":h],f=ed(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=ed(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:b,offsetParent:v,strategy:l}):b);return{top:(f.top-y.top+m.top)/w.y,bottom:(y.bottom-f.bottom+m.bottom)/w.y,left:(f.left-y.left+m.left)/w.x,right:(y.right-f.right+m.right)/w.x}}(t,m),b=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[b];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=Gl(e),i=Yl(e),r=Ul(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Ql(s)),[s,Ql(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[f[ql(v)],f[w[0]],f[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[b+1];if($)return{data:{index:b+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=Gl(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,Gl(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:b+1,overflows:x},reset:{placement:C}}:{}}}},Yd=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Kl(e,t)||{};if(null==d)return{};const h=Jl(c),u={x:o,y:n},p=Yl(i),m=Ul(p),g=await s.getDimensions(d),f="y"===p,b=f?"top":"left",v=f?"bottom":"right",w=f?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,B=Fl(h[b],S),I=Fl(h[v],S),E=B,L=k-g[m]-I,M=k/2-g[m]/2+C,P=Wl(E,M,L),R=!l.arrow&&null!=Gl(i)&&M!==P&&r.reference[m]/2-(M<E?B:I)-g[m]/2<0,O=R?M<E?M-E:M-L:0;return{[p]:u[p]+O,data:{[p]:P,centerOffset:M-P-O,...R&&{alignmentOffset:O}},reset:R}}}),Qd=(e,t,o)=>{const n=new Map,i={platform:qd,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=td(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){const{name:r,fn:g}=a[o],{x:f,y:b,data:v,reset:w}=await g({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=f?f:c,h=null!=b?b:h,p={...p,[r]:{...p[r],...v}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(u=w.placement),w.rects&&(d=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):w.rects),({x:c,y:h}=td(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},Jd={small:"small",medium:"medium",large:"large"},ec={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"},tc={openChange:"open-change",dismiss:"dismiss"};var oc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class nc extends ki{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=Ud(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),nc.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),nc.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.emitDismiss()},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?[Yd({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Xd(10),...e]}:{middleware:[Zd({autoAlignment:!0}),Xd(10),...e]};this.targetEl&&Qd(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case Ki:this.handleTabKeyDown(e);break;case _i: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===nc.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Ci.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(nc.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),Ci.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(),nc.openInstances.delete(this)}openChanged(){this.initializePosition(),Ci.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.emitOpenChange(),this.elementInternals.ariaModal=this.open?"true":"false"}emitDismiss(){this.dispatchEvent(new CustomEvent(tc.dismiss,{bubbles:!0,composed:!0}))}emitOpenChange(){this.dispatchEvent(new CustomEvent(tc.openChange,{detail:{open:this.open},bubbles:!0,composed:!0}))}reduceTabbableItems(e,t){const o=t;(as(o)||nc.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}nc.openInstances=new Set,oc([Bi({mode:"fromView"})],nc.prototype,"target",void 0),oc([Bi({mode:"reflect"})],nc.prototype,"placement",void 0),oc([Bi({mode:"boolean"})],nc.prototype,"open",void 0),oc([Bi({mode:"boolean",attribute:"disable-trap-focus"})],nc.prototype,"disableTrapFocus",void 0),oc([Bi({mode:"reflect"})],nc.prototype,"size",void 0);const ic=Mi`
|
|
127
|
+
.caption1{${Ge}}.caption2{${Xe}}.body1{${Ue}}:host{height:${ol};width:fit-content;display:inline-flex;align-items:center;background-color:${Ze};color:${Ae};border-radius:${i};border:none}:host([size="extraSmall"]){height:${el}}:host([size="small"]){height:${tl}}:host([shape="circular"]){border-radius:${Le}}:host([appearance="outline"]){border:${O} solid ${z};background-color:unset}:host([appearance="brand"]){background-color:${L};color:${Ye}}:host([appearance="brand"]) fluent-button.dismissButton{color:${Ye}}:host([disabled]){color:${w}}:host([disabled]) ::slotted(*){color:${w}}fluent-button.dismissButton{min-width:unset;padding:${Qe};min-height:unset;margin-inline-start:${Qe};margin-inline-end:${I}}:host([disabled]) fluent-button.dismissButton{color:${w}}:host([size="extraSmall"]) fluent-button.dismissButton{width:${dl}}:host([size="extraSmall"]) fluent-button.dismissButton svg{height:${Qa}}:host([size="small"]) fluent-button.dismissButton{width:${cl}}:host([size="small"]) fluent-button.dismissButton svg{height:${Ja}}.container{display:flex;align-items:center}.content{display:flex;flex-direction:row;align-items:center}.textContent{display:flex;flex-direction:column;padding:0 ${B};padding-bottom:${n};margin:${n} ${s}}:host(.hasLeadingIcon) .textContent{margin-inline-start:${u}}:host([dismissButton]) .textContent{margin-inline-end:${u}}::slotted([slot="leadingIcon"]){margin-inline-end:${Qe};margin-inline-start:${s};display:flex;align-items:center}:host([size="small"]) ::slotted([slot="leadingIcon"]),:host([size="extraSmall"]) ::slotted([slot="leadingIcon"]){margin-inline-start:${I}}::slotted([slot="image"]){margin:${B};margin-inline-end:${Qe};display:flex;align-items:center;height:calc(${Je} + ${et})}:host([size="small"]) ::slotted([slot="image"]){height:${el}}:host([size="extraSmall"]) ::slotted([slot="image"]){height:${Ja}}:host([appearance="brand"]) ::slotted([slot="image"]){background-color:${Ye};color:${R}}:host([disabled][appearance="brand"]) ::slotted([slot="image"]){background-color:${w};color:${Q}}`,hh=Fi`<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.58859 4.21569L4.64645 4.14645C4.82001 3.97288 5.08944 3.9536 5.28431 4.08859L5.35355 4.14645L10.5 9.293L15.6464 4.14645C15.82 3.97288 16.0894 3.9536 16.2843 4.08859L16.3536 4.14645C16.5271 4.32001 16.5464 4.58944 16.4114 4.78431L16.3536 4.85355L11.207 10L16.3536 15.1464C16.5271 15.32 16.5464 15.5894 16.4114 15.7843L16.3536 15.8536C16.18 16.0271 15.9106 16.0464 15.7157 15.9114L15.6464 15.8536L10.5 10.707L5.35355 15.8536C5.17999 16.0271 4.91056 16.0464 4.71569 15.9114L4.64645 15.8536C4.47288 15.68 4.4536 15.4106 4.58859 15.2157L4.64645 15.1464L9.793 10L4.64645 4.85355C4.47288 4.67999 4.4536 4.41056 4.58859 4.21569L4.64645 4.14645L4.58859 4.21569Z" fill="currentColor" /></svg>`;const uh=Fi`<template><div class="container" part="container" aria-disabled=${e=>e.disabled}><slot name="image" class="image" part="image"></slot><div class="content" part="content"><slot name="leadingIcon" ${Di("leadingIconSlotted")}></slot><div class="textContent" part="textContent"><slot name="text" class="textPrimary ${e=>e.textSizePrimary}" ${Di("textPrimarySlotted")}></slot><slot name="textSecondary" class="textSecondary caption2" ${Di("textSecondarySlotted")}></slot><slot></slot></div>${qi(e=>e.dismissButton,Fi`<fluent-button class="dismissButton" part="dismissButton" ${Vi("dismissButtonRef")} appearance="subtle" ?disabled=${e=>e.disabled} aria-label="${e=>e.textPrimaryContent}"><slot name="dismissIcon">${hh}</slot></fluent-button>`)}</div></div></template>`,ph=dh.compose({name:`${Lr.prefix}-tag`,template:uh,styles:ch,shadowOptions:{mode:Lr.shadowRootMode}}),mh=["start","end"],gh=["top","right","bottom","left"].reduce((e,t)=>e.concat(t,t+"-"+mh[0],t+"-"+mh[1]),[]),bh=Math.min,fh=Math.max,vh=Math.round,wh=Math.floor,yh=e=>({x:e,y:e}),xh={left:"right",right:"left",bottom:"top",top:"bottom"},$h={start:"end",end:"start"};function kh(e,t,o){return fh(e,bh(t,o))}function Ch(e,t){return"function"==typeof e?e(t):e}function Sh(e){return e.split("-")[0]}function Bh(e){return e.split("-")[1]}function Ih(e){return"y"===e?"height":"width"}const Eh=new Set(["top","bottom"]);function Lh(e){return Eh.has(Sh(e))?"y":"x"}function Mh(e){return"x"===Lh(e)?"y":"x"}function Ph(e){return e.replace(/left|right|bottom|top/g,e=>xh[e])}function Rh(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}function Oh(e){const{x:t,y:o,width:n,height:i}=e;return{width:n,height:i,top:o,left:t,right:t+n,bottom:o+i,x:t,y:o}}function Ah(e,t,o){let{reference:n,floating:i}=e;const r=Lh(t),s=Mh(t),a=Ih(s),l=Sh(t),d="y"===r,c=n.x+n.width/2-i.width/2,h=n.y+n.height/2-i.height/2,u=n[a]/2-i[a]/2;let p;switch(l){case"top":p={x:c,y:n.y-i.height};break;case"bottom":p={x:c,y:n.y+n.height};break;case"right":p={x:n.x+n.width,y:h};break;case"left":p={x:n.x-i.width,y:h};break;default:p={x:n.x,y:n.y}}switch(Bh(t)){case"start":p[s]-=u*(o&&d?-1:1);break;case"end":p[s]+=u*(o&&d?-1:1)}return p}function zh(e,t,o){return(e?[...o.filter(t=>Bh(t)===e),...o.filter(t=>Bh(t)!==e)]:o.filter(e=>Sh(e)===e)).filter(o=>!e||(Bh(o)===e||!!t&&function(e){return e.replace(/start|end/g,e=>$h[e])}(o)!==o))}const Nh=new Set(["left","top"]);function Th(){return"undefined"!=typeof window}function Dh(e){return Vh(e)?(e.nodeName||"").toLowerCase():"#document"}function Fh(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Hh(e){var t;return null==(t=(Vh(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Vh(e){return!!Th()&&(e instanceof Node||e instanceof Fh(e).Node)}function _h(e){return!!Th()&&(e instanceof Element||e instanceof Fh(e).Element)}function jh(e){return!!Th()&&(e instanceof HTMLElement||e instanceof Fh(e).HTMLElement)}function Wh(e){return!(!Th()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof Fh(e).ShadowRoot)}const Kh=new Set(["inline","contents"]);function qh(e){const{overflow:t,overflowX:o,overflowY:n,display:i}=iu(e);return/auto|scroll|overlay|hidden|clip/.test(t+n+o)&&!Kh.has(i)}const Gh=new Set(["table","td","th"]);function Xh(e){return Gh.has(Dh(e))}const Uh=[":popover-open",":modal"];function Zh(e){return Uh.some(t=>{try{return e.matches(t)}catch(e){return!1}})}const Yh=["transform","translate","scale","rotate","perspective"],Qh=["transform","translate","scale","rotate","perspective","filter"],Jh=["paint","layout","strict","content"];function eu(e){const t=tu(),o=_h(e)?iu(e):e;return Yh.some(e=>!!o[e]&&"none"!==o[e])||!!o.containerType&&"normal"!==o.containerType||!t&&!!o.backdropFilter&&"none"!==o.backdropFilter||!t&&!!o.filter&&"none"!==o.filter||Qh.some(e=>(o.willChange||"").includes(e))||Jh.some(e=>(o.contain||"").includes(e))}function tu(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}const ou=new Set(["html","body","#document"]);function nu(e){return ou.has(Dh(e))}function iu(e){return Fh(e).getComputedStyle(e)}function ru(e){return _h(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function su(e){if("html"===Dh(e))return e;const t=e.assignedSlot||e.parentNode||Wh(e)&&e.host||Hh(e);return Wh(t)?t.host:t}function au(e){const t=su(e);return nu(t)?e.ownerDocument?e.ownerDocument.body:e.body:jh(t)&&qh(t)?t:au(t)}function lu(e,t,o){var n;void 0===t&&(t=[]),void 0===o&&(o=!0);const i=au(e),r=i===(null==(n=e.ownerDocument)?void 0:n.body),s=Fh(i);if(r){const e=du(s);return t.concat(s,s.visualViewport||[],qh(i)?i:[],e&&o?lu(e):[])}return t.concat(i,lu(i,[],o))}function du(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function cu(e){const t=iu(e);let o=parseFloat(t.width)||0,n=parseFloat(t.height)||0;const i=jh(e),r=i?e.offsetWidth:o,s=i?e.offsetHeight:n,a=vh(o)!==r||vh(n)!==s;return a&&(o=r,n=s),{width:o,height:n,$:a}}function hu(e){return _h(e)?e:e.contextElement}function uu(e){const t=hu(e);if(!jh(t))return yh(1);const o=t.getBoundingClientRect(),{width:n,height:i,$:r}=cu(t);let s=(r?vh(o.width):o.width)/n,a=(r?vh(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const pu=yh(0);function mu(e){const t=Fh(e);return tu()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:pu}function gu(e,t,o,n){void 0===t&&(t=!1),void 0===o&&(o=!1);const i=e.getBoundingClientRect(),r=hu(e);let s=yh(1);t&&(n?_h(n)&&(s=uu(n)):s=uu(e));const a=function(e,t,o){return void 0===t&&(t=!1),!(!o||t&&o!==Fh(e))&&t}(r,o,n)?mu(r):yh(0);let l=(i.left+a.x)/s.x,d=(i.top+a.y)/s.y,c=i.width/s.x,h=i.height/s.y;if(r){const e=Fh(r),t=n&&_h(n)?Fh(n):n;let o=e,i=du(o);for(;i&&n&&t!==o;){const e=uu(i),t=i.getBoundingClientRect(),n=iu(i),r=t.left+(i.clientLeft+parseFloat(n.paddingLeft))*e.x,s=t.top+(i.clientTop+parseFloat(n.paddingTop))*e.y;l*=e.x,d*=e.y,c*=e.x,h*=e.y,l+=r,d+=s,o=Fh(i),i=du(o)}}return Oh({width:c,height:h,x:l,y:d})}function bu(e,t){const o=ru(e).scrollLeft;return t?t.left+o:gu(Hh(e)).left+o}function fu(e,t){const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-bu(e,o),y:o.top+t.scrollTop}}const vu=new Set(["absolute","fixed"]);function wu(e,t,o){let n;if("viewport"===t)n=function(e,t){const o=Fh(e),n=Hh(e),i=o.visualViewport;let r=n.clientWidth,s=n.clientHeight,a=0,l=0;if(i){r=i.width,s=i.height;const e=tu();(!e||e&&"fixed"===t)&&(a=i.offsetLeft,l=i.offsetTop)}const d=bu(n);if(d<=0){const e=n.ownerDocument,t=e.body,o=getComputedStyle(t),i="CSS1Compat"===e.compatMode&&parseFloat(o.marginLeft)+parseFloat(o.marginRight)||0,s=Math.abs(n.clientWidth-t.clientWidth-i);s<=25&&(r-=s)}else d<=25&&(r+=d);return{width:r,height:s,x:a,y:l}}(e,o);else if("document"===t)n=function(e){const t=Hh(e),o=ru(e),n=e.ownerDocument.body,i=fh(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=fh(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight);let s=-o.scrollLeft+bu(e);const a=-o.scrollTop;return"rtl"===iu(n).direction&&(s+=fh(t.clientWidth,n.clientWidth)-i),{width:i,height:r,x:s,y:a}}(Hh(e));else if(_h(t))n=function(e,t){const o=gu(e,!0,"fixed"===t),n=o.top+e.clientTop,i=o.left+e.clientLeft,r=jh(e)?uu(e):yh(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:i*r.x,y:n*r.y}}(t,o);else{const o=mu(e);n={x:t.x-o.x,y:t.y-o.y,width:t.width,height:t.height}}return Oh(n)}function yu(e,t){const o=su(e);return!(o===t||!_h(o)||nu(o))&&("fixed"===iu(o).position||yu(o,t))}function xu(e,t,o){const n=jh(t),i=Hh(t),r="fixed"===o,s=gu(e,!0,r,t);let a={scrollLeft:0,scrollTop:0};const l=yh(0);function d(){l.x=bu(i)}if(n||!n&&!r)if(("body"!==Dh(t)||qh(i))&&(a=ru(t)),n){const e=gu(t,!0,r,t);l.x=e.x+t.clientLeft,l.y=e.y+t.clientTop}else i&&d();r&&!n&&i&&d();const c=!i||n||r?yh(0):fu(i,a);return{x:s.left+a.scrollLeft-l.x-c.x,y:s.top+a.scrollTop-l.y-c.y,width:s.width,height:s.height}}function $u(e){return"static"===iu(e).position}function ku(e,t){if(!jh(e)||"fixed"===iu(e).position)return null;if(t)return t(e);let o=e.offsetParent;return Hh(e)===o&&(o=o.ownerDocument.body),o}function Cu(e,t){const o=Fh(e);if(Zh(e))return o;if(!jh(e)){let t=su(e);for(;t&&!nu(t);){if(_h(t)&&!$u(t))return t;t=su(t)}return o}let n=ku(e,t);for(;n&&Xh(n)&&$u(n);)n=ku(n,t);return n&&nu(n)&&$u(n)&&!eu(n)?o:n||function(e){let t=su(e);for(;jh(t)&&!nu(t);){if(eu(t))return t;if(Zh(t))return null;t=su(t)}return null}(e)||o}const Su={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:o,offsetParent:n,strategy:i}=e;const r="fixed"===i,s=Hh(n),a=!!t&&Zh(t.floating);if(n===s||a&&r)return o;let l={scrollLeft:0,scrollTop:0},d=yh(1);const c=yh(0),h=jh(n);if((h||!h&&!r)&&(("body"!==Dh(n)||qh(s))&&(l=ru(n)),jh(n))){const e=gu(n);d=uu(n),c.x=e.x+n.clientLeft,c.y=e.y+n.clientTop}const u=!s||h||r?yh(0):fu(s,l);return{width:o.width*d.x,height:o.height*d.y,x:o.x*d.x-l.scrollLeft*d.x+c.x+u.x,y:o.y*d.y-l.scrollTop*d.y+c.y+u.y}},getDocumentElement:Hh,getClippingRect:function(e){let{element:t,boundary:o,rootBoundary:n,strategy:i}=e;const r=[..."clippingAncestors"===o?Zh(t)?[]:function(e,t){const o=t.get(e);if(o)return o;let n=lu(e,[],!1).filter(e=>_h(e)&&"body"!==Dh(e)),i=null;const r="fixed"===iu(e).position;let s=r?su(e):e;for(;_h(s)&&!nu(s);){const t=iu(s),o=eu(s);o||"fixed"!==t.position||(i=null),(r?!o&&!i:!o&&"static"===t.position&&i&&vu.has(i.position)||qh(s)&&!o&&yu(e,s))?n=n.filter(e=>e!==s):i=t,s=su(s)}return t.set(e,n),n}(t,this._c):[].concat(o),n],s=r[0],a=r.reduce((e,o)=>{const n=wu(t,o,i);return e.top=fh(n.top,e.top),e.right=bh(n.right,e.right),e.bottom=bh(n.bottom,e.bottom),e.left=fh(n.left,e.left),e},wu(t,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Cu,getElementRects:async function(e){const t=this.getOffsetParent||Cu,o=this.getDimensions,n=await o(e.floating);return{reference:xu(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:n.width,height:n.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:o}=cu(e);return{width:t,height:o}},getScale:uu,isElement:_h,isRTL:function(e){return"rtl"===iu(e).direction}};function Bu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Iu(e,t,o,n){void 0===n&&(n={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=n,d=hu(e),c=i||r?[...d?lu(d):[],...lu(t)]:[];c.forEach(e=>{i&&e.addEventListener("scroll",o,{passive:!0}),r&&e.addEventListener("resize",o)});const h=d&&a?function(e,t){let o,n=null;const i=Hh(e);function r(){var e;clearTimeout(o),null==(e=n)||e.disconnect(),n=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const d=e.getBoundingClientRect(),{left:c,top:h,width:u,height:p}=d;if(a||t(),!u||!p)return;const m={rootMargin:-wh(h)+"px "+-wh(i.clientWidth-(c+u))+"px "+-wh(i.clientHeight-(h+p))+"px "+-wh(c)+"px",threshold:fh(0,bh(1,l))||1};let g=!0;function b(t){const n=t[0].intersectionRatio;if(n!==l){if(!g)return s();n?s(!1,n):o=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==n||Bu(d,e.getBoundingClientRect())||s(),g=!1}try{n=new IntersectionObserver(b,{...m,root:i.ownerDocument})}catch(e){n=new IntersectionObserver(b,m)}n.observe(e)}(!0),r}(d,o):null;let u,p=-1,m=null;s&&(m=new ResizeObserver(e=>{let[n]=e;n&&n.target===d&&m&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),o()}),d&&!l&&m.observe(d),m.observe(t));let g=l?gu(e):null;return l&&function t(){const n=gu(e);g&&!Bu(g,n)&&o();g=n,u=requestAnimationFrame(t)}(),o(),()=>{var e;c.forEach(e=>{i&&e.removeEventListener("scroll",o),r&&e.removeEventListener("resize",o)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,l&&cancelAnimationFrame(u)}}const Eu=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var o,n;const{x:i,y:r,placement:s,middlewareData:a}=t,l=await async function(e,t){const{placement:o,platform:n,elements:i}=e,r=await(null==n.isRTL?void 0:n.isRTL(i.floating)),s=Sh(o),a=Bh(o),l="y"===Lh(o),d=Nh.has(s)?-1:1,c=r&&l?-1:1,h=Ch(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof m&&(p="end"===a?-1*m:m),l?{x:p*c,y:u*d}:{x:u*d,y:p*c}}(t,e);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:i+l.x,y:r+l.y,data:{...l,placement:s}}}}},Lu=function(e){return void 0===e&&(e={}),{name:"autoPlacement",options:e,async fn(t){var o,n,i;const{rects:r,middlewareData:s,placement:a,platform:l,elements:d}=t,{crossAxis:c=!1,alignment:h,allowedPlacements:u=gh,autoAlignment:p=!0,...m}=Ch(e,t),g=void 0!==h||u===gh?zh(h||null,p,u):u,b=await async function(e,t){var o;void 0===t&&(t={});const{x:n,y:i,platform:r,rects:s,elements:a,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ch(t,e),m=Rh(p),g=a[u?"floating"===h?"reference":"floating":h],b=Oh(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(g)))||o?g:g.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),f="floating"===h?{x:n,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},y=Oh(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:f,offsetParent:v,strategy:l}):f);return{top:(b.top-y.top+m.top)/w.y,bottom:(y.bottom-b.bottom+m.bottom)/w.y,left:(b.left-y.left+m.left)/w.x,right:(y.right-b.right+m.right)/w.x}}(t,m),f=(null==(o=s.autoPlacement)?void 0:o.index)||0,v=g[f];if(null==v)return{};const w=function(e,t,o){void 0===o&&(o=!1);const n=Bh(e),i=Mh(e),r=Ih(i);let s="x"===i?n===(o?"end":"start")?"right":"left":"start"===n?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=Ph(s)),[s,Ph(s)]}(v,r,await(null==l.isRTL?void 0:l.isRTL(d.floating)));if(a!==v)return{reset:{placement:g[0]}};const y=[b[Sh(v)],b[w[0]],b[w[1]]],x=[...(null==(n=s.autoPlacement)?void 0:n.overflows)||[],{placement:v,overflows:y}],$=g[f+1];if($)return{data:{index:f+1,overflows:x},reset:{placement:$}};const k=x.map(e=>{const t=Bh(e.placement);return[e.placement,t&&c?e.overflows.slice(0,2).reduce((e,t)=>e+t,0):e.overflows[0],e.overflows]}).sort((e,t)=>e[1]-t[1]),C=(null==(i=k.filter(e=>e[2].slice(0,Bh(e[0])?2:3).every(e=>e<=0))[0])?void 0:i[0])||k[0][0];return C!==a?{data:{index:f+1,overflows:x},reset:{placement:C}}:{}}}},Mu=e=>({name:"arrow",options:e,async fn(t){const{x:o,y:n,placement:i,rects:r,platform:s,elements:a,middlewareData:l}=t,{element:d,padding:c=0}=Ch(e,t)||{};if(null==d)return{};const h=Rh(c),u={x:o,y:n},p=Mh(i),m=Ih(p),g=await s.getDimensions(d),b="y"===p,f=b?"top":"left",v=b?"bottom":"right",w=b?"clientHeight":"clientWidth",y=r.reference[m]+r.reference[p]-u[p]-r.floating[m],x=u[p]-r.reference[p],$=await(null==s.getOffsetParent?void 0:s.getOffsetParent(d));let k=$?$[w]:0;k&&await(null==s.isElement?void 0:s.isElement($))||(k=a.floating[w]||r.floating[m]);const C=y/2-x/2,S=k/2-g[m]/2-1,B=bh(h[f],S),I=bh(h[v],S),E=B,L=k-g[m]-I,M=k/2-g[m]/2+C,P=kh(E,M,L),R=!l.arrow&&null!=Bh(i)&&M!==P&&r.reference[m]/2-(M<E?B:I)-g[m]/2<0,O=R?M<E?M-E:M-L:0;return{[p]:u[p]+O,data:{[p]:P,centerOffset:M-P-O,...R&&{alignmentOffset:O}},reset:R}}}),Pu=(e,t,o)=>{const n=new Map,i={platform:Su,...o},r={...i.platform,_c:n};return(async(e,t,o)=>{const{placement:n="bottom",strategy:i="absolute",middleware:r=[],platform:s}=o,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(t));let d=await s.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:h}=Ah(d,n,l),u=n,p={},m=0;for(let o=0;o<a.length;o++){const{name:r,fn:g}=a[o],{x:b,y:f,data:v,reset:w}=await g({x:c,y:h,initialPlacement:n,placement:u,strategy:i,middlewareData:p,rects:d,platform:s,elements:{reference:e,floating:t}});c=null!=b?b:c,h=null!=f?f:h,p={...p,[r]:{...p[r],...v}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(u=w.placement),w.rects&&(d=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:i}):w.rects),({x:c,y:h}=Ah(d,u,l))),o=-1)}return{x:c,y:h,placement:u,strategy:i,middlewareData:p}})(e,t,{...i,platform:r})},Ru={small:"small",medium:"medium",large:"large"},Ou={top:"top",topStart:"top-start",topEnd:"top-end",bottom:"bottom",bottomStart:"bottom-start",bottomEnd:"bottom-end",left:"left",leftStart:"left-start",leftEnd:"left-end",right:"right",rightStart:"right-start",rightEnd:"right-end"},Au={openChange:"open-change",dismiss:"dismiss"};var zu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Nu extends Oi{constructor(){super(...arguments),this.target="",this.disableTrapFocus=!1,this.elementInternals=this.attachInternals(),this.isTrappingFocus=!1,this.focusInProgress=!1,this.trapFocus=!1,this.cleanAutoUpdate=null,this.show=()=>{var e,t;if(this.setElements(),!this.targetEl){if("undefined"!=typeof console&&console.assert){""===(null!==(t=null===(e=this.target)||void 0===e?void 0:e.trim())&&void 0!==t?t:"")?console.assert(!1,"TeachingBubble.show(): target attribute is empty or missing. Expected a valid element ID."):console.assert(!1,`TeachingBubble.show(): target element with ID "${this.target}" not found in DOM. Ensure the target element exists before calling show().`)}return}this.removeAttribute("hidden"),this.updatePosition(),this.cleanAutoUpdate||(this.cleanAutoUpdate=Iu(this.targetEl,this,this.updatePosition)),this.open||(this.open=!0),Nu.openInstances.add(this);const o=!this.disableTrapFocus;this.trapFocus=o,this.updateTrapFocus(o)},this.hide=(e=!1)=>{this.open=!1,this.cleanAutoUpdate&&(this.cleanAutoUpdate(),this.cleanAutoUpdate=null),Nu.openInstances.delete(this),this.updateTrapFocus(!1),this.setAttribute("hidden",""),e&&this.dispatchEvent(new CustomEvent(Au.dismiss,{bubbles:!0,composed:!0}))},this.setElements=()=>{var e;const t=(null!==(e=this.target)&&void 0!==e?e:"").trim();this.targetEl=t?document.getElementById(t):null},this.updatePosition=()=>{this.setElements();const e=this.arrowEl?[Mu({element:this.arrowEl,padding:4})]:[],t=this.placement?{placement:this.placement,middleware:[Eu(10),...e]}:{middleware:[Lu({autoAlignment:!0}),Eu(10),...e]};this.targetEl&&Pu(this.targetEl,this,t).then(({x:e,y:t,placement:o,middlewareData:n})=>{var i;Object.assign(this.style,{left:`${e}px`,top:`${t}px`});const r=null!==(i=n.arrow)&&void 0!==i?i:void 0;if(this.arrowEl&&r){const{x:e,y:t}=r,n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]];Object.assign(this.arrowEl.style,{left:null!=e?`${e}px`:"",top:null!=t?`${t}px`:"",right:"",bottom:"",[n]:"-8px"})}})},this.handleDocumentKeydown=e=>{if(!e.defaultPrevented&&this.open)switch(e.key){case tr:this.handleTabKeyDown(e);break;case Qi:this.hide(!0)}},this.handleTabKeyDown=e=>{if(!this.trapFocus||!this.open)return;const t=this.getTabQueueBounds();if(1===t.length)return t[0].focus(),void e.preventDefault();e.shiftKey&&e.target===t[0]?(t[t.length-1].focus(),e.preventDefault()):e.shiftKey||e.target!==t[t.length-1]||(t[0].focus(),e.preventDefault())},this.getTabQueueBounds=()=>this.reduceTabbableItems([],this),this.updateTrapFocus=e=>{const t=void 0===e?this.shouldTrapFocus():e,o=1===Nu.openInstances.size,n=t&&o;n&&!this.isTrappingFocus?(this.isTrappingFocus=!0,this.addEventListener("focusout",this.handleFocusOut,!0),Ni.enqueue(()=>{const e=this.getRootNode()||document,t="activeElement"in e?e.activeElement:null,o=null!=t?t:document.activeElement;this.shouldForceFocus(o)&&this.focusFirstElement()})):!n&&this.isTrappingFocus&&(this.isTrappingFocus=!1,this.removeEventListener("focusout",this.handleFocusOut,!0))},this.handleFocusOut=e=>{if(!this.isTrappingFocus)return;const t=e.relatedTarget;t&&this.contains(t)||queueMicrotask(()=>{this.focusFirstElement()})},this.focusFirstElement=()=>{if(this.focusInProgress)return!1;this.focusInProgress=!0;try{const e=this.getTabQueueBounds();return!(Nu.openInstances.size>1)&&(e.length>0?(e[0].focus(),!0):(this.focus(),!0))}finally{this.focusInProgress=!1}},this.shouldForceFocus=e=>this.isTrappingFocus&&!this.contains(e),this.shouldTrapFocus=()=>this.trapFocus&&this.open}connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","-1"),this.hasAttribute("role")||(this.elementInternals.role="dialog"),this.setElements(),this.initializePosition(),this.addEventListener("keydown",this.handleDocumentKeydown),Ni.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()})}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleDocumentKeydown),this.removeEventListener("focusout",this.handleFocusOut,!0),this.updateTrapFocus(!1),this.cleanAutoUpdate&&this.cleanAutoUpdate(),Nu.openInstances.delete(this)}openChanged(){this.initializePosition(),Ni.enqueue(()=>{this.disableTrapFocusHandler(),this.updateTrapFocus()}),this.dispatchEvent(new CustomEvent(Au.openChange,{detail:{open:this.open},bubbles:!0,composed:!0})),this.elementInternals.ariaModal=this.open?"true":"false"}reduceTabbableItems(e,t){const o=t;(Fl(o)||Nu.isFocusableFastElement(t))&&e.push(o),e=Array.from(t.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e);const n=o.shadowRoot;return n&&(e=Array.from(n.children).reduce((e,t)=>this.reduceTabbableItems(e,t),e)),e}static isFocusableFastElement(e){var t,o;return!!(null===(o=null===(t=e.$fastController)||void 0===t?void 0:t.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus)}disableTrapFocusHandler(){this.disableTrapFocus?this.trapFocus=!1:this.trapFocus=!0}initializePosition(){this.setElements(),this.open?this.show():this.hide()}}Nu.openInstances=new Set,zu([Ai({mode:"fromView"})],Nu.prototype,"target",void 0),zu([Ai({mode:"reflect"})],Nu.prototype,"placement",void 0),zu([Ai({mode:"boolean"})],Nu.prototype,"open",void 0),zu([Ai({mode:"boolean",attribute:"disable-trap-focus"})],Nu.prototype,"disableTrapFocus",void 0),zu([Ai({mode:"reflect"})],Nu.prototype,"size",void 0);const Tu=Hi`
|
|
102
128
|
${e("block")}
|
|
103
129
|
|
|
104
|
-
:host{position:absolute;border:1px solid ${pe};border-radius:${i};background-color:${pe};color:${O};padding:${o};box-shadow:${rt};max-width:calc(${ye} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${l};font-size:unset;font-weight:${c};line-height:${h};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:${d}}: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:${a}}.arrow{position:absolute;background:${pe};width:${o};height:${o};transform:rotate(45deg);border-radius:${Le};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${oe}}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:${xe};line-height:${C}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${d}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${k}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${S}}slot[name="footer"]::slotted(*){line-height:${$};margin-top:${oe};padding-top:${oe}}`;const rc=Li`<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" ${Pi("arrowEl")}></div></template>`,sc=nc.compose({name:`${wr.prefix}-teaching-bubble`,template:rc,styles:ic,shadowOptions:{mode:wr.shadowRootMode}}),ac={incomplete:"incomplete",complete:"complete",error:"error"},lc={stepChange:"step-change",stepSelect:"step-select"},dc={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var cc=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class hc extends ki{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(),Ci.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&&Ci.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=ac.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=ac.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=ac.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=ac.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Vi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case _i:e.preventDefault(),this.stepcontainer.focus();break;case Vi:e.preventDefault(),this.handleStepSelect(e);break;case zi:e.preventDefault(),this.focusPreviousStep();break;case Ti:e.preventDefault(),this.focusNextStep();break;case ji:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Hi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===ac.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!==ac.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Ci.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(Gi())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(Gi())}`})}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(dc.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())}}cc([Bi({mode:"boolean"})],hc.prototype,"numbered",void 0),cc([Bi({mode:"boolean"})],hc.prototype,"linear",void 0),cc([Bi({mode:"boolean",attribute:"disable-on-complete"})],hc.prototype,"disableOnComplete",void 0),cc([Bi({attribute:"current-index",converter:Ni})],hc.prototype,"currentIndex",void 0),cc([Si],hc.prototype,"stepcontainer",void 0),cc([Si],hc.prototype,"panelcontainer",void 0),cc([Si],hc.prototype,"slottedsteps",void 0),cc([Si],hc.prototype,"slottedactions",void 0),cc([Si],hc.prototype,"slottedpanels",void 0),cc([Si],hc.prototype,"activeid",void 0);const uc=Mi`
|
|
130
|
+
:host{position:absolute;border:1px solid ${ue};border-radius:${i};background-color:${ue};color:${R};padding:${o};box-shadow:${tt};max-width:calc(${we} * 9);z-index:var(--fabric-layer-teaching-bubble,1000)}::slotted(*){font-family:${a};font-size:unset;font-weight:${d};line-height:${c};margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}:host([size="small"]) ::slotted(*){font-size:${y}}:host([size="medium"]) ::slotted(*){font-size:${l}}:host([size="large"]) ::slotted(*){font-size:${$}}slot[name="close"]::slotted(*){position:absolute;top:0;inset-inline-end:0}.content{position:relative}.heading{margin-bottom:${s}}.arrow{position:absolute;background:${ue};width:${cl};height:${Ja};transform:rotate(45deg);border-radius:${Be};pointer-events:none}slot[name="image"]::slotted(*){display:block;margin-bottom:${te}}slot[name="image"]::slotted(img),slot[name="image"]::slotted(picture),slot[name="image"]::slotted(video){max-width:100%;height:auto}slot[name="heading"]::slotted(*){font-weight:${ye};line-height:${k}}:host([size="small"]) slot[name="heading"]::slotted(*){font-size:${l}}:host([size="medium"]) slot[name="heading"]::slotted(*){font-size:${$}}:host([size="large"]) slot[name="heading"]::slotted(*){font-size:${C}}slot[name="footer"]::slotted(*){line-height:${x};margin-top:${te};padding-top:${te}}`;const Du=Fi`<template ?hidden="${e=>!e.open}"><div class="image"><slot name="image"></slot></div><div class="content"><div class="close"><slot name="close"></slot></div><div class="heading"><slot name="heading"></slot></div><slot></slot><div class="footer"><slot name="footer"></slot></div></div><div id="arrow" class="arrow" ${Vi("arrowEl")}></div></template>`,Fu=Nu.compose({name:`${Lr.prefix}-teaching-bubble`,template:Du,styles:Tu,shadowOptions:{mode:Lr.shadowRootMode}}),Hu={incomplete:"incomplete",complete:"complete",error:"error"},Vu={stepChange:"step-change",stepSelect:"step-select"},_u={panelChange:"panel-change"},ju={...Hu};var Wu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Ku extends Oi{constructor(){super(...arguments),this.hidden=!0,this.state=ju.incomplete,this.active=!1}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&(t?this.show():this.hide(),this.emitChange())}hiddenChanged(e,t){e!==t&&this.emitChange()}show(){this.hidden=!1}hide(){this.hidden=!0}emitChange(){this.$emit(_u.panelChange,{id:this.id,state:this.state,active:this.active,index:this.index})}}Wu([zi],Ku.prototype,"index",void 0),Wu([Ai({mode:"boolean"})],Ku.prototype,"hidden",void 0),Wu([Ai],Ku.prototype,"state",void 0),Wu([Ai({mode:"boolean"})],Ku.prototype,"active",void 0);var qu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Gu extends Oi{constructor(){super(...arguments),this.active=!1,this.disabled=!1,this.state=Hu.incomplete,this.index=0,this.details="",this.title=""}stateChanged(e,t){e!==t&&this.emitChange()}activeChanged(e,t){e!==t&&this.emitChange()}toggleActive(e){this.active=!this.active}setComplete(){this.state=Hu.complete}setIncomplete(){this.state=Hu.incomplete}setError(){this.state=Hu.error}emitChange(){this.$emit(Vu.stepChange,{id:this.id,state:this.state,active:this.active,index:this.index})}emitSelect(){this.$emit(Vu.stepSelect,{id:this.id,state:this.state,active:this.active,index:this.index})}clickHandler(e){this.disabled?(null==e||e.preventDefault(),null==e||e.stopImmediatePropagation()):this.emitSelect()}keydownHandler(e){if(e.key===Yi)this.disabled?(e.preventDefault(),e.stopImmediatePropagation()):this.emitSelect()}}qu([Ai({mode:"boolean"})],Gu.prototype,"numbered",void 0),qu([Ai({mode:"boolean",attribute:"hide-connector"})],Gu.prototype,"hideConnector",void 0),qu([Ai({mode:"boolean"})],Gu.prototype,"active",void 0),qu([Ai({mode:"boolean"})],Gu.prototype,"disabled",void 0),qu([Ai({attribute:"aria-describedby"})],Gu.prototype,"ariaDescribedby",void 0),qu([Ai({attribute:"aria-labelledby"})],Gu.prototype,"ariaLabelledby",void 0),qu([Ai],Gu.prototype,"state",void 0),qu([zi],Gu.prototype,"button",void 0),qu([Ai({converter:Ki})],Gu.prototype,"index",void 0),qu([zi],Gu.prototype,"details",void 0),qu([zi],Gu.prototype,"title",void 0);const Xu={wizardChange:"wizard-change",wizardComplete:"wizard-complete"};var Uu=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Zu extends Oi{constructor(){super(...arguments),this.numbered=!1,this.disableOnComplete=!1,this.currentIndex=0,this.slottedsteps=[],this.slottedactions=[],this.slottedpanels=[],this.stepIds=[],this.panelIds=[],this.isDisabledElement=e=>"true"===e.getAttribute("aria-disabled"),this.isHiddenElement=e=>e.hasAttribute("hidden"),this.isFocusableElement=e=>!this.isDisabledElement(e)&&!this.isHiddenElement(e),this.handleStepSelect=e=>{const t=e.currentTarget;t.disabled||this.setActiveStep(t)},this.handleStepContainerFocus=e=>{this.setAllStepTabIndex(-1)},this.handleStepContainerBlur=e=>{const t=e.relatedTarget;t&&this.slottedsteps.some(e=>e===t)||this.setAllStepTabIndex(-1)}}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=this.getActiveIndex(),this.addListeners(),this.stepcontainer&&(this.stepcontainer.addEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.addEventListener("blur",this.handleStepContainerBlur,!0))})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.stepcontainer&&(this.stepcontainer.removeEventListener("focus",this.handleStepContainerFocus),this.stepcontainer.removeEventListener("blur",this.handleStepContainerBlur,!0))}activeidChanged(e,t){this.$fastController.isConnected&&(this.prevActiveStepIndex=this.slottedsteps.findIndex(t=>t.id===e),this.setSteps())}slottedpanelsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.panelIds=this.getPanelIds(),this.setSteps())}slottedstepsChanged(e,t){this.$fastController.isConnected&&e!==t&&(this.stepIds=this.getStepIds(),this.setSteps())}currentIndexChanged(e,t){e!==t&&Ni.enqueue(()=>{this.prevActiveStepIndex=e,this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.setComponent()})}next(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex+1;if(e>=this.slottedsteps.length)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}previous(){this.currentIndex=this.slottedsteps.indexOf(this.activestep);const e=this.currentIndex-1;if(e<0)return;const t=this.slottedsteps[e];t.disabled||(this.moveToStepByIndex(e,!1),this.setActiveStep(t))}show(){this.hidden=!1}hide(){this.hidden=!0}enableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!1)}disableStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].disabled=!0)}errorStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.error)}completeStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.complete,this.disableOnComplete&&this.disableStep(e))}incompleteStep(e=this.currentIndex){this.currentIndex>=0&&this.slottedsteps.length>0&&(this.slottedsteps[e].state=Hu.incomplete)}getStepStatus(){const e=[];return this.slottedsteps.length>0&&this.slottedsteps.forEach((t,o)=>{e.push({id:t.id,state:t.state,index:o,active:t.active})}),e}reset(){this.slottedsteps.length>0&&(this.slottedsteps.forEach((e,t)=>{e.state=Hu.incomplete}),this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds(),this.currentIndex=0,this.activeid=void 0,this.prevActiveStepIndex=-1)}setActiveStep(e){var t;const o=e,n=o.index;null!==(t=o.disabled)&&void 0!==t&&t||(o.active=!0,this.activestep=o,this.activeid=this.stepIds[n],this.currentIndex=n,this.setComponent())}focusNextStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex+1;if(t.length<=1)return;o>=t.length&&(o=0);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o+1)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}focusPreviousStep(e=!1){const t=this.slottedsteps;let o=this.currentIndex-1;if(t.length<=1)return;o<0&&(o=t.length-1);const n=o;for(;!t[o]||t[o].disabled;)if(o=(o-1+t.length)%t.length,o===n)return;this.moveToStepByIndex(o,!0),e&&t[o]&&!this.isDisabledElement(t[o])&&!t[o].disabled&&this.setActiveStep(t[o])}moveToStepByIndex(e,t=!0){const o=this.slottedsteps[e];this.currentIndex=e,t&&o.focus(),this.setComponent()}handleStepContainerKeydown(e){if(!e.defaultPrevented)switch(e.key){case Yi:case" ":e.preventDefault(),document.activeElement===this&&this.focusFirstEnabledStep();break;default:return!0}}handleStepKeyDown(e){switch(e.key){case Qi:e.preventDefault(),this.stepcontainer.focus();break;case Yi:e.preventDefault(),this.handleStepSelect(e);break;case Ui:e.preventDefault(),this.focusPreviousStep();break;case Xi:e.preventDefault(),this.focusNextStep();break;case Ji:e.preventDefault(),this.moveToStepByIndex(-this.currentIndex,!0);break;case Zi:e.preventDefault(),this.moveToStepByIndex(this.slottedsteps.length-this.currentIndex-1,!0)}}setSteps(){-1===this.currentIndex?this.getActiveIndex():this.currentIndex,this.slottedsteps.forEach((e,t)=>{if("step"===e.slot){const o=e,n=this.currentIndex===t&&this.isFocusableElement(o),i=this.stepIds[t];if(document.activeElement===o?o.setAttribute("tabindex","0"):o.setAttribute("tabindex","-1"),o.setAttribute("id",i),o.setAttribute("role","tab"),o.active=n,o.index=t,this.numbered&&(o.numbered=!0),this.disableOnComplete&&o.state===Hu.complete)o.disabled=!0;else if(this.linear)if(0===t)o.disabled=!1;else{const e=this.slottedsteps[t-1];o.disabled=e.state!==Hu.complete}n&&(this.activestep=o,this.activeid=i,this.currentIndex=t),t===this.slottedsteps.length-1&&(o.hideConnector=!0),this.slottedsteps.length>=7&&o.classList.add("overflow")}}),this.slottedsteps.every(e=>"complete"===e.state)&&this.emitComplete(),this.slottedsteps.length>=7&&this.setAttribute("class","overflow"),this.setPanels()}setPanels(){this.slottedpanels.forEach((e,t)=>{if("panel"===e.slot){const o=e,n=this.stepIds[t],i=this.panelIds[t];o.setAttribute("id",i),o.setAttribute("aria-labelledby",n),o.setAttribute("role","tabpanel"),o.index=t;const r=this.currentIndex===t&&this.isFocusableElement(o);o.active=r,this.currentIndex!==t?o.hide():o.show()}}),this.emitChange()}addListeners(){this.slottedsteps.forEach(e=>{e.addEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.addEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.addEventListener("panel-change",e=>this.handlePanelStateChange(e))})}removeListeners(){this.slottedsteps.forEach(e=>{e.removeEventListener("step-change",e=>this.handleWizardStepStateChange(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("step-select",e=>this.handleStepSelect(e))}),this.slottedsteps.forEach(e=>{e.removeEventListener("keydown",e=>this.handleStepKeyDown(e))}),this.slottedpanels.forEach(e=>{e.removeEventListener("panel-change",e=>this.handlePanelStateChange(e))})}setComponent(){this.currentIndex&&this.currentIndex!==this.prevActiveStepIndex&&Ni.enqueue(()=>{this.stepIds=this.getStepIds(),this.panelIds=this.getPanelIds()})}getActiveIndex(){var e;const t=null!==(e=this.activeid)&&void 0!==e?e:"";return void 0!==t?-1===this.stepIds.indexOf(t)?0:this.stepIds.indexOf(t):0}getStepIds(){return this.slottedsteps.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-step-${parseInt(nr())}`})}getPanelIds(){return this.slottedpanels.map(e=>{var t;return null!==(t=e.getAttribute("id"))&&void 0!==t?t:`fabric-wizard-panel-${parseInt(nr())}`})}handleWizardStepStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedpanels[t].state=e.detail.state,this.setSteps()}handlePanelStateChange(e){const t=e.detail.index;e.detail.active&&(this.currentIndex=t),this.slottedsteps[t].state=e.detail.state,this.setSteps()}emitChange(){this.$emit("wizard-change",{currentIndex:this.currentIndex,activeid:this.activeid})}emitComplete(){this.dispatchEvent(new CustomEvent(Xu.wizardComplete,{bubbles:!0,composed:!0}))}setAllStepTabIndex(e){this.slottedsteps.forEach(t=>{t.setAttribute("tabindex",String(e))})}focusFirstEnabledStep(){const e=this.slottedsteps.find(e=>!e.disabled);e&&(this.setAllStepTabIndex(-1),e.setAttribute("tabindex","0"),e.focus())}}Uu([Ai({mode:"boolean"})],Zu.prototype,"numbered",void 0),Uu([Ai({mode:"boolean"})],Zu.prototype,"linear",void 0),Uu([Ai({mode:"boolean",attribute:"disable-on-complete"})],Zu.prototype,"disableOnComplete",void 0),Uu([Ai({attribute:"current-index",converter:Ki})],Zu.prototype,"currentIndex",void 0),Uu([zi],Zu.prototype,"stepcontainer",void 0),Uu([zi],Zu.prototype,"panelcontainer",void 0),Uu([zi],Zu.prototype,"slottedsteps",void 0),Uu([zi],Zu.prototype,"slottedactions",void 0),Uu([zi],Zu.prototype,"slottedpanels",void 0),Uu([zi],Zu.prototype,"activeid",void 0);const Yu=Hi`
|
|
105
131
|
${e("block")}
|
|
106
132
|
|
|
107
133
|
:host{height:100%;width:100%;--wizard-overflow-tablist-width:calc(
|
|
108
|
-
${
|
|
109
|
-
${
|
|
134
|
+
${we} + ${we} +
|
|
135
|
+
${we}
|
|
110
136
|
);--wizard-overflow-step-width:calc(
|
|
111
|
-
${
|
|
112
|
-
);--wizard-scrollbar-radius:${
|
|
137
|
+
${ot} + ${u}
|
|
138
|
+
);--wizard-scrollbar-radius:${u};--wizard-scrollbar-spacing:${u};--wizard-scrollbar-thumb-color:${nt};--wizard-scrollbar-track-color:${Ze}}:host(.overflow) .steps{justify-content:flex-start;overflow-x:auto;overflow-y:scroll;padding:${Je} ${ot}}.steps{background-color:${Ze};box-sizing:border-box;padding:${Je} ${ot};position:sticky;top:0;inset-inline:0;width:100%;z-index:9;display:flex;flex-direction:row}.wizard{display:flex;flex-direction:column;height:100%}.title{color:${nt}}.panels-container{background:${A}}.button-container{gap:${te};order:1;display:flex;width:100%;justify-self:flex-end;justify-self:self-end;justify-content:flex-end}.toolbar{display:var(--wizard-toolbar-display,flex);gap:${et};flex-direction:column;justify-content:space-between;padding-block-start:${ie};padding-inline:${ot};padding-block-end:0;margin-bottom:${oe}}.title{order:2}.steps::-webkit-scrollbar-track{background-color:var(--wizard-scrollbar-track-color);border-radius:var(--wizard-scrollbar-radius)}.steps::-webkit-scrollbar-thumb{background-color:var(--wizard-scrollbar-thumb-color);border-radius:var(--wizard-scrollbar-radius);margin-inline-end:var(--wizard-scrollbar-spacing)}.steps::-webkit-scrollbar-button{display:none;}@media (min-width:32.5rem){:host{padding-top:0}.toolbar{flex-direction:row;margin-bottom:0;gap:0}.panels-container{width:100%}.wizard{flex-direction:row}.title{order:1;flex-shrink:0}.buttons-container{order:2;width:fit-content}.steps{padding:${Je} ${ot};position:relative;max-width:var(--wizard-overflow-tablist-width)}.steps{flex-direction:column}:host(.overflow) .steps{width:fit-content;justify-content:flex-start;align-items:center;overflow-x:unset;overflow-y:unset;width:var(--wizard-overflow-step-width)}}@media (min-width:63.9375rem){.steps{max-width:var(
|
|
113
139
|
--wizard-tablist-width,var(--wizard-overflow-tablist-width)
|
|
114
|
-
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${
|
|
115
|
-
${
|
|
140
|
+
);width:var(--wizard-tablist-width,var(--wizard-overflow-tablist-width));padding:${Je} ${we}
|
|
141
|
+
${Je} ${ot}}:host(.overflow) .steps{width:fit-content}}`;const Qu=Fi`<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)}" ${Vi("stepcontainer")}><slot name="step" ${Di("slottedsteps")}></slot></nav><div class="panels-container" part="panels-container" ${Vi("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" ${Di("slottedactions")}></slot></div></div><div class="panels" part="panels"><slot name="panel" ${Di("slottedpanels")}></slot></div><slot name="end"></slot></div></div></template>`,Ju=Zu.compose({name:`${Lr.prefix}-wizard`,template:Qu,styles:Yu,shadowOptions:{mode:Lr.shadowRootMode}}),ep=Hi`
|
|
116
142
|
${e("block")}
|
|
117
|
-
:host{height:100%;background:${
|
|
143
|
+
:host{height:100%;background:${A}}:host([active]){display:block}.content{padding-block-start:${Je};padding-inline:${ot};padding-block-end:0}.title{padding-block-start:0;padding-inline:${ot};padding-block-end:${et};color:${p}}.footer{padding-block:${Ke};padding-inline:${ot};border-top:1px solid ${z}}`;const tp=Fi`<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>`,op=Ku.compose({name:`${Lr.prefix}-wizard-panel`,template:tp,styles:ep,shadowOptions:{mode:Lr.shadowRootMode}}),np=Hi`
|
|
118
144
|
${e("block")}
|
|
119
145
|
|
|
120
|
-
.step{unset:all;background:transparent;color:${
|
|
121
|
-
${
|
|
122
|
-
dialog{max-width:var(--dialog-max-width,600px)}}`,
|
|
123
|
-
${
|
|
124
|
-
:host([orientation='vertical']){min-height:unset}`,
|
|
125
|
-
${
|
|
126
|
-
::slotted([popover]){position:fixed}`,
|
|
127
|
-
${
|
|
128
|
-
`,
|
|
146
|
+
.step{unset:all;background:transparent;color:${p};text-align:start;border:0 none;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:${a};position:relative;align-items:flex-start;column-gap:${te};flex-shrink:0;flex-grow:1}:host([hide-connector]) .step-connector,.summary,.title,.details{display:none}:host([disabled]) .step{cursor:not-allowed;pointer-events:none;color:${w}}:host([disabled]) .step-connector{background:${Te}}:host([disabled]) .icon{background:${ve};border-color:${Te}}:host(.overflow){flex-shrink:0;flex-grow:0;width:36px;}:host(.first){padding-inline-start:${ot}}:host(.first) .step-connector{inset-inline-start:28px;}:host(.last){padding-inline-end:${ot}}.state-indicator{width:${ul};height:${tl};display:flex;justify-content:center;align-items:center;padding:${n};box-sizing:border-box}.icon{position:relative;z-index:9;display:flex;justify-content:center;align-items:center;width:${hl};height:${el};font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase100);font-size:var(--fontSizeBase200);border-radius:var(--borderRadiusCircular);border:${M} solid var(--colorNeutralForeground2);background:var(--colorNeutralBackground4);flex-shrink:0;box-sizing:border-box}.order{font-size:var(--fontSizeBase200);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase200);margin-bottom:1px;}.step-connector{position:absolute;top:${ie};inset-inline-start:${s};height:${M};width:100%;background:var(--colorNeutralForegroundDisabled)}.title{font-weight:${d};font-size:${l};line-height:${c}}.details{font-weight:${d};font-size:${y};line-height:${x}}.icon svg{color:${pe};fill:${pe};width:${dl};height:${Qa};box-sizing:border-box;vertical-align:middle}:host([hide-connector]) .step{width:fit-content;flex-grow:0;min-width:unset}:host([aria-current="step"]) .title{font-weight:${ye}}:host([state="complete"]) .icon,:host([state="complete"]) .step-connector,:host([state="complete"].first) .step-connector,:host([active]) .icon{background:${it};border-color:${it};color:${pe}}:host([state="complete"]) .icon svg{margin-top:${n}}:host([state="error"]) .icon{background:${rt};border-color:${rt}}@media (min-width:32.5rem){:host(.overflow) .step,:host .step,:host(.first) .step{display:flex;align-items:flex-start;width:fit-content;height:fit-content;max-width:268px;padding:0 0 ${Ke} 0;column-gap:${te};flex-grow:0}:host(.first) .step-connector,.step-connector{position:absolute;width:${M};inset-inline-start:11px;height:100%;background:var(--colorNeutralForegroundDisabled);min-height:22px;}}@media (min-width:calc(${ot} * 43 - ${s} - ${O})){: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:${n}}}:host(:hover) .step{cursor:pointer}:host([disabled]) .step{cursor:not-allowed}`,ip=Fi`<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>`,rp=Fi`<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 sp=Fi`<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?Fi`<slot name="incomplete"><span class="order" part="order">${e=>e.numbered?e.index+1:""}</span></slot>`:""} ${e=>"complete"===e.state?Fi`<slot name="complete">${ip}</slot>`:""} ${e=>"error"===e.state?Fi`<slot name="error">${rp}</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>`,ap=Gu.compose({name:`${Lr.prefix}-wizard-step`,template:sp,styles:np,shadowOptions:{mode:Lr.shadowRootMode}});class lp extends st{}const dp={...lt},cp={...at},hp=lp.compose({name:`${Lr.prefix}-accordion-item`,template:ct,styles:dt,shadowOptions:{mode:Lr.shadowRootMode}});class up extends ht{}const pp=up.compose({name:`${Lr.prefix}-accordion`,template:pt,styles:ut,shadowOptions:{mode:Lr.shadowRootMode}}),mp={...mt};class gp extends gt{}const bp={...bt},fp={...ft},vp={...vt},wp=gp.compose({name:`${Lr.prefix}-link`,template:yt,styles:wt,shadowOptions:{mode:Lr.shadowRootMode}});class yp extends xt{}const xp={...$t},$p={...kt},kp={...Ct},Cp={...St},Sp={...Bt},Bp={...It},Ip=yp.compose({name:`${Lr.prefix}-avatar`,template:Lt,styles:Et,shadowOptions:{mode:Lr.shadowRootMode}});class Ep extends Mt{}const Lp={...Pt},Mp={...Rt},Pp={...Ot},Rp={...At},Op=Ep.compose({name:`${Lr.prefix}-badge`,template:Nt,styles:zt,shadowOptions:{mode:Lr.shadowRootMode}});class Ap extends Tt{}const zp={...Dt},Np={...Ft},Tp=Ap.compose({name:`${Lr.prefix}-checkbox`,template:Vt,styles:Ht,shadowOptions:{mode:Lr.shadowRootMode}});class Dp extends _t{}const Fp={...jt},Hp={...Wt},Vp={...Kt},_p={...qt},jp=Dp.compose({name:`${Lr.prefix}-counter-badge`,template:Xt,styles:Gt,shadowOptions:{mode:Lr.shadowRootMode}});class Wp extends Ut{}const Kp=Hi`
|
|
147
|
+
${Zt}
|
|
148
|
+
dialog{max-width:var(--dialog-max-width,600px)}}`,qp=Wp.compose({name:`${Lr.prefix}-dialog`,template:Yt,styles:Kp,shadowOptions:{mode:Lr.shadowRootMode}}),Gp={modal:"modal",nonModal:"non-modal",alert:"alert"};class Xp extends Qt{}const Up=Xp.compose({name:`${Lr.prefix}-dialog-body`,template:eo,styles:Jt,shadowOptions:{mode:Lr.shadowRootMode}});class Zp extends to{}const Yp={...oo},Qp={...no},Jp={...io},em={...ro},tm=Hi`
|
|
149
|
+
${so}
|
|
150
|
+
:host([orientation='vertical']){min-height:unset}`,om=ao,nm=Zp.compose({name:`${Lr.prefix}-divider`,template:ao,styles:tm,shadowOptions:{mode:Lr.shadowRootMode}});class im extends lo{}const rm={...co},sm={...ho},am={...uo},lm=im.compose({name:`${Lr.prefix}-drawer`,template:mo,styles:po,shadowOptions:{mode:Lr.shadowRootMode}});class dm extends go{}const cm=dm.compose({name:`${Lr.prefix}-drawer-body`,template:fo,styles:bo,shadowOptions:{mode:Lr.shadowRootMode}});class hm extends vo{}const um={...wo},pm={...yo},mm={...xo},gm=Hi`
|
|
151
|
+
${$o}
|
|
152
|
+
::slotted([popover]){position:fixed}`,bm=hm.compose({name:`${Lr.prefix}-dropdown`,template:ko,styles:gm,shadowOptions:{delegatesFocus:!0}});class fm extends Co{}const vm=fm.compose({name:`${Lr.prefix}-option`,template:Bo,styles:So,shadowOptions:{delegatesFocus:!0}});function wm(e){return(null==e?void 0:e.nodeType)===Node.ELEMENT_NODE&&("options"in e&&Array.isArray(e.options))}function ym(e){return wm(e)?e.options:Io(e)?[e]:[]}class xm extends Eo{isOptionInDisabledGroup(e){return wm(e.parentElement)&&!!e.parentElement.disabled}clickHandler(e){if(this.dropdown)return!0;const t=e.target;return!(!Io(t)||!this.isOptionInDisabledGroup(t))||super.clickHandler(e)}selectOption(e){const t=this.enabledOptions[null!=e?e:this.selectedIndex];t&&this.isOptionInDisabledGroup(t)||super.selectOption(e)}slotchangeHandler(e){const t=e.target;!function(e,t){const o=50,n=":not(:defined)",i=e.querySelectorAll(n);if(0===i.length)return void t();const r=new Set;for(const e of i)r.add(e.localName);const s=Promise.all([...r].map(e=>customElements.whenDefined(e)));let a=!1;const l=()=>{a||(a=!0,t())};s.then(l),o>0&&setTimeout(l,o)}(this,()=>{Ni.enqueue(()=>{const e=t.assignedElements(),o=[];for(const t of e)if(wm(t)){const e=t;o.push(...e.options)}else Io(t)&&o.push(t);this.options=o})})}optionsChanged(e,t){var o;null===(o=super.optionsChanged)||void 0===o||o.call(this,e,t),t&&this.applyGroupScopedAria(t)}setOptionGroups(e,t){for(const o of e){const e=o.parentElement,n=wm(e)?e:null;t.has(n)||t.set(n,[]),t.get(n).push(o)}}applyGroupScopedAria(e){const t=new Map;this.setOptionGroups(e,t);for(const[e,o]of t){const t=o.length;o.forEach((o,n)=>{o.elementInternals.ariaPosInSet=`${n+1}`,o.elementInternals.ariaSetSize=`${t}`,e&&wm(e)&&e.label?o.elementInternals.ariaDescription=e.label:o.elementInternals.ariaDescription=null})}}multipleChanged(e,t){this.elementInternals.ariaMultiSelectable=t?"true":"false",ar(this.elementInternals,"multiple",t),Ni.enqueue(()=>{var e;null===(e=this.options)||void 0===e||e.forEach(e=>{e.multiple=!!t})})}}const $m=xm.compose({name:`${Lr.prefix}-listbox`,template:Mo,styles:Lo,shadowOptions:{delegatesFocus:!0}});class km extends Po{}const Cm=Hi`
|
|
153
|
+
${Ro}
|
|
154
|
+
`,Sm={above:"above",after:"after",before:"before"},Bm=Sm,Im=Sm,Em={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"},Lm={structural:void 0},Mm=km.compose({name:`${Lr.prefix}-field`,template:Oo,styles:Cm,shadowOptions:{mode:Lr.shadowRootMode}});class Pm extends Ao{}const Rm={...zo},Om={...No},Am=Pm.compose({name:`${Lr.prefix}-image`,template:Do,styles:To,shadowOptions:{mode:Lr.shadowRootMode}});class zm extends Fo{}const Nm=zm.compose({name:`${Lr.prefix}-label`,template:Vo,styles:Ho,shadowOptions:{mode:Lr.shadowRootMode}}),Tm={..._o},Dm={...jo};class Fm extends Wo{}const Hm={...Ko},Vm={...qo},_m={...Go},jm=Fm.compose({name:`${Lr.prefix}-anchor-button`,template:Uo,styles:Xo,shadowOptions:{mode:Lr.shadowRootMode}});class Wm extends Zo{}const Km=Wm.compose({name:`${Lr.prefix}-message-bar`,template:Qo,styles:Yo,shadowOptions:{mode:Lr.shadowRootMode}});class qm extends Jo{}const Gm=le,Xm=de,Um=ce,Zm=qm.compose({name:`${Lr.prefix}-menu-button`,template:tn,styles:en,shadowOptions:{mode:Lr.shadowRootMode}}),Ym=Hi`
|
|
129
155
|
${e("grid")}
|
|
130
156
|
|
|
131
|
-
:host{--indent:0;align-items:center;background:${
|
|
132
|
-
${
|
|
133
|
-
${
|
|
134
|
-
:host(${
|
|
157
|
+
:host{--indent:0;align-items:center;background:${R};border-radius:${i};color:${Ae};contain:layout;cursor:pointer;flex-shrink:0;font:${d} ${l} / ${c}
|
|
158
|
+
${a};grid-gap:${u};grid-template-columns:${t} ${t} auto ${t};height:${ol};overflow:visible;padding:0 ${h}}:host(:hover){background:${g};color:${b}}:host(:active){background-color:${G};color:${v}}:host(:active) ::slotted([slot="start"]){color:${on}}:host(${Fr}){background-color:${Q};color:${w}}:host(${Fr}) ::slotted([slot="start"]),:host(${Fr}) ::slotted([slot="end"]){color:${w}}:host(:focus-visible){border-radius:${i};outline:${M} solid ${r}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 ${B}}:host(:not(${Tr})) .indicator,:host(:not(${Tr})) ::slotted([slot="indicator"]),:host(:not(${Zr})) .submenu-glyph,:host(:not(${Zr})) ::slotted([slot="submenu-glyph"]){display:none}::slotted([slot="end"]){color:${nt};font:${d} ${y} / ${x}
|
|
159
|
+
${a};white-space:nowrap;}:host([data-indent="1"]){--indent:1}:host([data-indent="2"]){--indent:2;grid-template-columns:${t} ${t} auto auto}:host(${Zr}){grid-template-columns:${t} auto auto ${t}}:host([data-indent="2"]${Zr}){grid-template-columns:${t} ${t} auto auto ${t}}.indicator,::slotted([slot="indicator"]){grid-column:1 / span 1;width:${hl}}::slotted([slot="start"]){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot="end"]){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot="submenu-glyph"]){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-area:inline-end span-block-end;position-try-fallbacks:flip-inline;z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(We(Hi`
|
|
160
|
+
:host(${Fr}),:host(${Fr}) ::slotted([slot="start"]),:host(${Fr}) ::slotted([slot="end"]){color:GrayText}`)),Qm=Fi.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>'),Jm=Fi.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 eg=Fi`<template><slot name="indicator">${Qm}</slot><slot name="start"></slot><div part="content" class="content"><slot></slot></div><slot name="end"></slot><slot name="submenu-glyph">${Jm}</slot><slot name="submenu" ${Di({property:"slottedSubmenu"})}></slot></template>`,tg=vr.compose({name:`${Lr.prefix}-menu-item`,template:eg,styles:Ym,shadowOptions:{mode:Lr.shadowRootMode}});tg.define(Lr.registry);const og=Hi`
|
|
135
161
|
${e("flex")}
|
|
136
162
|
|
|
137
|
-
:host{flex-direction:column;height:fit-content;min-width:calc(${ye} * 5);width:auto;background-color:${O};border:1px solid ${R};border-radius:${i};box-shadow:${rt};padding:${p};row-gap:${I}}`;const yu=Li`<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 ${Ei("items")}></slot></template>`,xu=mr.compose({name:`${wr.prefix}-menu-list`,template:yu,styles:wu,shadowOptions:{mode:wr.shadowRootMode}}),$u={above:"above",below:"below"},ku={auto:ia,none:sa};class Cu{set position(e){this._position=e}get position(){return this._position}set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}constructor(e){var t,o;this.rootMargin=15,this.minMenuHeight=100,this._position=$u.below,this._repositionMode=ku.auto,this.getBoundaryBounds=()=>aa(this.overflowBoundaryReference),this.checkPosition=e=>{var t,o,n;const i=null===(t=this.menuReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=la(r,this.getBoundaryBounds(),this.rootMargin);return null!==(n={[$u.above]:i.height<t.above,[$u.below]:i.height<t.below}[e])&&void 0!==n&&n}return!1},this.oppositePosition=e=>{switch(e){case na.top:return $u.below;case na.bottom:return $u.above;default:return this._position}},this.getOpenPositionsFromEdge=e=>{if(e){const t=this.oppositePosition(e);if(this.checkPosition(t))return[t]}return[this._position]},this.getOpenPositions=()=>{const e=[];for(const t in $u){const o=$u[t];this.checkPosition(o)&&e.push(o)}return e},this.findOpenPositionsFromCollision=e=>{const t=da(e);return this.getOpenPositionsFromEdge(t)},this.getMenuAvailableSpace=e=>{var t;const o=null===(t=this.anchorReference)||void 0===t?void 0:t.getBoundingClientRect();if(!o)return 0;const n=this.getBoundaryBounds(),i=la(o,n,this.rootMargin);switch(e){case $u.above:return i.above;case $u.below:return i.below;default:return n.bottom-n.top-this.rootMargin}},this.calculateConstrainedHeight=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{needsConstraint:!1,maxHeight:null};const o=this._position,n=this.getMenuAvailableSpace(o);if(t.height<=n)return{needsConstraint:!1,maxHeight:null};const i=o===$u.below?$u.above:$u.below,r=this.getMenuAvailableSpace(i);if(r>n&&t.height<=r)return{needsConstraint:!1,maxHeight:null};const s=Math.max(n,r);return s>=this.minMenuHeight?{needsConstraint:!0,maxHeight:s}:{needsConstraint:!1,maxHeight:null}},this.checkOverflowWithBoundary=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const o=this.getBoundaryBounds(),{hasOverflow:n,collisionEdge:i}=function(e,t){const o=e.bottom>t.bottom,n=e.top<t.top,i=e.left<t.left,r=e.right>t.right;if(!(o||n||i||r))return{hasOverflow:!1,collisionEdge:void 0};let s;return o?s=na.bottom:n?s=na.top:i?s=na.left:r&&(s=na.right),{hasOverflow:!0,collisionEdge:s}}(t,o);if(!n)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const r=this.oppositePosition(i);return{hasOverflow:!0,collisionEdge:i,suggestedPosition:this.checkPosition(r)?r:void 0}},this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null,this._repositionMode=null!==(o=e.repositionMode)&&void 0!==o?o:ku.auto}}var Su=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Bu extends ki{constructor(){super(...arguments),this.openPositions=[],this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=$u.below,this.repositionMode=ku.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.createOverflowHandler=()=>{if(!this.overflowBoundary){const e={root:document};this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)}},this.checkOverflowWithBoundary=()=>{if(!this.positioning||!this._menuList||!this.overflowBoundary)return;const{hasOverflow:e,suggestedPosition:t}=this.positioning.checkOverflowWithBoundary();e?(t&&(this.openPositions=[t],this.repositionMenu(this.openPositions)),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalMenuPosition||this.menuPosition||$u.below),e.forEach(e=>{e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),this.openPositions.length>0&&this.repositionMenu(this.openPositions),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())})},this.repositionMenu=e=>{this.menuPosition=e[0],this.positioning&&(this.positioning.position=this.menuPosition)},this.updateMenuPosition=()=>{this._open&&this.observeMenuOverflow()},this.handleWindowChanges=ja(()=>{this.updateMenuPosition()},50),this.toggleMenu=()=>{var e;this.setComponent(),null===(e=this._menuList)||void 0===e||e.togglePopover(!this._open),this._open?this.focusMenuList():this.focusTrigger()},this.closeMenu=()=>{var e;this._open&&(null===(e=this._menuList)||void 0===e||e.togglePopover(!1)),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=e=>{var t;this._open||null===(t=this._menuList)||void 0===t||t.togglePopover(!0),e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=e=>{var t;if("newState"in e){const o="open"===e.newState;null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${o}`),this._open=o,o?(this.originalMenuPosition||(this.originalMenuPosition=this.menuPosition),this.addRepositioningHandlers(),this.createPositioningManager(),this.observeMenuOverflow(),this.focusMenuList()):this.removeRepositioningListeners()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case Wi:case Vi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}applyHeightConstraint(){if(!this.positioning||!this._menuList)return;const{needsConstraint:e,maxHeight:t}=this.positioning.calculateConstrainedHeight();e&&null!==t?(this.style.setProperty("--menu-max-height",`${t}px`),this._menuList.style.overflow="auto"):this.clearHeightConstraint()}clearHeightConstraint(){this.style.removeProperty("--menu-max-height"),this._menuList&&(this._menuList.style.overflow="")}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in $u){const t=$u[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalMenuPosition&&(this.menuPosition=this.originalMenuPosition))}}observeMenuOverflow(){var e,t;this.overflowBoundary?requestAnimationFrame(()=>{this.checkOverflowWithBoundary()}):(null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this._menuList&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this._menuList)))}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==ku.none&&(this.createOverflowHandler(),this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==ku.none&&(this.positioning=new Cu({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary,repositionMode:this.repositionMode}))}removeRepositioningListeners(){var e;this._menuList&&(this.removeWindowEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this._menuList),this.clearHeightConstraint())}connectedCallback(){super.connectedCallback(),Ci.enqueue(()=>{this.setComponent(),this.setMenuPosition()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}setMenuPosition(){this.$fastController.isConnected&&this.style.setProperty("--menu-position-area",this.menuPosition===$u.above?"block-start span-inline-end":"block-end span-inline-end")}focusMenuList(){Ci.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Ci.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}menuPositionChanged(){this.setMenuPosition()}repositionModeChanged(e,t){this.positioning&&(this.positioning.repositionMode=t)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.addEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu),this.openOnHover?null===(n=this._trigger)||void 0===n||n.addEventListener("mouseover",this.openMenu):this.openOnContext?(null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.removeEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)),this.openOnContext?(null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){var t;if(e.defaultPrevented)return;if(e.key!==_i)return!0;e.preventDefault(),this._open&&(null===(t=this._menuList)||void 0===t||t.togglePopover(!1),this.focusTrigger())}}Su([Bi({attribute:"open-on-hover",mode:"boolean"})],Bu.prototype,"openOnHover",void 0),Su([Bi({attribute:"open-on-context",mode:"boolean"})],Bu.prototype,"openOnContext",void 0),Su([Bi({attribute:"close-on-scroll",mode:"boolean"})],Bu.prototype,"closeOnScroll",void 0),Su([Bi({attribute:"persist-on-item-click",mode:"boolean"})],Bu.prototype,"persistOnItemClick",void 0),Su([Bi({mode:"boolean"})],Bu.prototype,"split",void 0),Su([Bi({attribute:"menu-position"})],Bu.prototype,"menuPosition",void 0),Su([Bi({attribute:"reposition-mode"})],Bu.prototype,"repositionMode",void 0),Su([Si],Bu.prototype,"overflowBoundary",void 0),Su([Si],Bu.prototype,"slottedMenuList",void 0),Su([Si],Bu.prototype,"slottedTriggers",void 0);const Iu=Mi`
|
|
163
|
+
:host{flex-direction:column;height:fit-content;min-width:calc(${we} * 5);width:auto;background-color:${R};border:1px solid ${P};border-radius:${i};box-shadow:${tt};padding:${u};row-gap:${B}}`;const ng=Fi`<template slot="${e=>e.slot?e.slot:e.isNestedMenu()?"submenu":void 0}" @keydown="${(e,t)=>e.handleMenuKeyDown(t.event)}" @focusout="${(e,t)=>e.handleFocusOut(t.event)}"><slot ${Di("items")}></slot></template>`,ig=xr.compose({name:`${Lr.prefix}-menu-list`,template:ng,styles:og,shadowOptions:{mode:Lr.shadowRootMode}}),rg={above:"above",below:"below"},sg={auto:Nd,none:Dd};class ag{set position(e){this._position=e}get position(){return this._position}set repositionMode(e){this._repositionMode=e}get repositionMode(){return this._repositionMode}constructor(e){var t,o;this.rootMargin=15,this.minMenuHeight=100,this._position=rg.below,this._repositionMode=sg.auto,this.getBoundaryBounds=()=>Fd(this.overflowBoundaryReference),this.checkPosition=e=>{var t,o,n;const i=null===(t=this.menuReference)||void 0===t?void 0:t.getBoundingClientRect(),r=null===(o=this.anchorReference)||void 0===o?void 0:o.getBoundingClientRect();if(i&&r){const t=Hd(r,this.getBoundaryBounds(),this.rootMargin);return null!==(n={[rg.above]:i.height<t.above,[rg.below]:i.height<t.below}[e])&&void 0!==n&&n}return!1},this.oppositePosition=e=>{switch(e){case zd.top:return rg.below;case zd.bottom:return rg.above;default:return this._position}},this.getOpenPositionsFromEdge=e=>{if(e){const t=this.oppositePosition(e);if(this.checkPosition(t))return[t]}return[this._position]},this.getOpenPositions=()=>{const e=[];for(const t in rg){const o=rg[t];this.checkPosition(o)&&e.push(o)}return e},this.findOpenPositionsFromCollision=e=>{const t=Vd(e);return this.getOpenPositionsFromEdge(t)},this.getMenuAvailableSpace=e=>{var t;const o=null===(t=this.anchorReference)||void 0===t?void 0:t.getBoundingClientRect();if(!o)return 0;const n=this.getBoundaryBounds(),i=Hd(o,n,this.rootMargin);switch(e){case rg.above:return i.above;case rg.below:return i.below;default:return n.bottom-n.top-this.rootMargin}},this.calculateConstrainedHeight=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{needsConstraint:!1,maxHeight:null};const o=this._position,n=this.getMenuAvailableSpace(o);if(t.height<=n)return{needsConstraint:!1,maxHeight:null};const i=o===rg.below?rg.above:rg.below,r=this.getMenuAvailableSpace(i);if(r>n&&t.height<=r)return{needsConstraint:!1,maxHeight:null};const s=Math.max(n,r);return s>=this.minMenuHeight?{needsConstraint:!0,maxHeight:s}:{needsConstraint:!1,maxHeight:null}},this.checkOverflowWithBoundary=()=>{var e;const t=null===(e=this.menuReference)||void 0===e?void 0:e.getBoundingClientRect();if(!t)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const o=this.getBoundaryBounds(),{hasOverflow:n,collisionEdge:i}=function(e,t){const o=e.bottom>t.bottom,n=e.top<t.top,i=e.left<t.left,r=e.right>t.right;if(!(o||n||i||r))return{hasOverflow:!1,collisionEdge:void 0};let s;return o?s=zd.bottom:n?s=zd.top:i?s=zd.left:r&&(s=zd.right),{hasOverflow:!0,collisionEdge:s}}(t,o);if(!n)return{hasOverflow:!1,collisionEdge:void 0,suggestedPosition:void 0};const r=this.oppositePosition(i);return{hasOverflow:!0,collisionEdge:i,suggestedPosition:this.checkPosition(r)?r:void 0}},this.menuReference=e.menuReference,this.anchorReference=e.anchorReference,this.overflowBoundaryReference=null!==(t=e.overflowBoundaryReference)&&void 0!==t?t:null,this._repositionMode=null!==(o=e.repositionMode)&&void 0!==o?o:sg.auto}}var lg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class dg extends Oi{constructor(){super(...arguments),this.openPositions=[],this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.split=!1,this.menuPosition=rg.below,this.repositionMode=sg.none,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.createOverflowHandler=()=>{if(!this.overflowBoundary){const e={root:document};this.intersectionObserver=new IntersectionObserver(this.handleOverflow,e)}},this.checkOverflowWithBoundary=()=>{if(!this.positioning||!this._menuList||!this.overflowBoundary)return;const{hasOverflow:e,suggestedPosition:t}=this.positioning.checkOverflowWithBoundary();e?(t&&(this.openPositions=[t],this.repositionMenu(this.openPositions)),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())},this.handleOverflow=e=>{this.positioning&&(this.positioning.position=this.originalMenuPosition||this.menuPosition||rg.below),e.forEach(e=>{e.intersectionRatio<1&&this.positioning?(this.openPositions=this.positioning.findOpenPositionsFromCollision(e),this.openPositions.length>0&&this.repositionMenu(this.openPositions),this.applyHeightConstraint()):this.openPositions.length>0&&(this.releasePositions(),this.clearHeightConstraint())})},this.repositionMenu=e=>{this.menuPosition=e[0],this.positioning&&(this.positioning.position=this.menuPosition)},this.updateMenuPosition=()=>{this._open&&this.observeMenuOverflow()},this.handleWindowChanges=xc(()=>{this.updateMenuPosition()},50),this.toggleMenu=()=>{var e;this.setComponent(),null===(e=this._menuList)||void 0===e||e.togglePopover(!this._open),this._open?this.focusMenuList():this.focusTrigger()},this.closeMenu=()=>{var e;this._open&&(null===(e=this._menuList)||void 0===e||e.togglePopover(!1)),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=e=>{var t;this._open||null===(t=this._menuList)||void 0===t||t.togglePopover(!0),e&&this.openOnContext&&e.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=e=>{var t;if("newState"in e){const o="open"===e.newState;null===(t=this._trigger)||void 0===t||t.setAttribute("aria-expanded",`${o}`),this._open=o,o?(this.originalMenuPosition||(this.originalMenuPosition=this.menuPosition),this.addRepositioningHandlers(),this.createPositioningManager(),this.observeMenuOverflow(),this.focusMenuList()):this.removeRepositioningListeners()}},this.triggerKeydownHandler=e=>{if(e.defaultPrevented)return;switch(e.key){case er:case Yi:e.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=e=>{e.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}applyHeightConstraint(){if(!this.positioning||!this._menuList)return;const{needsConstraint:e,maxHeight:t}=this.positioning.calculateConstrainedHeight();e&&null!==t?(this.style.setProperty("--menu-max-height",`${t}px`),this._menuList.style.overflow="auto"):this.clearHeightConstraint()}clearHeightConstraint(){this.style.removeProperty("--menu-max-height"),this._menuList&&(this._menuList.style.overflow="")}releasePositions(){if(this.openPositions=[],this.positioning)for(const e in rg){const t=rg[e];this.positioning.checkPosition(t)&&(this.openPositions.push(t),t===this.originalMenuPosition&&(this.menuPosition=this.originalMenuPosition))}}observeMenuOverflow(){var e,t;this.overflowBoundary?requestAnimationFrame(()=>{this.checkOverflowWithBoundary()}):(null===(e=this.intersectionObserver)||void 0===e||e.disconnect(),this._menuList&&(null===(t=this.intersectionObserver)||void 0===t||t.observe(this._menuList)))}addWindowEventListeners(){window.addEventListener("resize",this.handleWindowChanges),window.addEventListener("scroll",this.handleWindowChanges)}removeWindowEventListeners(){window.removeEventListener("resize",this.handleWindowChanges),window.removeEventListener("scroll",this.handleWindowChanges)}addOverflowBoundaryEventListeners(){this.overflowBoundary&&this.overflowBoundary.addEventListener("scroll",this.handleWindowChanges)}addRepositioningHandlers(){this.repositionMode!==sg.none&&(this.createOverflowHandler(),this.addWindowEventListeners(),this.addOverflowBoundaryEventListeners())}createPositioningManager(){this._menuList&&this._trigger&&this.repositionMode!==sg.none&&(this.positioning=new ag({menuReference:this._menuList,anchorReference:this._trigger,overflowBoundaryReference:this.overflowBoundary,repositionMode:this.repositionMode}))}removeRepositioningListeners(){var e;this._menuList&&(this.removeWindowEventListeners(),null===(e=this.intersectionObserver)||void 0===e||e.unobserve(this._menuList),this.clearHeightConstraint())}connectedCallback(){super.connectedCallback(),Ni.enqueue(()=>{this.setComponent(),this.setMenuPosition()})}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners(),this.removeRepositioningListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}setMenuPosition(){this.$fastController.isConnected&&this.style.setProperty("--menu-position-area",this.menuPosition===rg.above?"block-start span-inline-end":"block-end span-inline-end")}focusMenuList(){Ni.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Ni.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("mouseover",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(e,t){var o,n;t?null===(n=this._menuList)||void 0===n||n.removeEventListener("change",this.closeMenu):null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu)}menuPositionChanged(){this.setMenuPosition()}repositionModeChanged(e,t){this.positioning&&(this.positioning.repositionMode=t)}openOnContextChanged(e,t){var o,n;t?null===(o=this._trigger)||void 0===o||o.addEventListener("contextmenu",this.openMenu):null===(n=this._trigger)||void 0===n||n.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(e,t){t?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.addEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.addEventListener("change",this.closeMenu),this.openOnHover?null===(n=this._trigger)||void 0===n||n.addEventListener("mouseover",this.openMenu):this.openOnContext?(null===(i=this._trigger)||void 0===i||i.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.addEventListener("click",this.toggleMenu)}removeListeners(){var e,t,o,n,i,r;null===(e=this._menuList)||void 0===e||e.removeEventListener("toggle",this.toggleHandler),null===(t=this._trigger)||void 0===t||t.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||null===(o=this._menuList)||void 0===o||o.removeEventListener("change",this.closeMenu),this.openOnHover&&(null===(n=this._trigger)||void 0===n||n.removeEventListener("mouseover",this.openMenu)),this.openOnContext?(null===(i=this._trigger)||void 0===i||i.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):null===(r=this._trigger)||void 0===r||r.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(e){var t;if(e.defaultPrevented)return;if(e.key!==Qi)return!0;e.preventDefault(),this._open&&(null===(t=this._menuList)||void 0===t||t.togglePopover(!1),this.focusTrigger())}}lg([Ai({attribute:"open-on-hover",mode:"boolean"})],dg.prototype,"openOnHover",void 0),lg([Ai({attribute:"open-on-context",mode:"boolean"})],dg.prototype,"openOnContext",void 0),lg([Ai({attribute:"close-on-scroll",mode:"boolean"})],dg.prototype,"closeOnScroll",void 0),lg([Ai({attribute:"persist-on-item-click",mode:"boolean"})],dg.prototype,"persistOnItemClick",void 0),lg([Ai({mode:"boolean"})],dg.prototype,"split",void 0),lg([Ai({attribute:"menu-position"})],dg.prototype,"menuPosition",void 0),lg([Ai({attribute:"reposition-mode"})],dg.prototype,"repositionMode",void 0),lg([zi],dg.prototype,"overflowBoundary",void 0),lg([zi],dg.prototype,"slottedMenuList",void 0),lg([zi],dg.prototype,"slottedTriggers",void 0);const cg=Hi`
|
|
138
164
|
${e("inline-block")}
|
|
139
165
|
|
|
140
|
-
::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){inset-area:block-end span-inline-end;margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position-anchor:--menu-trigger;position-area:var(--menu-position-area,block-end span-inline-end);position-try-options:flip-block;position-try-fallbacks:flip-inline;position:absolute;z-index:1}:host([split]) ::slotted([popover]){position-area:block-end span-inline-start}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${
|
|
141
|
-
${
|
|
142
|
-
:host{display:block;font-family:${
|
|
166
|
+
::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){inset-area:block-end span-inline-end;margin:0;max-height:var(--menu-max-height,auto);overflow-y:auto;position-anchor:--menu-trigger;position-area:var(--menu-position-area,block-end span-inline-end);position-try-options:flip-block;position-try-fallbacks:flip-inline;position:absolute;z-index:1}:host([split]) ::slotted([popover]){position-area:block-end span-inline-start}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}:host([split]){display:inline-flex}:host([split]) ::slotted([slot="primary-action"]){border-inline-end:${O} solid ${z};border-start-end-radius:0;border-end-end-radius:0;z-index:1}:host([split]) ::slotted([slot="primary-action"]:focus-visible){z-index:1}:host([split]) ::slotted([slot="primary-action"][appearance="primary"]){border-inline-end:${O} solid
|
|
167
|
+
${De}}:host([split]) ::slotted([slot="trigger"]){border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}`;const hg=Fi`<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" ${Di({property:"slottedTriggers",filter:_i()})}></slot><slot ${Di({property:"slottedMenuList",filter:_i()})}></slot></template>`,ug=dg.compose({name:`${Lr.prefix}-menu`,template:hg,styles:cg,shadowOptions:{mode:Lr.shadowRootMode}});var pg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class mg extends Oi{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.slottedOptions=[]}get options(){return this.slottedOptions.filter(e=>Io(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}}pg([Ai],mg.prototype,"label",void 0),pg([Ai({mode:"boolean"})],mg.prototype,"disabled",void 0),pg([zi],mg.prototype,"slottedOptions",void 0);const gg=Hi`
|
|
168
|
+
:host{display:block;font-family:${a}}:host([hidden]){display:none}.label{color:${nt};font-size:${y};font-weight:${ye};line-height:${x};padding-block:${et};padding-inline:${te};user-select:none;cursor:default}:host([disabled]) .label{color:${w}}:host([disabled]) ::slotted(*){color:${w};background-color:${R};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${oe}}`;const bg=Fi`<template ?disabled="${e=>e.disabled}"><div class="label">${e=>e.label}</div><div class="options" role="presentation"><slot ${Di("slottedOptions")}></slot></div></template>`,fg=mg.compose({name:`${Lr.prefix}-option-group`,template:bg,styles:gg,shadowOptions:{mode:Lr.shadowRootMode}});class vg extends nn{}const wg=vg.compose({name:`${Lr.prefix}-progress-bar`,template:sn,styles:rn,shadowOptions:{mode:Lr.shadowRootMode}}),yg={...an},xg={...ln},$g={...dn};class kg extends cn{}const Cg={...hn},Sg=kg.compose({name:`${Lr.prefix}-radio-group`,template:pn,styles:un,shadowOptions:{mode:Lr.shadowRootMode}});class Bg extends mn{}const Ig=Bg.compose({name:`${Lr.prefix}-radio`,template:bn,styles:gn,shadowOptions:{mode:Lr.shadowRootMode}});class Eg extends fn{}const Lg=Eg.compose({name:`${Lr.prefix}-rating-display`,template:wn,styles:vn,shadowOptions:{mode:Lr.shadowRootMode}}),Mg={...yn},Pg={...xn},Rg={small:"small",medium:"medium",large:"large"},Og={outline:"outline",underline:"underline",filledLighter:"filled-lighter",filledDarker:"filled-darker"},Ag={email:"email",password:"password",number:"number",tel:"tel",text:"text",url:"url"},zg=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Ng=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Tg extends Oi{constructor(){super(...arguments),this.type=Ag.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 Ti.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(),Ti.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 zg.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)}}}Tg.formAssociated=!0,Ng([Ai],Tg.prototype,"autocomplete",void 0),Ng([Ai({mode:"boolean"})],Tg.prototype,"autofocus",void 0),Ng([Ai({attribute:"current-value"})],Tg.prototype,"currentValue",void 0),Ng([zi],Tg.prototype,"defaultSlottedNodes",void 0),Ng([Ai],Tg.prototype,"dirname",void 0),Ng([Ai({mode:"boolean"})],Tg.prototype,"disabled",void 0),Ng([Ai({attribute:"form"})],Tg.prototype,"formAttribute",void 0),Ng([Ai({attribute:"value",mode:"fromView"})],Tg.prototype,"initialValue",void 0),Ng([Ai],Tg.prototype,"list",void 0),Ng([Ai({converter:Ki})],Tg.prototype,"maxlength",void 0),Ng([Ai({converter:Ki})],Tg.prototype,"minlength",void 0),Ng([Ai({mode:"boolean"})],Tg.prototype,"multiple",void 0),Ng([Ai],Tg.prototype,"name",void 0),Ng([Ai],Tg.prototype,"pattern",void 0),Ng([Ai],Tg.prototype,"placeholder",void 0),Ng([Ai({attribute:"readonly",mode:"boolean"})],Tg.prototype,"readOnly",void 0),Ng([Ai({mode:"boolean"})],Tg.prototype,"required",void 0),Ng([Ai({converter:Ki})],Tg.prototype,"size",void 0),Ng([Ai({converter:{fromView:e=>"string"==typeof e?["true",""].includes(e.trim().toLowerCase()):null,toView:e=>e.toString()}})],Tg.prototype,"spellcheck",void 0),Ng([Ai],Tg.prototype,"type",void 0),Ng([zi],Tg.prototype,"control",void 0),Ng([zi],Tg.prototype,"controlLabel",void 0);var Dg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class Fg extends Tg{}Dg([Ai],Fg.prototype,"appearance",void 0),Dg([Ai({attribute:"control-size"})],Fg.prototype,"controlSize",void 0),Od(Fg,$n);const Hg={...Rg},Vg={...Og},_g={...Ag},jg=[...zg],Wg={search:"search"};var Kg=window&&window.__decorate||function(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var a=e.length-1;a>=0;a--)(i=e[a])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s};class qg extends Fg{constructor(){super(...arguments),this.type=_g.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(Wg.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),yd.define(customElements)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeydown)}}Kg([zi],qg.prototype,"clearButton",void 0);const Gg=Hi`
|
|
143
169
|
${e("block")}
|
|
144
170
|
|
|
145
|
-
:host{font-family:${
|
|
146
|
-
${
|
|
171
|
+
:host{font-family:${a};font-size:${l};font-weight:${d};line-height:${c};max-width:400px;}.label{display:flex;color:${p};padding-bottom:${et};flex-shrink:0;padding-inline-end:${u}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${R};border:${O} solid ${z};border-bottom-color:${kn};border-radius:${i};box-sizing:border-box;height:${ol};display:inline-flex;flex-direction:row;gap:${B};padding:0 ${h};position:relative;width:100%;box-shadow:unset}:has(.control:user-invalid){border-color:${Cn}}.root::after{box-sizing:border-box;content:"";position:absolute;inset-inline-start:-1px;bottom:0px;inset-inline-end:-1px;height:max(2px,${i});border-radius:0 0 ${i} ${i};border-bottom:2px solid ${Sn};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Bn};transition-delay:${In}}.control{width:100%;height:100%;box-sizing:border-box;color:${p};border-radius:${i};background:${m};font-family:${a};font-weight:${d};font-size:${l};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${En}}:host ::slotted([slot="start"]),:host ::slotted([slot="end"]){display:flex;align-items:center;justify-content:center;color:${nt};font-size:${C}}:host ::slotted([slot="start"]){padding-inline-end:${B}}:host ::slotted([slot="end"]){padding-inline-start:${B};gap:${u}}:host(:hover) .root{border-color:${_};border-bottom-color:${Ln}}:host(:active) .root{border-color:${W}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Mn};transition-delay:${Pn}}:host(:focus-within:active) .root:after{border-bottom-color:${Rn}}:host([appearance="outline"]:focus-within) .root{border:${O} solid ${z}}:host(:focus-within) .control{color:${p}}:host([disabled]) .root{background:${m};border:${O} solid ${Te}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot="start"]),:host([disabled]) ::slotted([slot="end"]){color:${w}}::selection{color:${De};background-color:${Oe}}:host([control-size="small"]) .control{font-size:${y};font-weight:${d};line-height:${x}}:host([control-size="small"]) .root{height:${tl};gap:${B};padding:0 ${I}}:host([control-size="small"]) ::slotted([slot="start"]),:host([control-size="small"]) ::slotted([slot="end"]){font-size:${$}}:host([control-size="large"]) .control{font-size:${$};font-weight:${d};line-height:${k}}:host([control-size="large"]) .root{height:40px;gap:${s};padding:0 ${te}}:host([control-size="large"]) ::slotted([slot="start"]),:host([control-size="large"]) ::slotted([slot="end"]){font-size:${Se}}:host([appearance="underline"]) .root{background:${m};border:0;border-radius:0;border-bottom:${O} solid ${kn}}:host([appearance="underline"]:hover) .root{border-bottom-color:${Ln}}:host([appearance="underline"]:active) .root{border-bottom-color:${On}}:host([appearance="underline"]:focus-within) .root{border:0;border-bottom-color:${On}}:host([appearance="underline"][disabled]) .root{border-bottom-color:${Te}}:host([appearance="filled-lighter"]) .root,:host([appearance="filled-darker"]) .root{border:${O} solid ${P}}:host([appearance="filled-lighter"]) .root{background:${R}}:host([appearance="filled-darker"]) .root{background:${Ze}}:host([appearance="filled-lighter"]:hover) .root,:host([appearance="filled-darker"]:hover) .root{border-color:${T}}:host([appearance="filled-lighter"]:active) .root,:host([appearance="filled-darker"]:active) .root{border-color:${T};background:${Ze}}`,Xg=Hi`
|
|
172
|
+
${Gg}
|
|
147
173
|
|
|
148
|
-
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${st}}fabric-button.clear-button{min-width:${t};min-height:${t};margin-inline-end:${p};padding:0px 2px;display:none}`,hp=Li`<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>`,up=Li`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const pp=Li`<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" ${Pi("controlLabel")}><slot ${Ei({property:"defaultSlottedNodes",filter:oa})}></slot></label><span class="root"><span class="search-icon">${hp}</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}" ${Pi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Pi("clearButton")} @click="${e=>e.clear()}">${up}</fabric-button><slot name="end"></slot></span></template>`,mp=lp.compose({name:`${wr.prefix}-search-box`,template:pp,styles:cp,shadowOptions:{mode:wr.shadowRootMode}});class gp extends On{}const fp={...An},bp={...Nn},vp={...Dn},wp={change:"change"},yp=gp.compose({name:`${wr.prefix}-slider`,template:Tn,styles:Fn,shadowOptions:{mode:wr.shadowRootMode}});class xp extends zn{}const $p={...Hn},kp={...Vn},Cp=xp.compose({name:`${wr.prefix}-spinner`,template:jn,styles:_n,shadowOptions:{mode:wr.shadowRootMode}});class Sp extends Wn{}const Bp=Sp.compose({name:`${wr.prefix}-switch`,template:qn,styles:Kn,shadowOptions:{mode:wr.shadowRootMode}});class Ip extends Gn{}const Ep=Ip.compose({name:`${wr.prefix}-tab`,template:Xn,styles:Un,shadowOptions:{mode:wr.shadowRootMode}}),Lp={...Zn},Mp={...Yn},Pp={...Qn},Rp={activeIndexChange:"active-index-change",change:"change"};class Op extends Jn{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(Rp.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const Ap=Op.compose({name:`${wr.prefix}-tablist`,template:ti,styles:ei,shadowOptions:{mode:wr.shadowRootMode}});class Np extends oi{}const Dp=Np.compose({name:`${wr.prefix}-textarea`,template:ii,styles:ni,shadowOptions:{mode:wr.shadowRootMode}});const Fp=function(e={}){return Li`<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" ${Pi("controlLabel")}><slot ${Ei({property:"defaultSlottedNodes",filter:oa})}></slot></label><div class="root" part="root">${Ge(e)}<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}" ${Pi("control")} />${Ue(e)}</div></template>`}(),Tp=op.compose({name:`${wr.prefix}-text-input`,template:Fp,styles:dp,shadowOptions:{mode:wr.shadowRootMode}});class zp extends ri{}const Hp=zp.compose({name:`${wr.prefix}-text`,template:ai,styles:si,shadowOptions:{mode:wr.shadowRootMode}});class Vp extends li{}const _p=Vp.compose({name:`${wr.prefix}-tree`,template:ci,styles:di,shadowOptions:{mode:wr.shadowRootMode}});class jp extends hi{}const Wp=jp.compose({name:`${wr.prefix}-tree-item`,template:pi,styles:ui,shadowOptions:{mode:wr.shadowRootMode}}),Kp="#050505",qp="#0a0a0a",Gp="#0f0f0f",Up="#141414",Xp="#1a1a1a",Zp="#1f1f1f",Yp="#242424",Qp="#292929",Jp="#2e2e2e",em="#333333",tm="#383838",om="#3d3d3d",nm="#424242",im="#4d4d4d",rm="#525252",sm="#575757",am="#5c5c5c",lm="#616161",dm="#666666",cm="#6b6b6b",hm="#707070",um="#757575",pm="#999999",mm="#adadad",gm="#b3b3b3",fm="#bdbdbd",bm="#c7c7c7",vm="#d1d1d1",wm="#d6d6d6",ym="#dbdbdb",xm="#e0e0e0",$m="#e6e6e6",km="#ebebeb",Cm="#f0f0f0",Sm="#f5f5f5",Bm="#fafafa",Im="rgba(255, 255, 255, 0.05)",Em="rgba(255, 255, 255, 0.1)",Lm="rgba(255, 255, 255, 0.2)",Mm="rgba(255, 255, 255, 0.4)",Pm="rgba(255, 255, 255, 0.5)",Rm="rgba(255, 255, 255, 0.6)",Om="rgba(255, 255, 255, 0.7)",Am="rgba(255, 255, 255, 0.8)",Nm="rgba(0, 0, 0, 0.05)",Dm="rgba(0, 0, 0, 0.1)",Fm="rgba(0, 0, 0, 0.2)",Tm="rgba(0, 0, 0, 0.3)",zm="rgba(0, 0, 0, 0.4)",Hm="rgba(0, 0, 0, 0.5)",Vm="rgba(26, 26, 26, 0.5)",_m="rgba(31, 31, 31, 0.7)",jm="rgba(36, 36, 36, 0.5)",Wm="rgba(36, 36, 36, 0.8)",Km="#ffffff",qm="#000000",Gm={shade50:"#200205",shade40:"#3b0509",shade30:"#6e0811",shade20:"#960b18",shade10:"#b10e1c",primary:"#c50f1f",tint10:"#cc2635",tint20:"#d33f4c",tint30:"#dc626d",tint40:"#eeacb2",tint50:"#f6d1d5",tint60:"#fdf3f4"},Um={shade50:"#031403",shade40:"#052505",shade30:"#094509",shade20:"#0c5e0c",shade10:"#0e700e",primary:"#107c10",tint10:"#218c21",tint20:"#359b35",tint30:"#54b054",tint40:"#9fd89f",tint50:"#c9eac9",tint60:"#f1faf1"},Xm={red:{shade50:"#210809",shade40:"#3f1011",shade30:"#751d1f",shade20:"#9f282b",shade10:"#bc2f32",primary:"#d13438",tint10:"#d7494c",tint20:"#dc5e62",tint30:"#e37d80",tint40:"#f1bbbc",tint50:"#f8dadb",tint60:"#fdf6f6"},green:Um,darkOrange:{shade50:"#230900",shade40:"#411200",shade30:"#7a2101",shade20:"#a62d01",shade10:"#c43501",primary:"#da3b01",tint10:"#de501c",tint20:"#e36537",tint30:"#e9835e",tint40:"#f4bfab",tint50:"#f9dcd1",tint60:"#fdf6f3"},yellow:{shade50:"#282400",shade40:"#4c4400",shade30:"#817400",shade20:"#c0ad00",shade10:"#e4cc00",primary:"#fde300",tint10:"#fde61e",tint20:"#fdea3d",tint30:"#feee66",tint40:"#fef7b2",tint50:"#fffad6",tint60:"#fffef5"},berry:{shade50:"#1f091d",shade40:"#3a1136",shade30:"#6d2064",shade20:"#932b88",shade10:"#af33a1",primary:"#c239b3",tint10:"#c94cbc",tint20:"#d161c4",tint30:"#da7ed0",tint40:"#edbbe7",tint50:"#f5daf2",tint60:"#fdf5fc"},lightGreen:{shade50:"#031a02",shade40:"#063004",shade30:"#0b5a08",shade20:"#0e7a0b",shade10:"#11910d",primary:"#13a10e",tint10:"#27ac22",tint20:"#3db838",tint30:"#5ec75a",tint40:"#a7e3a5",tint50:"#cef0cd",tint60:"#f2fbf2"},marigold:{shade50:"#251a00",shade40:"#463100",shade30:"#835b00",shade20:"#b27c00",shade10:"#d39300",primary:"#eaa300",tint10:"#edad1c",tint20:"#efb839",tint30:"#f2c661",tint40:"#f9e2ae",tint50:"#fcefd3",tint60:"#fefbf4"}},Zm={darkRed:{shade50:"#130204",shade40:"#230308",shade30:"#420610",shade20:"#590815",shade10:"#690a19",primary:"#750b1c",tint10:"#861b2c",tint20:"#962f3f",tint30:"#ac4f5e",tint40:"#d69ca5",tint50:"#e9c7cd",tint60:"#f9f0f2"},cranberry:Gm,pumpkin:{shade50:"#200d03",shade40:"#3d1805",shade30:"#712d09",shade20:"#9a3d0c",shade10:"#b6480e",primary:"#ca5010",tint10:"#d06228",tint20:"#d77440",tint30:"#df8e64",tint40:"#efc4ad",tint50:"#f7dfd2",tint60:"#fdf7f4"},peach:{shade50:"#291600",shade40:"#4d2a00",shade30:"#8f4e00",shade20:"#c26a00",shade10:"#e67e00",primary:"#ff8c00",tint10:"#ff9a1f",tint20:"#ffa83d",tint30:"#ffba66",tint40:"#ffddb3",tint50:"#ffedd6",tint60:"#fffaf5"},gold:{shade50:"#1f1900",shade40:"#3a2f00",shade30:"#6c5700",shade20:"#937700",shade10:"#ae8c00",primary:"#c19c00",tint10:"#c8a718",tint20:"#d0b232",tint30:"#dac157",tint40:"#ecdfa5",tint50:"#f5eece",tint60:"#fdfbf2"},brass:{shade50:"#181202",shade40:"#2e2103",shade30:"#553e06",shade20:"#745408",shade10:"#89640a",primary:"#986f0b",tint10:"#a47d1e",tint20:"#b18c34",tint30:"#c1a256",tint40:"#e0cea2",tint50:"#efe4cb",tint60:"#fbf8f2"},brown:{shade50:"#170e07",shade40:"#2b1a0e",shade30:"#50301a",shade20:"#6c4123",shade10:"#804d29",primary:"#8e562e",tint10:"#9c663f",tint20:"#a97652",tint30:"#bb8f6f",tint40:"#ddc3b0",tint50:"#edded3",tint60:"#faf7f4"},forest:{shade50:"#0c1501",shade40:"#162702",shade30:"#294903",shade20:"#376304",shade10:"#427505",primary:"#498205",tint10:"#599116",tint20:"#6ba02b",tint30:"#85b44c",tint40:"#bdd99b",tint50:"#dbebc7",tint60:"#f6faf0"},seafoam:{shade50:"#002111",shade40:"#003d20",shade30:"#00723b",shade20:"#009b51",shade10:"#00b85f",primary:"#00cc6a",tint10:"#19d279",tint20:"#34d889",tint30:"#5ae0a0",tint40:"#a8f0cd",tint50:"#cff7e4",tint60:"#f3fdf8"},darkGreen:{shade50:"#021102",shade40:"#032003",shade30:"#063b06",shade20:"#085108",shade10:"#0a5f0a",primary:"#0b6a0b",tint10:"#1a7c1a",tint20:"#2d8e2d",tint30:"#4da64d",tint40:"#9ad29a",tint50:"#c6e7c6",tint60:"#f0f9f0"},lightTeal:{shade50:"#001d1f",shade40:"#00373a",shade30:"#00666d",shade20:"#008b94",shade10:"#00a5af",primary:"#00b7c3",tint10:"#18bfca",tint20:"#32c8d1",tint30:"#58d3db",tint40:"#a6e9ed",tint50:"#cef3f5",tint60:"#f2fcfd"},teal:{shade50:"#001516",shade40:"#012728",shade30:"#02494c",shade20:"#026467",shade10:"#037679",primary:"#038387",tint10:"#159195",tint20:"#2aa0a4",tint30:"#4cb4b7",tint40:"#9bd9db",tint50:"#c7ebec",tint60:"#f0fafa"},steel:{shade50:"#000f12",shade40:"#001b22",shade30:"#00333f",shade20:"#004555",shade10:"#005265",primary:"#005b70",tint10:"#0f6c81",tint20:"#237d92",tint30:"#4496a9",tint40:"#94c8d4",tint50:"#c3e1e8",tint60:"#eff7f9"},blue:{shade50:"#001322",shade40:"#002440",shade30:"#004377",shade20:"#005ba1",shade10:"#006cbf",primary:"#0078d4",tint10:"#1a86d9",tint20:"#3595de",tint30:"#5caae5",tint40:"#a9d3f2",tint50:"#d0e7f8",tint60:"#f3f9fd"},royalBlue:{shade50:"#000c16",shade40:"#00172a",shade30:"#002c4e",shade20:"#003b6a",shade10:"#00467e",primary:"#004e8c",tint10:"#125e9a",tint20:"#286fa8",tint30:"#4a89ba",tint40:"#9abfdc",tint50:"#c7dced",tint60:"#f0f6fa"},cornflower:{shade50:"#0d1126",shade40:"#182047",shade30:"#2c3c85",shade20:"#3c51b4",shade10:"#4760d5",primary:"#4f6bed",tint10:"#637cef",tint20:"#778df1",tint30:"#93a4f4",tint40:"#c8d1fa",tint50:"#e1e6fc",tint60:"#f7f9fe"},navy:{shade50:"#00061d",shade40:"#000c36",shade30:"#001665",shade20:"#001e89",shade10:"#0023a2",primary:"#0027b4",tint10:"#173bbd",tint20:"#3050c6",tint30:"#546fd2",tint40:"#a3b2e8",tint50:"#ccd5f3",tint60:"#f2f4fc"},lavender:{shade50:"#120f25",shade40:"#221d46",shade30:"#3f3682",shade20:"#5649b0",shade10:"#6656d1",primary:"#7160e8",tint10:"#8172eb",tint20:"#9184ee",tint30:"#a79cf1",tint40:"#d2ccf8",tint50:"#e7e4fb",tint60:"#f9f8fe"},purple:{shade50:"#0f0717",shade40:"#1c0e2b",shade30:"#341a51",shade20:"#46236e",shade10:"#532982",primary:"#5c2e91",tint10:"#6b3f9e",tint20:"#7c52ab",tint30:"#9470bd",tint40:"#c6b1de",tint50:"#e0d3ed",tint60:"#f7f4fb"},grape:{shade50:"#160418",shade40:"#29072e",shade30:"#4c0d55",shade20:"#671174",shade10:"#7a1589",primary:"#881798",tint10:"#952aa4",tint20:"#a33fb1",tint30:"#b55fc1",tint40:"#d9a7e0",tint50:"#eaceef",tint60:"#faf2fb"},lilac:{shade50:"#1c0b1f",shade40:"#35153a",shade30:"#63276d",shade20:"#863593",shade10:"#9f3faf",primary:"#b146c2",tint10:"#ba58c9",tint20:"#c36bd1",tint30:"#cf87da",tint40:"#e6bfed",tint50:"#f2dcf5",tint60:"#fcf6fd"},pink:{shade50:"#24091b",shade40:"#441232",shade30:"#80215d",shade20:"#ad2d7e",shade10:"#cd3595",primary:"#e43ba6",tint10:"#e750b0",tint20:"#ea66ba",tint30:"#ef85c8",tint40:"#f7c0e3",tint50:"#fbddf0",tint60:"#fef6fb"},magenta:{shade50:"#1f0013",shade40:"#390024",shade30:"#6b0043",shade20:"#91005a",shade10:"#ac006b",primary:"#bf0077",tint10:"#c71885",tint20:"#ce3293",tint30:"#d957a8",tint40:"#eca5d1",tint50:"#f5cee6",tint60:"#fcf2f9"},plum:{shade50:"#13000c",shade40:"#240017",shade30:"#43002b",shade20:"#5a003b",shade10:"#6b0045",primary:"#77004d",tint10:"#87105d",tint20:"#98246f",tint30:"#ad4589",tint40:"#d696c0",tint50:"#e9c4dc",tint60:"#faf0f6"},beige:{shade50:"#141313",shade40:"#252323",shade30:"#444241",shade20:"#5d5958",shade10:"#6e6968",primary:"#7a7574",tint10:"#8a8584",tint20:"#9a9594",tint30:"#afabaa",tint40:"#d7d4d4",tint50:"#eae8e8",tint60:"#faf9f9"},mink:{shade50:"#0f0e0e",shade40:"#1c1b1a",shade30:"#343231",shade20:"#474443",shade10:"#54514f",primary:"#5d5a58",tint10:"#706d6b",tint20:"#84817e",tint30:"#9e9b99",tint40:"#cecccb",tint50:"#e5e4e3",tint60:"#f8f8f8"},platinum:{shade50:"#111314",shade40:"#1f2426",shade30:"#3b4447",shade20:"#505c60",shade10:"#5f6d71",primary:"#69797e",tint10:"#79898d",tint20:"#89989d",tint30:"#a0adb2",tint40:"#cdd6d8",tint50:"#e4e9ea",tint60:"#f8f9fa"},anchor:{shade50:"#090a0b",shade40:"#111315",shade30:"#202427",shade20:"#2b3135",shade10:"#333a3f",primary:"#394146",tint10:"#4d565c",tint20:"#626c72",tint30:"#808a90",tint40:"#bcc3c7",tint50:"#dbdfe1",tint60:"#f6f7f8"}},Ym={cranberry:Gm,green:Um,orange:{shade50:"#271002",shade40:"#4a1e04",shade30:"#8a3707",shade20:"#bc4b09",shade10:"#de590b",primary:"#f7630c",tint10:"#f87528",tint20:"#f98845",tint30:"#faa06b",tint40:"#fdcfb4",tint50:"#fee5d7",tint60:"#fff9f5"}},Qm=["red","green","darkOrange","yellow","berry","lightGreen","marigold"],Jm=["darkRed","cranberry","pumpkin","peach","gold","brass","brown","forest","seafoam","darkGreen","lightTeal","teal","steel","blue","royalBlue","cornflower","navy","lavender","purple","grape","lilac","pink","magenta","plum","beige","mink","platinum","anchor"],eg={success:"green",warning:"orange",danger:"cranberry"},tg=Qm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:Xm[t].tint60,[`colorPalette${o}Background2`]:Xm[t].tint40,[`colorPalette${o}Background3`]:Xm[t].primary,[`colorPalette${o}Foreground1`]:Xm[t].shade10,[`colorPalette${o}Foreground2`]:Xm[t].shade30,[`colorPalette${o}Foreground3`]:Xm[t].primary,[`colorPalette${o}BorderActive`]:Xm[t].primary,[`colorPalette${o}Border1`]:Xm[t].tint40,[`colorPalette${o}Border2`]:Xm[t].primary};return Object.assign(e,n)},{});tg.colorPaletteYellowForeground1=Xm.yellow.shade30,tg.colorPaletteRedForegroundInverted=Xm.red.tint20,tg.colorPaletteGreenForegroundInverted=Xm.green.tint20,tg.colorPaletteYellowForegroundInverted=Xm.yellow.tint40;const og=Jm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:Zm[t].tint40,[`colorPalette${o}Foreground2`]:Zm[t].shade30,[`colorPalette${o}BorderActive`]:Zm[t].primary};return Object.assign(e,n)},{}),ng={...tg,...og},ig=Object.entries(eg).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:Ym[o].tint60,[`colorStatus${n}Background2`]:Ym[o].tint40,[`colorStatus${n}Background3`]:Ym[o].primary,[`colorStatus${n}Foreground1`]:Ym[o].shade10,[`colorStatus${n}Foreground2`]:Ym[o].shade30,[`colorStatus${n}Foreground3`]:Ym[o].primary,[`colorStatus${n}ForegroundInverted`]:Ym[o].tint30,[`colorStatus${n}BorderActive`]:Ym[o].primary,[`colorStatus${n}Border1`]:Ym[o].tint40,[`colorStatus${n}Border2`]:Ym[o].primary};return Object.assign(e,i)},{});ig.colorStatusDangerBackground3Hover=Ym[eg.danger].shade10,ig.colorStatusDangerBackground3Pressed=Ym[eg.danger].shade20,ig.colorStatusWarningForeground1=Ym[eg.warning].shade20,ig.colorStatusWarningForeground3=Ym[eg.warning].shade20,ig.colorStatusWarningBorder2=Ym[eg.warning].shade20;const rg={borderRadiusNone:"0",borderRadiusSmall:"2px",borderRadiusMedium:"4px",borderRadiusLarge:"6px",borderRadiusXLarge:"8px",borderRadiusCircular:"10000px"},sg={curveAccelerateMax:"cubic-bezier(0.9,0.1,1,0.2)",curveAccelerateMid:"cubic-bezier(1,0,1,1)",curveAccelerateMin:"cubic-bezier(0.8,0,0.78,1)",curveDecelerateMax:"cubic-bezier(0.1,0.9,0.2,1)",curveDecelerateMid:"cubic-bezier(0,0,0,1)",curveDecelerateMin:"cubic-bezier(0.33,0,0.1,1)",curveEasyEaseMax:"cubic-bezier(0.8,0,0.2,1)",curveEasyEase:"cubic-bezier(0.33,0,0.67,1)",curveLinear:"cubic-bezier(0,0,1,1)"},ag={durationUltraFast:"50ms",durationFaster:"100ms",durationFast:"150ms",durationNormal:"200ms",durationGentle:"250ms",durationSlow:"300ms",durationSlower:"400ms",durationUltraSlow:"500ms"},lg={fontSizeBase100:"10px",fontSizeBase200:"12px",fontSizeBase300:"14px",fontSizeBase400:"16px",fontSizeBase500:"20px",fontSizeBase600:"24px",fontSizeHero700:"28px",fontSizeHero800:"32px",fontSizeHero900:"40px",fontSizeHero1000:"68px"},dg={lineHeightBase100:"14px",lineHeightBase200:"16px",lineHeightBase300:"20px",lineHeightBase400:"22px",lineHeightBase500:"28px",lineHeightBase600:"32px",lineHeightHero700:"36px",lineHeightHero800:"40px",lineHeightHero900:"52px",lineHeightHero1000:"92px"},cg={fontWeightRegular:400,fontWeightMedium:500,fontWeightSemibold:600,fontWeightBold:700},hg={fontFamilyBase:"'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",fontFamilyMonospace:"Consolas, 'Courier New', Courier, monospace",fontFamilyNumeric:"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"},ug="0",pg="2px",mg="4px",gg="6px",fg="8px",bg="10px",vg="12px",wg="16px",yg="20px",xg="24px",$g="32px",kg={spacingHorizontalNone:ug,spacingHorizontalXXS:pg,spacingHorizontalXS:mg,spacingHorizontalSNudge:gg,spacingHorizontalS:fg,spacingHorizontalMNudge:bg,spacingHorizontalM:vg,spacingHorizontalL:wg,spacingHorizontalXL:yg,spacingHorizontalXXL:xg,spacingHorizontalXXXL:$g},Cg={spacingVerticalNone:ug,spacingVerticalXXS:pg,spacingVerticalXS:mg,spacingVerticalSNudge:gg,spacingVerticalS:fg,spacingVerticalMNudge:bg,spacingVerticalM:vg,spacingVerticalL:wg,spacingVerticalXL:yg,spacingVerticalXXL:xg,spacingVerticalXXXL:$g},Sg={strokeWidthThin:"1px",strokeWidthThick:"2px",strokeWidthThicker:"3px",strokeWidthThickest:"4px"};function Bg(e,t,o=""){return{[`shadow2${o}`]:`0 0 2px ${e}, 0 1px 2px ${t}`,[`shadow4${o}`]:`0 0 2px ${e}, 0 2px 4px ${t}`,[`shadow8${o}`]:`0 0 2px ${e}, 0 4px 8px ${t}`,[`shadow16${o}`]:`0 0 2px ${e}, 0 8px 16px ${t}`,[`shadow28${o}`]:`0 0 8px ${e}, 0 14px 28px ${t}`,[`shadow64${o}`]:`0 0 8px ${e}, 0 32px 64px ${t}`}}const Ig=e=>{const t=(e=>({colorNeutralForeground1:Yp,colorNeutralForeground1Hover:Yp,colorNeutralForeground1Pressed:Yp,colorNeutralForeground1Selected:Yp,colorNeutralForeground2:nm,colorNeutralForeground2Hover:Yp,colorNeutralForeground2Pressed:Yp,colorNeutralForeground2Selected:Yp,colorNeutralForeground2BrandHover:e[80],colorNeutralForeground2BrandPressed:e[70],colorNeutralForeground2BrandSelected:e[80],colorNeutralForeground3:lm,colorNeutralForeground3Hover:nm,colorNeutralForeground3Pressed:nm,colorNeutralForeground3Selected:nm,colorNeutralForeground3BrandHover:e[80],colorNeutralForeground3BrandPressed:e[70],colorNeutralForeground3BrandSelected:e[80],colorNeutralForeground4:hm,colorNeutralForegroundDisabled:fm,colorNeutralForegroundInvertedDisabled:Mm,colorBrandForegroundLink:e[70],colorBrandForegroundLinkHover:e[60],colorBrandForegroundLinkPressed:e[40],colorBrandForegroundLinkSelected:e[70],colorNeutralForeground2Link:nm,colorNeutralForeground2LinkHover:Yp,colorNeutralForeground2LinkPressed:Yp,colorNeutralForeground2LinkSelected:Yp,colorCompoundBrandForeground1:e[80],colorCompoundBrandForeground1Hover:e[70],colorCompoundBrandForeground1Pressed:e[60],colorBrandForeground1:e[80],colorBrandForeground2:e[70],colorBrandForeground2Hover:e[60],colorBrandForeground2Pressed:e[30],colorNeutralForeground1Static:Yp,colorNeutralForegroundStaticInverted:Km,colorNeutralForegroundInverted:Km,colorNeutralForegroundInvertedHover:Km,colorNeutralForegroundInvertedPressed:Km,colorNeutralForegroundInvertedSelected:Km,colorNeutralForegroundInverted2:Km,colorNeutralForegroundOnBrand:Km,colorNeutralForegroundInvertedLink:Km,colorNeutralForegroundInvertedLinkHover:Km,colorNeutralForegroundInvertedLinkPressed:Km,colorNeutralForegroundInvertedLinkSelected:Km,colorBrandForegroundInverted:e[100],colorBrandForegroundInvertedHover:e[110],colorBrandForegroundInvertedPressed:e[100],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Km,colorNeutralBackground1Hover:Sm,colorNeutralBackground1Pressed:xm,colorNeutralBackground1Selected:km,colorNeutralBackground2:Bm,colorNeutralBackground2Hover:Cm,colorNeutralBackground2Pressed:ym,colorNeutralBackground2Selected:$m,colorNeutralBackground3:Sm,colorNeutralBackground3Hover:km,colorNeutralBackground3Pressed:wm,colorNeutralBackground3Selected:xm,colorNeutralBackground4:Cm,colorNeutralBackground4Hover:Bm,colorNeutralBackground4Pressed:Sm,colorNeutralBackground4Selected:Km,colorNeutralBackground5:km,colorNeutralBackground5Hover:Sm,colorNeutralBackground5Pressed:Cm,colorNeutralBackground5Selected:Bm,colorNeutralBackground6:$m,colorNeutralBackgroundInverted:Qp,colorNeutralBackgroundStatic:em,colorNeutralBackgroundAlpha:Pm,colorNeutralBackgroundAlpha2:Am,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:Sm,colorSubtleBackgroundPressed:xm,colorSubtleBackgroundSelected:km,colorSubtleBackgroundLightAlphaHover:Om,colorSubtleBackgroundLightAlphaPressed:Pm,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Dm,colorSubtleBackgroundInvertedPressed:Tm,colorSubtleBackgroundInvertedSelected:Fm,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Cm,colorNeutralBackgroundInvertedDisabled:Em,colorNeutralStencil1:$m,colorNeutralStencil2:Bm,colorNeutralStencil1Alpha:Dm,colorNeutralStencil2Alpha:Nm,colorBackgroundOverlay:zm,colorScrollbarOverlay:Hm,colorBrandBackground:e[80],colorBrandBackgroundHover:e[70],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[80],colorCompoundBrandBackgroundHover:e[70],colorCompoundBrandBackgroundPressed:e[60],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[160],colorBrandBackground2Hover:e[150],colorBrandBackground2Pressed:e[130],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Km,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:Bm,colorNeutralCardBackgroundHover:Km,colorNeutralCardBackgroundPressed:Sm,colorNeutralCardBackgroundSelected:km,colorNeutralCardBackgroundDisabled:Cm,colorNeutralStrokeAccessible:lm,colorNeutralStrokeAccessibleHover:sm,colorNeutralStrokeAccessiblePressed:im,colorNeutralStrokeAccessibleSelected:e[80],colorNeutralStroke1:vm,colorNeutralStroke1Hover:bm,colorNeutralStroke1Pressed:gm,colorNeutralStroke1Selected:fm,colorNeutralStroke2:xm,colorNeutralStroke3:Cm,colorNeutralStrokeSubtle:xm,colorNeutralStrokeOnBrand:Km,colorNeutralStrokeOnBrand2:Km,colorNeutralStrokeOnBrand2Hover:Km,colorNeutralStrokeOnBrand2Pressed:Km,colorNeutralStrokeOnBrand2Selected:Km,colorBrandStroke1:e[80],colorBrandStroke2:e[140],colorBrandStroke2Hover:e[120],colorBrandStroke2Pressed:e[80],colorBrandStroke2Contrast:e[140],colorCompoundBrandStroke:e[80],colorCompoundBrandStrokeHover:e[70],colorCompoundBrandStrokePressed:e[60],colorNeutralStrokeDisabled:xm,colorNeutralStrokeInvertedDisabled:Mm,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Nm,colorNeutralStrokeAlpha2:Lm,colorStrokeFocus1:Km,colorStrokeFocus2:qm,colorNeutralShadowAmbient:"rgba(0,0,0,0.12)",colorNeutralShadowKey:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.06)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.07)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.20)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.24)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...rg,...lg,...dg,...hg,...cg,...Sg,...kg,...Cg,...ag,...sg,...t,...ng,...ig,...Bg(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Bg(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Eg={10:"#061724",20:"#082338",30:"#0a2e4a",40:"#0c3b5e",50:"#0e4775",60:"#0f548c",70:"#115ea3",80:"#0f6cbd",90:"#2886de",100:"#479ef5",110:"#62abf5",120:"#77b7f7",130:"#96c6fa",140:"#b4d6fa",150:"#cfe4fa",160:"#ebf3fc"},Lg=Qm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background1`]:Xm[t].shade40,[`colorPalette${o}Background2`]:Xm[t].shade30,[`colorPalette${o}Background3`]:Xm[t].primary,[`colorPalette${o}Foreground1`]:Xm[t].tint30,[`colorPalette${o}Foreground2`]:Xm[t].tint40,[`colorPalette${o}Foreground3`]:Xm[t].tint20,[`colorPalette${o}BorderActive`]:Xm[t].tint30,[`colorPalette${o}Border1`]:Xm[t].primary,[`colorPalette${o}Border2`]:Xm[t].tint20};return Object.assign(e,n)},{});Lg.colorPaletteRedForeground3=Xm.red.tint30,Lg.colorPaletteRedBorder2=Xm.red.tint30,Lg.colorPaletteGreenForeground3=Xm.green.tint40,Lg.colorPaletteGreenBorder2=Xm.green.tint40,Lg.colorPaletteDarkOrangeForeground3=Xm.darkOrange.tint30,Lg.colorPaletteDarkOrangeBorder2=Xm.darkOrange.tint30,Lg.colorPaletteRedForegroundInverted=Xm.red.primary,Lg.colorPaletteGreenForegroundInverted=Xm.green.primary,Lg.colorPaletteYellowForegroundInverted=Xm.yellow.shade30;const Mg=Jm.reduce((e,t)=>{const o=t.slice(0,1).toUpperCase()+t.slice(1),n={[`colorPalette${o}Background2`]:Zm[t].shade30,[`colorPalette${o}Foreground2`]:Zm[t].tint40,[`colorPalette${o}BorderActive`]:Zm[t].tint30};return Object.assign(e,n)},{});Mg.colorPaletteDarkRedBackground2=Zm.darkRed.shade20,Mg.colorPalettePlumBackground2=Zm.plum.shade20;const Pg={...Lg,...Mg},Rg=Object.entries(eg).reduce((e,[t,o])=>{const n=t.slice(0,1).toUpperCase()+t.slice(1),i={[`colorStatus${n}Background1`]:Ym[o].shade40,[`colorStatus${n}Background2`]:Ym[o].shade30,[`colorStatus${n}Background3`]:Ym[o].primary,[`colorStatus${n}Foreground1`]:Ym[o].tint30,[`colorStatus${n}Foreground2`]:Ym[o].tint40,[`colorStatus${n}Foreground3`]:Ym[o].tint20,[`colorStatus${n}BorderActive`]:Ym[o].tint30,[`colorStatus${n}ForegroundInverted`]:Ym[o].shade10,[`colorStatus${n}Border1`]:Ym[o].primary,[`colorStatus${n}Border2`]:Ym[o].tint20};return Object.assign(e,i)},{});Rg.colorStatusDangerBackground3Hover=Ym[eg.danger].shade10,Rg.colorStatusDangerBackground3Pressed=Ym[eg.danger].shade20,Rg.colorStatusDangerForeground3=Ym[eg.danger].tint40,Rg.colorStatusDangerBorder2=Ym[eg.danger].tint30,Rg.colorStatusSuccessForeground3=Ym[eg.success].tint40,Rg.colorStatusSuccessBorder2=Ym[eg.success].tint40,Rg.colorStatusWarningForegroundInverted=Ym[eg.warning].shade20;const Og=Ig(Eg),Ag=e=>{const t=(e=>({colorNeutralForeground1:Km,colorNeutralForeground1Hover:Km,colorNeutralForeground1Pressed:Km,colorNeutralForeground1Selected:Km,colorNeutralForeground2:wm,colorNeutralForeground2Hover:Km,colorNeutralForeground2Pressed:Km,colorNeutralForeground2Selected:Km,colorNeutralForeground2BrandHover:e[100],colorNeutralForeground2BrandPressed:e[90],colorNeutralForeground2BrandSelected:e[100],colorNeutralForeground3:mm,colorNeutralForeground3Hover:wm,colorNeutralForeground3Pressed:wm,colorNeutralForeground3Selected:wm,colorNeutralForeground3BrandHover:e[100],colorNeutralForeground3BrandPressed:e[90],colorNeutralForeground3BrandSelected:e[100],colorNeutralForeground4:pm,colorNeutralForegroundDisabled:am,colorNeutralForegroundInvertedDisabled:Mm,colorBrandForegroundLink:e[100],colorBrandForegroundLinkHover:e[110],colorBrandForegroundLinkPressed:e[90],colorBrandForegroundLinkSelected:e[100],colorNeutralForeground2Link:wm,colorNeutralForeground2LinkHover:Km,colorNeutralForeground2LinkPressed:Km,colorNeutralForeground2LinkSelected:Km,colorCompoundBrandForeground1:e[100],colorCompoundBrandForeground1Hover:e[110],colorCompoundBrandForeground1Pressed:e[90],colorBrandForeground1:e[100],colorBrandForeground2:e[110],colorBrandForeground2Hover:e[130],colorBrandForeground2Pressed:e[160],colorNeutralForeground1Static:Yp,colorNeutralForegroundStaticInverted:Km,colorNeutralForegroundInverted:Yp,colorNeutralForegroundInvertedHover:Yp,colorNeutralForegroundInvertedPressed:Yp,colorNeutralForegroundInvertedSelected:Yp,colorNeutralForegroundInverted2:Yp,colorNeutralForegroundOnBrand:Km,colorNeutralForegroundInvertedLink:Km,colorNeutralForegroundInvertedLinkHover:Km,colorNeutralForegroundInvertedLinkPressed:Km,colorNeutralForegroundInvertedLinkSelected:Km,colorBrandForegroundInverted:e[80],colorBrandForegroundInvertedHover:e[70],colorBrandForegroundInvertedPressed:e[60],colorBrandForegroundOnLight:e[80],colorBrandForegroundOnLightHover:e[70],colorBrandForegroundOnLightPressed:e[50],colorBrandForegroundOnLightSelected:e[60],colorNeutralBackground1:Qp,colorNeutralBackground1Hover:om,colorNeutralBackground1Pressed:Zp,colorNeutralBackground1Selected:tm,colorNeutralBackground2:Zp,colorNeutralBackground2Hover:em,colorNeutralBackground2Pressed:Up,colorNeutralBackground2Selected:Jp,colorNeutralBackground3:Up,colorNeutralBackground3Hover:Qp,colorNeutralBackground3Pressed:qp,colorNeutralBackground3Selected:Yp,colorNeutralBackground4:qp,colorNeutralBackground4Hover:Zp,colorNeutralBackground4Pressed:qm,colorNeutralBackground4Selected:Xp,colorNeutralBackground5:qm,colorNeutralBackground5Hover:Up,colorNeutralBackground5Pressed:Kp,colorNeutralBackground5Selected:Gp,colorNeutralBackground6:em,colorNeutralBackgroundInverted:Km,colorNeutralBackgroundStatic:om,colorNeutralBackgroundAlpha:Vm,colorNeutralBackgroundAlpha2:_m,colorSubtleBackground:"transparent",colorSubtleBackgroundHover:tm,colorSubtleBackgroundPressed:Jp,colorSubtleBackgroundSelected:em,colorSubtleBackgroundLightAlphaHover:Wm,colorSubtleBackgroundLightAlphaPressed:jm,colorSubtleBackgroundLightAlphaSelected:"transparent",colorSubtleBackgroundInverted:"transparent",colorSubtleBackgroundInvertedHover:Dm,colorSubtleBackgroundInvertedPressed:Tm,colorSubtleBackgroundInvertedSelected:Fm,colorTransparentBackground:"transparent",colorTransparentBackgroundHover:"transparent",colorTransparentBackgroundPressed:"transparent",colorTransparentBackgroundSelected:"transparent",colorNeutralBackgroundDisabled:Up,colorNeutralBackgroundInvertedDisabled:Em,colorNeutralStencil1:sm,colorNeutralStencil2:em,colorNeutralStencil1Alpha:Em,colorNeutralStencil2Alpha:Im,colorBackgroundOverlay:Hm,colorScrollbarOverlay:Rm,colorBrandBackground:e[70],colorBrandBackgroundHover:e[80],colorBrandBackgroundPressed:e[40],colorBrandBackgroundSelected:e[60],colorCompoundBrandBackground:e[100],colorCompoundBrandBackgroundHover:e[110],colorCompoundBrandBackgroundPressed:e[90],colorBrandBackgroundStatic:e[80],colorBrandBackground2:e[20],colorBrandBackground2Hover:e[40],colorBrandBackground2Pressed:e[10],colorBrandBackground3Static:e[60],colorBrandBackground4Static:e[40],colorBrandBackgroundInverted:Km,colorBrandBackgroundInvertedHover:e[160],colorBrandBackgroundInvertedPressed:e[140],colorBrandBackgroundInvertedSelected:e[150],colorNeutralCardBackground:em,colorNeutralCardBackgroundHover:om,colorNeutralCardBackgroundPressed:Jp,colorNeutralCardBackgroundSelected:tm,colorNeutralCardBackgroundDisabled:Up,colorNeutralStrokeAccessible:mm,colorNeutralStrokeAccessibleHover:fm,colorNeutralStrokeAccessiblePressed:gm,colorNeutralStrokeAccessibleSelected:e[100],colorNeutralStroke1:dm,colorNeutralStroke1Hover:um,colorNeutralStroke1Pressed:cm,colorNeutralStroke1Selected:hm,colorNeutralStroke2:rm,colorNeutralStroke3:om,colorNeutralStrokeSubtle:qp,colorNeutralStrokeOnBrand:Qp,colorNeutralStrokeOnBrand2:Km,colorNeutralStrokeOnBrand2Hover:Km,colorNeutralStrokeOnBrand2Pressed:Km,colorNeutralStrokeOnBrand2Selected:Km,colorBrandStroke1:e[100],colorBrandStroke2:e[50],colorBrandStroke2Hover:e[50],colorBrandStroke2Pressed:e[30],colorBrandStroke2Contrast:e[50],colorCompoundBrandStroke:e[100],colorCompoundBrandStrokeHover:e[110],colorCompoundBrandStrokePressed:e[90],colorNeutralStrokeDisabled:nm,colorNeutralStrokeInvertedDisabled:Mm,colorTransparentStroke:"transparent",colorTransparentStrokeInteractive:"transparent",colorTransparentStrokeDisabled:"transparent",colorNeutralStrokeAlpha:Em,colorNeutralStrokeAlpha2:Lm,colorStrokeFocus1:qm,colorStrokeFocus2:Km,colorNeutralShadowAmbient:"rgba(0,0,0,0.24)",colorNeutralShadowKey:"rgba(0,0,0,0.28)",colorNeutralShadowAmbientLighter:"rgba(0,0,0,0.12)",colorNeutralShadowKeyLighter:"rgba(0,0,0,0.14)",colorNeutralShadowAmbientDarker:"rgba(0,0,0,0.40)",colorNeutralShadowKeyDarker:"rgba(0,0,0,0.48)",colorBrandShadowAmbient:"rgba(0,0,0,0.30)",colorBrandShadowKey:"rgba(0,0,0,0.25)"}))(e);return{...rg,...lg,...dg,...hg,...cg,...Sg,...kg,...Cg,...ag,...sg,...t,...Pg,...Rg,...Bg(t.colorNeutralShadowAmbient,t.colorNeutralShadowKey),...Bg(t.colorBrandShadowAmbient,t.colorBrandShadowKey,"Brand")}},Ng=Ag(Eg),Dg={iconErrorColor:Og.colorStatusDangerForeground1,iconValidationColor:Og.colorStatusSuccessForeground1,iconSystemColor:Og.colorPaletteBlueForeground2,iconContentManagementColor:Og.colorPaletteGrapeBorderActive,iconMonitoringColor:Og.colorPaletteMarigoldForeground2,iconMiscColor:Og.colorNeutralForeground2,colorRibbonIconError:Og.colorStatusDangerForeground1,colorRibbonIconErrorDisabled:Og.colorPaletteCranberryBackground2,colorRibbonIconValidation:Og.colorStatusSuccessForeground1,colorRibbonIconValidationDisabled:Og.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Og.colorPaletteBlueForeground2,colorRibbonIconSysconfigDisabled:Og.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Og.colorPaletteGrapeBorderActive,colorRibbonIconContentMgtDisabled:Og.colorPaletteGrapeBackground2,colorRibbonIconMonitoring:Og.colorPaletteMarigoldForeground2,colorRibbonIconMonitoringDisabled:Og.colorPaletteGoldBackground2,colorRibbonIconMisc:Og.colorNeutralForeground2,colorRibbonIconMiscDisabled:Og.colorNeutralForegroundDisabled},Fg={iconErrorColor:Ng.colorStatusDangerBackground3,iconValidationColor:Ng.colorPaletteLightGreenBorder1,iconSystemColor:Og.colorPaletteBlueBorderActive,iconContentManagementColor:Og.colorPaletteLilacBorderActive,iconMonitoringColor:Og.colorPaletteGoldBorderActive,iconMiscColor:Ng.colorNeutralForeground1,colorRibbonIconError:Ng.colorStatusDangerBackground3,colorRibbonIconErrorDisabled:Ng.colorPaletteCranberryBackground2,colorRibbonIconValidation:Ng.colorPaletteLightGreenBackground3,colorRibbonIconValidationDisabled:Ng.colorPaletteGreenBackground2,colorRibbonIconSysconfig:Og.colorPaletteBlueBorderActive,colorRibbonIconSysconfigDisabled:Ng.colorPaletteBlueBackground2,colorRibbonIconContentMgt:Og.colorPaletteLilacBorderActive,colorRibbonIconContentMgtDisabled:Ng.colorPaletteLilacBackground2,colorRibbonIconMonitoring:Og.colorPaletteGoldBorderActive,colorRibbonIconMonitoringDisabled:Ng.colorPaletteGoldBackground2,colorRibbonIconMisc:Ng.colorNeutralForeground1,colorRibbonIconMiscDisabled:Ng.colorNeutralForegroundDisabled},Tg={10:"#001919",20:"#012826",30:"#01322E",40:"#033F38",50:"#054D43",60:"#0A5C50",70:"#0C695A",80:"#117865",90:"#1F937E",100:"#2AAC94",110:"#3ABB9F",120:"#52C7AA",130:"#78D3B9",140:"#9EE0CB",150:"#C0ECDD",160:"#E3F7Ef"},zg={...Ig(Tg),...Dg},Hg={...Ag(Tg),...Fg};async function Vg(e,t,o){let n=null;const i=document.querySelector("[data-theme='fabric-theme']");if(i&&i.remove(),t)if("root"===t){const t=Object.entries(e).map(([e,t])=>`--${e}: ${t};`).join(" "),o=document.createElement("style");o.innerHTML=`:root { ${t} }`,o.dataset.theme="fabric-theme",o.id="fabric-ux-theme",document.head.appendChild(o)}else n=document.querySelector(t);else n=document.documentElement;return n&&Object.entries(e).forEach(([e,t])=>{n.style.setProperty(`--${e}`,t)}),document.dispatchEvent(new CustomEvent("themeLoaded",{detail:{target:n?.tagName||"root"},bubbles:!0})),o&&"function"==typeof o?new Promise(e=>{setTimeout(()=>{o(),e()},0)}):Promise.resolve()}class _g extends mi{}const jg={...gi},Wg={...fi},Kg={...bi},qg={...ae},Gg={...le},Ug=_g.compose({name:`${wr.prefix}-toggle-button`,template:vi,styles:Go,shadowOptions:{mode:wr.shadowRootMode}});class Xg extends wi{}const Zg=Xg.compose({name:`${wr.prefix}-tooltip`,template:xi,styles:yi,shadowOptions:{mode:wr.shadowRootMode}}),Yg={...$i};export{Oc as Accordion,Ac as AccordionDefinition,Nc as AccordionExpandModes,Lc as AccordionItem,Rc as AccordionItemDefinition,Pc as AccordionItemMarkerPositions,Mc as AccordionItemSizes,fr as AccordionMenu,yr as AccordionMenuDefinition,tr as AccordionMenuExpandModes,er as AccordionMenuPanel,Wr as AccordionMenuPanelDefinition,$r as AccordionMenuPanelMarkerPositions,xr as AccordionMenuPanelSizes,jr as AccordionMenuPanelStyles,Sr as AccordionMenuPanelTemplate,vr as AccordionMenuStyles,br as AccordionMenuTemplate,ou as AnchorButton,nu as AnchorButtonAppearances,su as AnchorButtonDefinition,iu as AnchorButtonShapes,ru as AnchorButtonSizes,zc as AnchorTargets,Vc as Avatar,_c as AvatarActives,jc as AvatarAppearances,Wc as AvatarColors,Uc as AvatarDefinition,Kc as AvatarNamedColors,qc as AvatarShapes,Gc as AvatarSizes,Xc as Badge,Zc as BadgeAppearances,Yc as BadgeColors,eh as BadgeDefinition,Qc as BadgeShapes,Jc as BadgeSizes,Ns as Button,Ds as ButtonAppearances,_s as ButtonDefinition,zs as ButtonFormTargets,Fs as ButtonShapes,Ts as ButtonSizes,Vs as ButtonStyles,Hs as ButtonTypes,ds as Card,Kr as CardAppearances,us as CardDefinition,Xr as CardEventNames,Gr as CardFocusModes,ps as CardFooter,fs as CardFooterDefinition,bs as CardHeader,ys as CardHeaderDefinition,qr as CardOrientations,xs as CardPreview,Cs as CardPreviewDefinition,cs as CardStyles,hs as CardTemplate,Ms as Carousel,Os as CarouselDefinition,Ps as CarouselStyles,Rs as CarouselTemplate,th as Checkbox,ih as CheckboxDefinition,oh as CheckboxShapes,nh as CheckboxSizes,na as CollisionEdges,wa as CompoundButton,pa as CompoundButtonAppearances,xa as CompoundButtonDefinition,fa as CompoundButtonFormTargets,ma as CompoundButtonShapes,ga as CompoundButtonSizes,ba as CompoundButtonTypes,rh as CounterBadge,sh as CounterBadgeDefinition,ah as Dialog,hh as DialogBody,uh as DialogBodyDefinition,dh as DialogDefinition,lh as DialogStyles,ch as DialogTypes,ph as Divider,mh as DividerAlignContents,gh as DividerAppearances,yh as DividerDefinition,fh as DividerOrientations,bh as DividerRoles,vh as DividerStyles,wh as DividerTemplate,xh as Drawer,Bh as DrawerBody,Ih as DrawerBodyDefinition,Sh as DrawerDefinition,$h as DrawerPositions,kh as DrawerSizes,Ch as DrawerTypes,Eh as Dropdown,Lh as DropdownAppearances,Oh as DropdownDefinition,Ah as DropdownOption,Nh as DropdownOptionDefinition,Mh as DropdownSizes,Ph as DropdownTypes,wr as FabricDesignSystem,Hh as Field,Gh as FieldDefinition,Wh as FieldLabelPosition,jh as FieldLabelPositions,Vh as FieldStyles,Zs as FilterPill,Ks as FilterPillAppearances,ua as FilterPillDefinition,Us as FilterPillEventNames,Ws as FilterPillFormTargets,qs as FilterPillShapes,Gs as FilterPillSizes,js as FilterPillTypes,Uh as Image,Yh as ImageDefinition,Xh as ImageFits,Zh as ImageShapes,Qh as Label,Jh as LabelDefinition,_h as LabelPositions,eu as LabelSizes,tu as LabelWeights,Dc as Link,Fc as LinkAppearances,Hc as LinkDefinition,Tc as LinkTargets,Th as Listbox,zh as ListboxDefinition,ka as LoadingButton,Ba as LoadingButtonDefinition,Bu as Menu,du as MenuButton,cu as MenuButtonAppearances,pu as MenuButtonDefinition,hu as MenuButtonShapes,uu as MenuButtonSizes,Lu as MenuDefinition,ir as MenuGroupRoles,hr as MenuItem,vu as MenuItemDefinition,or as MenuItemRoles,mu as MenuItemStyles,bu as MenuItemTemplate,mr as MenuList,xu as MenuListDefinition,wu as MenuListStyles,yu as MenuListTemplate,$u as MenuPositions,ku as MenuRepositionModes,Iu as MenuStyles,Eu as MenuTemplate,au as MessageBar,lu as MessageBarDefinition,La as MultiView,Oa as MultiViewController,Da as MultiViewControllerDefinition,Ra as MultiViewDefinition,Ia as MultiViewEventNames,Ta as MultiViewGroup,Va as MultiViewGroupDefinition,_a as MultiViewGroupPositions,Pu as OptionGroup,Au as OptionGroupDefinition,Za as Popover,Ja as PopoverDefinition,Ga as PopoverEventNames,Ka as PopoverPositions,qa as PopoverRepositionModes,Ya as PopoverStyles,Qa as PopoverTemplate,Wa as PositioningShorthand,Nu as ProgressBar,Du as ProgressBarDefinition,Fu as ProgressBarShapes,Tu as ProgressBarThicknesses,zu as ProgressBarValidationStates,ju as Radio,Wu as RadioDefinition,Hu as RadioGroup,_u as RadioGroupDefinition,Vu as RadioGroupOrientations,Ku as RatingDisplay,Gu as RatingDisplayColors,qu as RatingDisplayDefinition,Uu as RatingDisplaySizes,lp as SearchBox,ip as SearchBoxAppearances,np as SearchBoxControlSizes,mp as SearchBoxDefinition,sp as SearchBoxEventNames,rp as SearchBoxTypes,xl as SimpleTable,kl as SimpleTableDefinition,gp as Slider,yp as SliderDefinition,wp as SliderEventNames,fp as SliderModes,bp as SliderOrientations,vp as SliderSizes,qh as SlottableInputs,bl as SortDirection,xp as Spinner,$p as SpinnerAppearances,Cp as SpinnerDefinition,kp as SpinnerSizes,sl as SvgIcon,dl as SvgIconDefinition,Sp as Switch,Bp as SwitchDefinition,Ip as Tab,Ep as TabDefinition,fl as Table,cl as TableCell,ml as TableCellDefinition,hl as TableCellSize,ul as TableCellStyles,pl as TableCellTemplate,yl as TableDefinition,vl as TableStyles,wl as TableTemplate,Op as Tablist,Lp as TablistAppearances,Ap as TablistDefinition,Rp as TablistEventNames,Mp as TablistOrientations,Pp as TablistSizes,Ml as Tag,Il as TagAppearances,Al as TagDefinition,El as TagEventNames,Bl as TagShapes,Cl as TagSizes,Sl as TagTextSizes,nc as TeachingBubble,sc as TeachingBubbleDefinition,tc as TeachingBubbleEventNames,ec as TeachingBubblePlacements,Jd as TeachingBubbleSizes,zp as Text,Np as TextArea,Dp as TextAreaDefinition,Hp as TextDefinition,op as TextInput,Zu as TextInputAppearances,Xu as TextInputControlSizes,Tp as TextInputDefinition,dp as TextInputStyles,Fp as TextInputTemplate,Yu as TextInputTypes,_g as ToggleButton,jg as ToggleButtonAppearances,Ug as ToggleButtonDefinition,Gg as ToggleButtonFormTargets,Wg as ToggleButtonShapes,Kg as ToggleButtonSizes,qg as ToggleButtonTypes,Xg as Tooltip,Zg as TooltipDefinition,Yg as TooltipPositioningOptions,Vp as Tree,_p as TreeDefinition,jp as TreeItem,Wp as TreeItemDefinition,Kh as ValidationFlags,hc as Wizard,mc as WizardDefinition,dc as WizardEvents,vc as WizardPanel,xc as WizardPanelDefinition,gc as WizardPanelEventNames,fc as WizardPanelStates,kc as WizardStep,Ec as WizardStepDefinition,lc as WizardStepEvents,ac as WizardStepStates,ta as applyMixins,Lr as disabledState,Mr as expandedState,Hg as fabricDarkTheme,zg as fabricLightTheme,Fh as getOptionsFromElement,Dh as isOptionGroup,Ru as optionGroupStyles,Ou as optionGroupTemplate,rr as roleForMenuGroup,nr as roleForMenuItem,Vg as setTheme,Ys as staticallyCompose,Yi as toggleState,Ng as webDarkTheme,Og as webLightTheme,oa as whitespaceFilter};
|
|
174
|
+
.root{padding-inline-end:0px}.search-icon{display:flex;box-sizing:border-box;color:${nt}}fabric-button.clear-button{min-width:${hl};min-height:${hl};margin-inline-end:${u};padding:0px 2px;display:none}`,Ug=Fi`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M12.7291 13.4362C11.5924 14.411 10.115 15 8.5 15C4.91015 15 2 12.0899 2 8.5C2 4.91015 4.91015 2 8.5 2C12.0899 2 15 4.91015 15 8.5C15 10.115 14.411 11.5924 13.4361 12.7292L16.8535 16.1465C17.0487 16.3417 17.0487 16.6583 16.8535 16.8536C16.6799 17.0271 16.4105 17.0464 16.2156 16.9114L16.1464 16.8536L12.7291 13.4362ZM12.0196 12.7266C12.276 12.5128 12.5127 12.2761 12.7265 12.0197C13.5216 11.0659 14 9.83881 14 8.5C14 5.46243 11.5376 3 8.5 3C5.46243 3 3 5.46243 3 8.5C3 11.5376 5.46243 14 8.5 14C9.83877 14 11.0658 13.5217 12.0196 12.7266Z" fill="#616161" /></svg>`,Zg=Fi`<svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M4.08859 4.21569L4.14645 4.14645C4.32001 3.97288 4.58944 3.9536 4.78431 4.08859L4.85355 4.14645L10 9.293L15.1464 4.14645C15.32 3.97288 15.5894 3.9536 15.7843 4.08859L15.8536 4.14645C16.0271 4.32001 16.0464 4.58944 15.9114 4.78431L15.8536 4.85355L10.707 10L15.8536 15.1464C16.0271 15.32 16.0464 15.5894 15.9114 15.7843L15.8536 15.8536C15.68 16.0271 15.4106 16.0464 15.2157 15.9114L15.1464 15.8536L10 10.707L4.85355 15.8536C4.67999 16.0271 4.41056 16.0464 4.21569 15.9114L4.14645 15.8536C3.97288 15.68 3.9536 15.4106 4.08859 15.2157L4.14645 15.1464L9.293 10L4.14645 4.85355C3.97288 4.67999 3.9536 4.41056 4.08859 4.21569L4.14645 4.14645L4.08859 4.21569Z" fill="#616161" /></svg>`;const Yg=Fi`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label for="control" class="label" ${Vi("controlLabel")}><slot ${Di({property:"defaultSlottedNodes",filter:Ad})}></slot></label><span class="root"><span class="search-icon">${Ug}</span><input aria-label="${e=>e.ariaLabel}" class="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Vi("control")} /><fabric-button aria-label="clear" appearance="transparent" class="clear-button" aria-hidden="true" ${Vi("clearButton")} @click="${e=>e.clear()}">${Zg}</fabric-button><slot name="end"></slot></span></template>`,Qg=qg.compose({name:`${Lr.prefix}-search-box`,template:Yg,styles:Xg,shadowOptions:{mode:Lr.shadowRootMode}});class Jg extends An{}const eb={...zn},tb={...Nn},ob={...Tn},nb={change:"change"},ib=Jg.compose({name:`${Lr.prefix}-slider`,template:Fn,styles:Dn,shadowOptions:{mode:Lr.shadowRootMode}});class rb extends Hn{}const sb={...Vn},ab={..._n},lb=rb.compose({name:`${Lr.prefix}-spinner`,template:Wn,styles:jn,shadowOptions:{mode:Lr.shadowRootMode}});class db extends Kn{}const cb=db.compose({name:`${Lr.prefix}-switch`,template:Gn,styles:qn,shadowOptions:{mode:Lr.shadowRootMode}});class hb extends Xn{}const ub=hb.compose({name:`${Lr.prefix}-tab`,template:Zn,styles:Un,shadowOptions:{mode:Lr.shadowRootMode}}),pb={...Yn},mb={...Qn},gb={...Jn},bb={activeIndexChange:"active-index-change",change:"change"};class fb extends ei{get activeTabIndexPublic(){return this.tabs&&this.activeid?this.tabs.findIndex(e=>e.id===this.activeid):-1}emitActiveIndexChange(e){this.dispatchEvent(new CustomEvent(bb.activeIndexChange,{detail:{activeTabIndex:e},bubbles:!0,composed:!0}))}activeidChanged(e,t){super.activeidChanged(e,t),this.emitActiveIndexChange(this.activeTabIndexPublic)}}const vb=fb.compose({name:`${Lr.prefix}-tablist`,template:oi,styles:ti,shadowOptions:{mode:Lr.shadowRootMode}});class wb extends ni{}const yb=wb.compose({name:`${Lr.prefix}-textarea`,template:ri,styles:ii,shadowOptions:{mode:Lr.shadowRootMode}}),xb={...si},$b={...li},kb={...di},Cb={...ci},Sb=[...ai];const Bb=Fi`<template @beforeinput="${(e,t)=>e.beforeinputHandler(t.event)}" @focusin="${(e,t)=>e.focusinHandler(t.event)}" @keydown="${(e,t)=>e.keydownHandler(t.event)}"><label part="label" for="control" class="label" ${Vi("controlLabel")}><slot ${Di({property:"defaultSlottedNodes",filter:Ad})}></slot></label><div class="root" part="root"><slot name="start"></slot><input class="control" part="control" id="control" @change="${(e,t)=>e.changeHandler(t.event)}" @input="${(e,t)=>e.inputHandler(t.event)}" ?autofocus="${e=>e.autofocus}" autocomplete="${e=>e.autocomplete}" ?disabled="${e=>e.disabled}" list="${e=>e.list}" maxlength="${e=>e.maxlength}" minlength="${e=>e.minlength}" ?multiple="${e=>e.multiple}" name="${e=>e.name}" pattern="${e=>e.pattern}" placeholder="${e=>e.placeholder}" ?readonly="${e=>e.readOnly}" ?required="${e=>e.required}" size="${e=>e.size}" spellcheck="${e=>e.spellcheck}" type="${e=>e.type}" value="${e=>e.initialValue}" ${Vi("control")} /><slot name="end"></slot></div></template>`,Ib=Fg.compose({name:`${Lr.prefix}-text-input`,template:Bb,styles:Gg,shadowOptions:{mode:Lr.shadowRootMode}});class Eb extends hi{}const Lb=Eb.compose({name:`${Lr.prefix}-text`,template:pi,styles:ui,shadowOptions:{mode:Lr.shadowRootMode}}),Mb={...mi},Pb={...gi},Rb={...bi},Ob={...fi};class Ab extends vi{}const zb=Ab.compose({name:`${Lr.prefix}-tree`,template:yi,styles:wi,shadowOptions:{mode:Lr.shadowRootMode}});class Nb extends xi{}const Tb=Nb.compose({name:`${Lr.prefix}-tree-item`,template:ki,styles:$i,shadowOptions:{mode:Lr.shadowRootMode}});class Db extends Ci{}const Fb={...Si},Hb={...Bi},Vb={...Ii},_b={...se},jb={...ae},Wb=Db.compose({name:`${Lr.prefix}-toggle-button`,template:Ei,styles:Xo,shadowOptions:{mode:Lr.shadowRootMode}});class Kb extends Li{get resolvedAnchorElement(){var e;const t=this.getRootNode();return(t instanceof ShadowRoot||t instanceof Document?t:document).getElementById(null!==(e=this.anchor)&&void 0!==e?e:"")}disconnectedCallback(){super.disconnectedCallback(),clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer),this.hideTimer=void 0}showTooltip(e){var t;clearTimeout(this.hideTimer),this.hideTimer=void 0,clearTimeout(this.showTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Kb.DEFAULT_DELAY;this.showTimer=setTimeout(()=>{this.showTimer=void 0,this.setAttribute("aria-hidden","false"),this.showPopover()},o)}hideTooltip(e){var t;clearTimeout(this.showTimer),this.showTimer=void 0,clearTimeout(this.hideTimer);const o=null!==(t=null!=e?e:this.delay)&&void 0!==t?t:Kb.DEFAULT_DELAY;this.hideTimer=setTimeout(()=>{var e;this.hideTimer=void 0,this.matches(":hover")||(null===(e=this.resolvedAnchorElement)||void 0===e?void 0:e.matches(":hover"))?this.hideTooltip(o):(this.setAttribute("aria-hidden","true"),this.hidePopover())},o)}}Kb.DEFAULT_DELAY=250;const qb=Kb.compose({name:`${Lr.prefix}-tooltip`,template:Pi,styles:Mi,shadowOptions:{mode:Lr.shadowRootMode}}),Gb={...Ri};export{up as Accordion,pp as AccordionDefinition,mp as AccordionExpandModes,lp as AccordionItem,hp as AccordionItemDefinition,cp as AccordionItemMarkerPositions,dp as AccordionItemSizes,Br as AccordionMenu,Mr as AccordionMenuDefinition,Cr as AccordionMenuExpandModes,kr as AccordionMenuPanel,$l as AccordionMenuPanelDefinition,Rr as AccordionMenuPanelMarkerPositions,Pr as AccordionMenuPanelSizes,xl as AccordionMenuPanelStyles,zr as AccordionMenuPanelTemplate,Er as AccordionMenuStyles,Ir as AccordionMenuTemplate,Fm as AnchorButton,Hm as AnchorButtonAppearances,jm as AnchorButtonDefinition,Vm as AnchorButtonShapes,_m as AnchorButtonSizes,vp as AnchorTargets,yp as Avatar,xp as AvatarActives,$p as AvatarAppearances,kp as AvatarColors,Ip as AvatarDefinition,Cp as AvatarNamedColors,Sp as AvatarShapes,Bp as AvatarSizes,Ep as Badge,Lp as BadgeAppearances,Mp as BadgeColors,Op as BadgeDefinition,Pp as BadgeShapes,Rp as BadgeSizes,pd as Button,md as ButtonAppearances,yd as ButtonDefinition,fd as ButtonFormTargets,gd as ButtonShapes,bd as ButtonSizes,wd as ButtonStyles,vd as ButtonTypes,Vl as Card,kl as CardAppearances,Wl as CardDefinition,Il as CardEventNames,Sl as CardFocusModes,Kl as CardFooter,Xl as CardFooterDefinition,Ul as CardHeader,Ql as CardHeaderDefinition,Cl as CardOrientations,Jl as CardPreview,od as CardPreviewDefinition,_l as CardStyles,jl as CardTemplate,ld as Carousel,hd as CarouselDefinition,dd as CarouselStyles,cd as CarouselTemplate,Ap as Checkbox,Tp as CheckboxDefinition,zp as CheckboxShapes,Np as CheckboxSizes,zd as CollisionEdges,Yd as CompoundButton,Kd as CompoundButtonAppearances,Jd as CompoundButtonDefinition,Xd as CompoundButtonFormTargets,qd as CompoundButtonShapes,Gd as CompoundButtonSizes,Ud as CompoundButtonTypes,Dp as CounterBadge,Fp as CounterBadgeAppearances,Hp as CounterBadgeColors,jp as CounterBadgeDefinition,Vp as CounterBadgeShapes,_p as CounterBadgeSizes,Wp as Dialog,Xp as DialogBody,Up as DialogBodyDefinition,qp as DialogDefinition,Kp as DialogStyles,Gp as DialogTypes,Zp as Divider,Yp as DividerAlignContents,Qp as DividerAppearances,nm as DividerDefinition,Jp as DividerOrientations,em as DividerRoles,tm as DividerStyles,om as DividerTemplate,im as Drawer,dm as DrawerBody,cm as DrawerBodyDefinition,lm as DrawerDefinition,rm as DrawerPositions,sm as DrawerSizes,am as DrawerTypes,hm as Dropdown,um as DropdownAppearances,bm as DropdownDefinition,fm as DropdownOption,vm as DropdownOptionDefinition,pm as DropdownSizes,mm as DropdownTypes,Lr as FabricDesignSystem,km as Field,Mm as FieldDefinition,Im as FieldLabelPosition,Bm as FieldLabelPositions,Cm as FieldStyles,Ed as FilterPill,kd as FilterPillAppearances,Wd as FilterPillDefinition,Bd as FilterPillEventNames,$d as FilterPillFormTargets,Cd as FilterPillShapes,Sd as FilterPillSizes,xd as FilterPillTypes,Pm as Image,Am as ImageDefinition,Rm as ImageFits,Om as ImageShapes,zg as ImplicitSubmissionBlockingTypes,zm as Label,Nm as LabelDefinition,Sm as LabelPositions,Tm as LabelSizes,Dm as LabelWeights,gp as Link,bp as LinkAppearances,wp as LinkDefinition,fp as LinkTargets,xm as Listbox,$m as ListboxDefinition,tc as LoadingButton,ic as LoadingButtonDefinition,dg as Menu,qm as MenuButton,Gm as MenuButtonAppearances,Zm as MenuButtonDefinition,Xm as MenuButtonShapes,Um as MenuButtonSizes,ug as MenuDefinition,hr as MenuGroupRoles,vr as MenuItem,tg as MenuItemDefinition,dr as MenuItemRoles,Ym as MenuItemStyles,eg as MenuItemTemplate,xr as MenuList,ig as MenuListDefinition,og as MenuListStyles,ng as MenuListTemplate,rg as MenuPositions,sg as MenuRepositionModes,cg as MenuStyles,hg as MenuTemplate,Wm as MessageBar,Km as MessageBarDefinition,ac as MultiView,hc as MultiViewController,mc as MultiViewControllerDefinition,cc as MultiViewDefinition,rc as MultiViewEventNames,bc as MultiViewGroup,wc as MultiViewGroupDefinition,yc as MultiViewGroupPositions,mg as OptionGroup,fg as OptionGroupDefinition,Lc as Popover,Rc as PopoverDefinition,Bc as PopoverEventNames,Cc as PopoverPositions,Sc as PopoverRepositionModes,Mc as PopoverStyles,Pc as PopoverTemplate,kc as PositioningShorthand,vg as ProgressBar,wg as ProgressBarDefinition,yg as ProgressBarShapes,xg as ProgressBarThicknesses,$g as ProgressBarValidationStates,Bg as Radio,Ig as RadioDefinition,kg as RadioGroup,Sg as RadioGroupDefinition,Cg as RadioGroupOrientations,Eg as RatingDisplay,Mg as RatingDisplayColors,Lg as RatingDisplayDefinition,Pg as RatingDisplaySizes,qg as SearchBox,Vg as SearchBoxAppearances,Hg as SearchBoxControlSizes,Qg as SearchBoxDefinition,Wg as SearchBoxEventNames,jg as SearchBoxImplicitSubmissionBlockingTypes,_g as SearchBoxTypes,eh as SimpleTable,oh as SimpleTableDefinition,Jg as Slider,ib as SliderDefinition,nb as SliderEventNames,eb as SliderModes,tb as SliderOrientations,ob as SliderSizes,Lm as SlottableInputs,Zc as SortDirections,rb as Spinner,sb as SpinnerAppearances,lb as SpinnerDefinition,ab as SpinnerSizes,Fc as SvgIcon,_c as SvgIconDefinition,db as Switch,cb as SwitchDefinition,hb as Tab,ub as TabDefinition,Uc as Table,jc as TableCell,Gc as TableCellDefinition,Wc as TableCellSizes,Kc as TableCellStyles,qc as TableCellTemplate,Jc as TableDefinition,Yc as TableStyles,Qc as TableTemplate,fb as Tablist,pb as TablistAppearances,vb as TablistDefinition,bb as TablistEventNames,mb as TablistOrientations,gb as TablistSizes,dh as Tag,sh as TagAppearances,ph as TagDefinition,ah as TagEventNames,rh as TagShapes,nh as TagSizes,ih as TagTextSizes,Nu as TeachingBubble,Fu as TeachingBubbleDefinition,Au as TeachingBubbleEventNames,Ou as TeachingBubblePlacements,Ru as TeachingBubbleSizes,Eb as Text,Mb as TextAligns,wb as TextArea,xb as TextAreaAppearances,Sb as TextAreaAppearancesForDisplayShadows,$b as TextAreaAutocompletes,yb as TextAreaDefinition,kb as TextAreaResizes,Cb as TextAreaSizes,Lb as TextDefinition,Pb as TextFonts,Fg as TextInput,Og as TextInputAppearances,Rg as TextInputControlSizes,Ib as TextInputDefinition,Gg as TextInputStyles,Bb as TextInputTemplate,Ag as TextInputTypes,Rb as TextSizes,Ob as TextWeights,Db as ToggleButton,Fb as ToggleButtonAppearances,Wb as ToggleButtonDefinition,jb as ToggleButtonFormTargets,Hb as ToggleButtonShapes,Vb as ToggleButtonSizes,_b as ToggleButtonTypes,Kb as Tooltip,qb as TooltipDefinition,Gb as TooltipPositioningOptions,Ab as Tree,zb as TreeDefinition,Nb as TreeItem,Tb as TreeItemDefinition,Em as ValidationFlags,Zu as Wizard,Ju as WizardDefinition,Xu as WizardEvents,Ku as WizardPanel,op as WizardPanelDefinition,_u as WizardPanelEventNames,ju as WizardPanelStates,Gu as WizardStep,ap as WizardStepDefinition,Vu as WizardStepEvents,Hu as WizardStepStates,Od as applyMixins,Fr as disabledState,Hr as expandedState,wl as fabricDarkTheme,vl as fabricLightTheme,ym as getOptionsFromElement,wm as isOptionGroup,gg as optionGroupStyles,bg as optionGroupTemplate,ur as roleForMenuGroup,cr as roleForMenuItem,yl as setTheme,cl as sizeHorizontalL,dl as sizeHorizontalM,ll as sizeHorizontalMNudge,nl as sizeHorizontalNone,al as sizeHorizontalS,sl as sizeHorizontalSNudge,hl as sizeHorizontalXL,rl as sizeHorizontalXS,ul as sizeHorizontalXXL,il as sizeHorizontalXXS,pl as sizeHorizontalXXXL,Ja as sizeVerticalL,Qa as sizeVerticalM,Ya as sizeVerticalMNudge,qa as sizeVerticalNone,Za as sizeVerticalS,Ua as sizeVerticalSNudge,el as sizeVerticalXL,Xa as sizeVerticalXS,tl as sizeVerticalXXL,Ga as sizeVerticalXXS,ol as sizeVerticalXXXL,Ld as staticallyCompose,ar as toggleState,ja as webDarkTheme,Va as webLightTheme,Ad as whitespaceFilter};
|
|
149
175
|
//# sourceMappingURL=index.min.js.map
|