@fluid-topics/ft-floating-menu 1.3.16 → 1.3.18
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.
|
@@ -1172,7 +1172,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
|
|
|
1172
1172
|
`}toggleMenu(){this.menuOpen=!this.menuOpen}openMenu(){this.menuOpen=!0}closeMenu(){this.menuOpen=!1}onCloseEvent(o){o.stopPropagation(),this.closeMenu()}onItemSelect(o){o.stopPropagation(),this.dispatchEvent(new Ze(o.detail)),this.closeMenu()}onContentClick(o){(0,te.eventPathContainsMatchingElement)(o,this.closeMenuMatchers,this)&&this.closeMenu()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptionsOnClickOutside)}contentAvailableCallback(o){super.contentAvailableCallback(o),o.has("menuOpen")&&(this.menuOpen?(this.menuWrapper.classList.remove("ft-floating-menu--wrapper-positioned"),this.positionMenuWrapper(),document.addEventListener("click",this.hideOptionsOnClickOutside)):document.removeEventListener("click",this.hideOptionsOnClickOutside))}async positionMenuWrapper(){this.menuWrapper.style.left="",this.menuWrapper.style.top="";let o=this.customToggle.length>0?this.customToggle[0]:this.actionButton,{x:n,y:i}=await ze(o,this.menuWrapper,this.convertPlacement());this.menuWrapper.style.left=`${n}px`,this.menuWrapper.style.top=`${i}px`,this.menuWrapper.classList.add("ft-floating-menu--wrapper-positioned")}convertPlacement(){switch(this.horizontalAlignment){case"left":return this.verticalAlignment+"-start";case"right":return this.verticalAlignment+"-end";case"center":return this.verticalAlignment+"-center"}}};L.elementDefinitions={"ft-floating-menu-item":at};T([(0,$.state)()],L.prototype,"menuOpen",void 0);T([(0,$.state)()],L.prototype,"forceMenuOpen",void 0);T([(0,$.query)(".ft-floating-menu")],L.prototype,"container",void 0);T([(0,$.query)(".ft-floating-menu--wrapper")],L.prototype,"menuWrapper",void 0);T([(0,$.query)("#actions-button")],L.prototype,"actionButton",void 0);T([(0,$.queryAssignedElements)({slot:"toggle"})],L.prototype,"customToggle",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"primary",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"secondary",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"tertiary",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"neutral",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"small",void 0);T([(0,$.property)()],L.prototype,"label",void 0);T([(0,$.property)()],L.prototype,"tooltipPosition",void 0);T([(0,$.property)()],L.prototype,"iconVariant",void 0);T([(0,$.property)()],L.prototype,"icon",void 0);T([(0,$.property)()],L.prototype,"text",void 0);T([(0,$.property)()],L.prototype,"horizontalAlignment",void 0);T([(0,$.property)()],L.prototype,"verticalAlignment",void 0);T([(0,$.property)({type:Boolean})],L.prototype,"disabled",void 0);T([(0,te.jsonProperty)([])],L.prototype,"closeMenuMatchers",void 0);var ee=class extends L{};ee.elementDefinitions={"ft-or-ftds-button":ct};ee.styles=ve;var Da=b(P()),Ua=Da.css`
|
|
1173
1173
|
.ft-floating-menu--wrapper {
|
|
1174
1174
|
position: fixed;
|
|
1175
|
-
z-index:
|
|
1175
|
+
z-index: 10;
|
|
1176
1176
|
}
|
|
1177
1177
|
`;var oe=class extends L{};oe.elementDefinitions={"ft-or-ftds-button":lt};oe.styles=[ve,Ua];var Fa=b(P()),Ka=b(E());var Ma=b(P()),Fe=b(E()),Bn={color:Fe.FtCssVariableFactory.extend("--ft-floating-menu-label-color","",Fe.designSystemVariables.colorOnSurfaceMedium)},Za=Ma.css`
|
|
1178
1178
|
.ft-floating-menu-label {
|