@fluid-topics/ft-floating-menu 1.3.17 → 1.3.18

package/build/ft-floating-menu.light.js

@@ -1172,7 +1172,7 @@ Also for action icons.`,r.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
         `}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`
     .ft-floating-menu--wrapper {
         position: fixed;
-        z-index: 1;
+        z-index: 10;
     }
 `;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`
     .ft-floating-menu-label {

package/build/ft-floating-menu.min.js

@@ -1240,7 +1240,7 @@ Also for action icons.`,c.colorGray200),contentGlobalSubtle:r.extend("--ft-conte
         `}toggleMenu(){this.menuOpen=!this.menuOpen}openMenu(){this.menuOpen=!0}closeMenu(){this.menuOpen=!1}onCloseEvent(e){e.stopPropagation(),this.closeMenu()}onItemSelect(e){e.stopPropagation(),this.dispatchEvent(new bo(e.detail)),this.closeMenu()}onContentClick(e){en(e,this.closeMenuMatchers,this)&&this.closeMenu()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptionsOnClickOutside)}contentAvailableCallback(e){super.contentAvailableCallback(e),e.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 e=this.customToggle.length>0?this.customToggle[0]:this.actionButton,{x:o,y:n}=await vr(e,this.menuWrapper,this.convertPlacement());this.menuWrapper.style.left=`${o}px`,this.menuWrapper.style.top=`${n}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"}}};Z.elementDefinitions={"ft-floating-menu-item":Oe};te([oe()],Z.prototype,"menuOpen",void 0);te([oe()],Z.prototype,"forceMenuOpen",void 0);te([ne(".ft-floating-menu")],Z.prototype,"container",void 0);te([ne(".ft-floating-menu--wrapper")],Z.prototype,"menuWrapper",void 0);te([ne("#actions-button")],Z.prototype,"actionButton",void 0);te([ko({slot:"toggle"})],Z.prototype,"customToggle",void 0);te([A({type:Boolean})],Z.prototype,"primary",void 0);te([A({type:Boolean})],Z.prototype,"secondary",void 0);te([A({type:Boolean})],Z.prototype,"tertiary",void 0);te([A({type:Boolean})],Z.prototype,"neutral",void 0);te([A({type:Boolean})],Z.prototype,"small",void 0);te([A()],Z.prototype,"label",void 0);te([A()],Z.prototype,"tooltipPosition",void 0);te([A()],Z.prototype,"iconVariant",void 0);te([A()],Z.prototype,"icon",void 0);te([A()],Z.prototype,"text",void 0);te([A()],Z.prototype,"horizontalAlignment",void 0);te([A()],Z.prototype,"verticalAlignment",void 0);te([A({type:Boolean})],Z.prototype,"disabled",void 0);te([hr([])],Z.prototype,"closeMenuMatchers",void 0);var Qt=class extends Z{};Qt.elementDefinitions={"ft-or-ftds-button":Ne};Qt.styles=uo;var tl=D`
     .ft-floating-menu--wrapper {
         position: fixed;
-        z-index: 1;
+        z-index: 10;
     }
 `;var er=class extends Z{};er.elementDefinitions={"ft-or-ftds-button":Te};er.styles=[uo,tl];var Kp={color:r.extend("--ft-floating-menu-label-color","",B.colorOnSurfaceMedium)},rl=D`
     .ft-floating-menu-label {

package/build/ftds-floating-menu.styles.js

@@ -3,6 +3,6 @@ import { css } from "lit";
 export const ftdsFloatingMenuStyles = css `
     .ft-floating-menu--wrapper {
         position: fixed;
-        z-index: 1;
+        z-index: 10;
     }
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-floating-menu",
-  "version": "1.3.17",
+  "version": "1.3.18",
   "description": "Floating menu component",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-button": "1.3.17",
-    "@fluid-topics/ft-icon": "1.3.17",
-    "@fluid-topics/ft-ripple": "1.3.17",
-    "@fluid-topics/ft-typography": "1.3.17",
-    "@fluid-topics/ft-wc-utils": "1.3.17",
+    "@fluid-topics/ft-button": "1.3.18",
+    "@fluid-topics/ft-icon": "1.3.18",
+    "@fluid-topics/ft-ripple": "1.3.18",
+    "@fluid-topics/ft-typography": "1.3.18",
+    "@fluid-topics/ft-wc-utils": "1.3.18",
     "lit": "3.1.0"
   },
-  "gitHead": "ca55c7b44d386d960ceb68323361ce0ab3aefaa8"
+  "gitHead": "f0b88802ac4978bfb8561ded6af8de7c559051a2"
 }