@fluid-topics/ft-reader-breadcrumbs 1.3.17 → 1.3.18

package/build/ft-reader-breadcrumbs.light.js

@@ -1267,7 +1267,7 @@ Also for action icons.`,s.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
         `}toggleMenu(){this.menuOpen=!this.menuOpen}openMenu(){this.menuOpen=!0}closeMenu(){this.menuOpen=!1}onCloseEvent(r){r.stopPropagation(),this.closeMenu()}onItemSelect(r){r.stopPropagation(),this.dispatchEvent(new co(r.detail)),this.closeMenu()}onContentClick(r){(0,tr.eventPathContainsMatchingElement)(r,this.closeMenuMatchers,this)&&this.closeMenu()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.hideOptionsOnClickOutside)}contentAvailableCallback(r){super.contentAvailableCallback(r),r.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 r=this.customToggle.length>0?this.customToggle[0]:this.actionButton,{x:o,y:n}=await eo(r,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"}}};W.elementDefinitions={"ft-floating-menu-item":Se};J([(0,Z.state)()],W.prototype,"menuOpen",void 0);J([(0,Z.state)()],W.prototype,"forceMenuOpen",void 0);J([(0,Z.query)(".ft-floating-menu")],W.prototype,"container",void 0);J([(0,Z.query)(".ft-floating-menu--wrapper")],W.prototype,"menuWrapper",void 0);J([(0,Z.query)("#actions-button")],W.prototype,"actionButton",void 0);J([(0,Z.queryAssignedElements)({slot:"toggle"})],W.prototype,"customToggle",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"primary",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"secondary",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"tertiary",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"neutral",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"small",void 0);J([(0,Z.property)()],W.prototype,"label",void 0);J([(0,Z.property)()],W.prototype,"tooltipPosition",void 0);J([(0,Z.property)()],W.prototype,"iconVariant",void 0);J([(0,Z.property)()],W.prototype,"icon",void 0);J([(0,Z.property)()],W.prototype,"text",void 0);J([(0,Z.property)()],W.prototype,"horizontalAlignment",void 0);J([(0,Z.property)()],W.prototype,"verticalAlignment",void 0);J([(0,Z.property)({type:Boolean})],W.prototype,"disabled",void 0);J([(0,tr.jsonProperty)([])],W.prototype,"closeMenuMatchers",void 0);var ft=class extends W{};ft.elementDefinitions={"ft-or-ftds-button":Me};ft.styles=Vr;var Ds=b($()),Bs=Ds.css`
     .ft-floating-menu--wrapper {
         position: fixed;
-        z-index: 1;
+        z-index: 10;
     }
 `;var rr=class extends W{};rr.elementDefinitions={"ft-or-ftds-button":Ue};rr.styles=[Vr,Bs];var $s=b($()),Fs=b(_());var Ms=b($()),lo=b(_()),hd={color:lo.FtCssVariableFactory.extend("--ft-floating-menu-label-color","",lo.designSystemVariables.colorOnSurfaceMedium)},Us=Ms.css`
     .ft-floating-menu-label {

package/build/ft-reader-breadcrumbs.min.js

@@ -1334,7 +1334,7 @@ Also for action icons.`,l.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 qo(e.detail)),this.closeMenu()}onContentClick(e){zn(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 Gr(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"}}};Y.elementDefinitions={"ft-floating-menu-item":Se};ie([Q()],Y.prototype,"menuOpen",void 0);ie([Q()],Y.prototype,"forceMenuOpen",void 0);ie([ae(".ft-floating-menu")],Y.prototype,"container",void 0);ie([ae(".ft-floating-menu--wrapper")],Y.prototype,"menuWrapper",void 0);ie([ae("#actions-button")],Y.prototype,"actionButton",void 0);ie([En({slot:"toggle"})],Y.prototype,"customToggle",void 0);ie([O({type:Boolean})],Y.prototype,"primary",void 0);ie([O({type:Boolean})],Y.prototype,"secondary",void 0);ie([O({type:Boolean})],Y.prototype,"tertiary",void 0);ie([O({type:Boolean})],Y.prototype,"neutral",void 0);ie([O({type:Boolean})],Y.prototype,"small",void 0);ie([O()],Y.prototype,"label",void 0);ie([O()],Y.prototype,"tooltipPosition",void 0);ie([O()],Y.prototype,"iconVariant",void 0);ie([O()],Y.prototype,"icon",void 0);ie([O()],Y.prototype,"text",void 0);ie([O()],Y.prototype,"horizontalAlignment",void 0);ie([O()],Y.prototype,"verticalAlignment",void 0);ie([O({type:Boolean})],Y.prototype,"disabled",void 0);ie([Ne([])],Y.prototype,"closeMenuMatchers",void 0);var St=class extends Y{};St.elementDefinitions={"ft-or-ftds-button":Ue};St.styles=zo;var ed=I`
     .ft-floating-menu--wrapper {
         position: fixed;
-        z-index: 1;
+        z-index: 10;
     }
 `;var Er=class extends Y{};Er.elementDefinitions={"ft-or-ftds-button":Fe};Er.styles=[zo,ed];var af={color:r.extend("--ft-floating-menu-label-color","",U.colorOnSurfaceMedium)},td=I`
     .ft-floating-menu-label {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-reader-breadcrumbs",
-    "version": "1.3.17",
+    "version": "1.3.18",
     "description": "A component to display current visible topic breadcrumbs",
     "keywords": [
         "Lit"
@@ -19,12 +19,12 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-floating-menu": "1.3.17",
-        "@fluid-topics/ft-reader-context": "1.3.17",
-        "@fluid-topics/ft-ripple": "1.3.17",
-        "@fluid-topics/ft-typography": "1.3.17",
-        "@fluid-topics/ft-wc-test-utils": "1.3.17",
+        "@fluid-topics/ft-floating-menu": "1.3.18",
+        "@fluid-topics/ft-reader-context": "1.3.18",
+        "@fluid-topics/ft-ripple": "1.3.18",
+        "@fluid-topics/ft-typography": "1.3.18",
+        "@fluid-topics/ft-wc-test-utils": "1.3.18",
         "lit": "3.1.0"
     },
-    "gitHead": "ca55c7b44d386d960ceb68323361ce0ab3aefaa8"
+    "gitHead": "f0b88802ac4978bfb8561ded6af8de7c559051a2"
 }