@fluid-topics/ft-floating-menu 0.3.47 → 0.3.48
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.
|
@@ -11,7 +11,7 @@ export declare class FtFloatingMenu extends FtLitElement implements FtFloatingMe
|
|
|
11
11
|
private button;
|
|
12
12
|
label?: string;
|
|
13
13
|
tooltipPosition?: Position;
|
|
14
|
-
iconVariant
|
|
14
|
+
iconVariant: FtIconVariants;
|
|
15
15
|
icon: string;
|
|
16
16
|
text?: string;
|
|
17
17
|
horizontalAlignment?: FtHorizontalAlignment;
|
|
@@ -11,10 +11,12 @@ import { styles } from "./ft-floating-menu.css";
|
|
|
11
11
|
import { FtButton } from "@fluid-topics/ft-button";
|
|
12
12
|
import { classMap } from "lit/directives/class-map.js";
|
|
13
13
|
import { FtFloatingMenuItem } from "./ft-floating-menu-item";
|
|
14
|
+
import { FtIconVariants } from "@fluid-topics/ft-icon/build/ft-icon.properties";
|
|
14
15
|
export class FtFloatingMenu extends FtLitElement {
|
|
15
16
|
constructor() {
|
|
16
17
|
super(...arguments);
|
|
17
18
|
this.menuOpen = false;
|
|
19
|
+
this.iconVariant = FtIconVariants.fluid_topics;
|
|
18
20
|
this.icon = "SHORTCUT_MENU";
|
|
19
21
|
this.disabled = false;
|
|
20
22
|
this.hideOptions = (e) => {
|
|
@@ -620,7 +620,7 @@ const tt=Symbol.for(""),it=t=>{if((null==t?void 0:t.r)===tt)return null==t?void
|
|
|
620
620
|
<slot></slot>
|
|
621
621
|
</ft-typography>
|
|
622
622
|
</div>
|
|
623
|
-
`}onClick(t){this.dispatchEvent(new Qi(this.value))}}te.elementDefinitions={"ft-icon":Zi,"ft-ripple":v,"ft-typography":wi},te.styles=Yi,Ji([o.property()],te.prototype,"iconVariant",void 0),Ji([o.property()],te.prototype,"icon",void 0),Ji([o.property()],te.prototype,"value",void 0);var ie=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ee extends i.FtLitElement{constructor(){super(...arguments),this.menuOpen=!1,this.icon="SHORTCUT_MENU",this.disabled=!1,this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){var t,i;const o={"ft-floating-menu":!0,"ft-floating-menu--open":this.menuOpen,["ft-floating-menu--"+(null!==(t=this.horizontalAlignment)&&void 0!==t?t:"left").toLowerCase()]:!0,["ft-floating-menu--"+(null!==(i=this.verticalAlignment)&&void 0!==i?i:"bottom").toLowerCase()]:!0};return e.html`
|
|
623
|
+
`}onClick(t){this.dispatchEvent(new Qi(this.value))}}te.elementDefinitions={"ft-icon":Zi,"ft-ripple":v,"ft-typography":wi},te.styles=Yi,Ji([o.property()],te.prototype,"iconVariant",void 0),Ji([o.property()],te.prototype,"icon",void 0),Ji([o.property()],te.prototype,"value",void 0);var ie=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class ee extends i.FtLitElement{constructor(){super(...arguments),this.menuOpen=!1,this.iconVariant=Ri.fluid_topics,this.icon="SHORTCUT_MENU",this.disabled=!1,this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){var t,i;const o={"ft-floating-menu":!0,"ft-floating-menu--open":this.menuOpen,["ft-floating-menu--"+(null!==(t=this.horizontalAlignment)&&void 0!==t?t:"left").toLowerCase()]:!0,["ft-floating-menu--"+(null!==(i=this.verticalAlignment)&&void 0!==i?i:"bottom").toLowerCase()]:!0};return e.html`
|
|
624
624
|
<div class="${n.classMap(o)}">
|
|
625
625
|
<ft-button id="actions-button"
|
|
626
626
|
part="button"
|
|
@@ -737,7 +737,7 @@ class $e extends Et{constructor(t){if(super(t),this.it=J,t.type!==Ct)throw Error
|
|
|
737
737
|
<slot></slot>
|
|
738
738
|
</ft-typography>
|
|
739
739
|
</div>
|
|
740
|
-
`}onClick(t){this.dispatchEvent(new Ie(this.value))}}We.elementDefinitions={"ft-icon":Me,"ft-ripple":_t,"ft-typography":pe},We.styles=_e,De([o()],We.prototype,"iconVariant",void 0),De([o()],We.prototype,"icon",void 0),De([o()],We.prototype,"value",void 0);var He=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Ke extends xt{constructor(){super(...arguments),this.menuOpen=!1,this.icon="SHORTCUT_MENU",this.disabled=!1,this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){var t,i;const e={"ft-floating-menu":!0,"ft-floating-menu--open":this.menuOpen,["ft-floating-menu--"+(null!==(t=this.horizontalAlignment)&&void 0!==t?t:"left").toLowerCase()]:!0,["ft-floating-menu--"+(null!==(i=this.verticalAlignment)&&void 0!==i?i:"bottom").toLowerCase()]:!0};return Z`
|
|
740
|
+
`}onClick(t){this.dispatchEvent(new Ie(this.value))}}We.elementDefinitions={"ft-icon":Me,"ft-ripple":_t,"ft-typography":pe},We.styles=_e,De([o()],We.prototype,"iconVariant",void 0),De([o()],We.prototype,"icon",void 0),De([o()],We.prototype,"value",void 0);var He=function(t,i,e,o){for(var n,s=arguments.length,r=s<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,a=t.length-1;a>=0;a--)(n=t[a])&&(r=(s<3?n(r):s>3?n(i,e,r):n(i,e))||r);return s>3&&r&&Object.defineProperty(i,e,r),r};class Ke extends xt{constructor(){super(...arguments),this.menuOpen=!1,this.iconVariant=Ee.fluid_topics,this.icon="SHORTCUT_MENU",this.disabled=!1,this.hideOptions=t=>{this.menuOpen=this.menuOpen&&t.composedPath().includes(this.container),this.menuOpen||document.removeEventListener("click",this.hideOptions)}}render(){var t,i;const e={"ft-floating-menu":!0,"ft-floating-menu--open":this.menuOpen,["ft-floating-menu--"+(null!==(t=this.horizontalAlignment)&&void 0!==t?t:"left").toLowerCase()]:!0,["ft-floating-menu--"+(null!==(i=this.verticalAlignment)&&void 0!==i?i:"bottom").toLowerCase()]:!0};return Z`
|
|
741
741
|
<div class="${Rt(e)}">
|
|
742
742
|
<ft-button id="actions-button"
|
|
743
743
|
part="button"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-topics/ft-floating-menu",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.48",
|
|
4
4
|
"description": "Floating menu component",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Lit"
|
|
@@ -19,12 +19,12 @@
|
|
|
19
19
|
"url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@fluid-topics/ft-button": "0.3.
|
|
23
|
-
"@fluid-topics/ft-icon": "0.3.
|
|
24
|
-
"@fluid-topics/ft-ripple": "0.3.
|
|
25
|
-
"@fluid-topics/ft-typography": "0.3.
|
|
26
|
-
"@fluid-topics/ft-wc-utils": "0.3.
|
|
22
|
+
"@fluid-topics/ft-button": "0.3.48",
|
|
23
|
+
"@fluid-topics/ft-icon": "0.3.48",
|
|
24
|
+
"@fluid-topics/ft-ripple": "0.3.48",
|
|
25
|
+
"@fluid-topics/ft-typography": "0.3.48",
|
|
26
|
+
"@fluid-topics/ft-wc-utils": "0.3.48",
|
|
27
27
|
"lit": "2.2.8"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "d3c000ead2ed2e15f291d09b303ad8aaa7f1ce98"
|
|
30
30
|
}
|