@fluid-topics/ft-floating-menu 0.3.70 → 1.0.0-alpha.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.
@@ -2,4 +2,3 @@ export declare const FtFloatingMenuItemCssVariables: {
2
2
  iconColor: import("@fluid-topics/ft-wc-utils").FtCssVariable;
3
3
  };
4
4
  export declare const itemStyles: import("lit").CSSResult;
5
- //# sourceMappingURL=ft-floating-menu-item.css.d.ts.map
@@ -35,4 +35,3 @@ export const itemStyles = css `
35
35
  hyphens: auto;
36
36
  }
37
37
  `;
38
- //# sourceMappingURL=ft-floating-menu-item.css.js.map
@@ -13,4 +13,3 @@ export declare class FtFloatingMenuItem extends FtLitElement implements FtFloati
13
13
  protected render(): import("lit-html").TemplateResult<1>;
14
14
  private onClick;
15
15
  }
16
- //# sourceMappingURL=ft-floating-menu-item.d.ts.map
@@ -16,19 +16,18 @@ export class FtFloatingMenuItemSelect extends CustomEvent {
16
16
  super("select", { detail: value, bubbles: true, composed: true });
17
17
  }
18
18
  }
19
- export class FtFloatingMenuItem extends FtLitElement {
19
+ class FtFloatingMenuItem extends FtLitElement {
20
20
  constructor() {
21
21
  super(...arguments);
22
22
  this.value = "";
23
23
  }
24
24
  render() {
25
- var _a;
26
25
  return html `
27
26
  <div class="ft-floating-menu-item"
28
27
  @click=${this.onClick}>
29
28
  <ft-ripple></ft-ripple>
30
29
  ${this.icon ? html `
31
- <ft-icon variant="${(_a = this.iconVariant) !== null && _a !== void 0 ? _a : "material"}">${this.icon}</ft-icon>
30
+ <ft-icon .variant="${this.iconVariant}" .value="${this.icon}"></ft-icon>
32
31
  ` : nothing}
33
32
  <ft-typography variant="body2">
34
33
  <slot></slot>
@@ -56,4 +55,4 @@ __decorate([
56
55
  __decorate([
57
56
  property()
58
57
  ], FtFloatingMenuItem.prototype, "value", void 0);
59
- //# sourceMappingURL=ft-floating-menu-item.js.map
58
+ export { FtFloatingMenuItem };
@@ -4,4 +4,3 @@ export interface FtFloatingMenuItemProperties {
4
4
  icon?: string;
5
5
  value: string;
6
6
  }
7
- //# sourceMappingURL=ft-floating-menu-item.properties.d.ts.map
@@ -1,2 +1 @@
1
1
  export {};
2
- //# sourceMappingURL=ft-floating-menu-item.properties.js.map
@@ -8,4 +8,3 @@ export declare const FtFloatingMenuCssVariables: {
8
8
  borderRadiusS: import("@fluid-topics/ft-wc-utils").FtCssVariable;
9
9
  };
10
10
  export declare const styles: import("lit").CSSResult;
11
- //# sourceMappingURL=ft-floating-menu.css.d.ts.map
@@ -55,4 +55,3 @@ export const styles = css `
55
55
  top: calc(100% + 4px);
56
56
  }
57
57
  `;
58
- //# sourceMappingURL=ft-floating-menu.css.js.map
@@ -23,4 +23,3 @@ export declare class FtFloatingMenu extends FtLitElement implements FtFloatingMe
23
23
  private hideOptions;
24
24
  disconnectedCallback(): void;
25
25
  }
26
- //# sourceMappingURL=ft-floating-menu.d.ts.map
@@ -12,7 +12,7 @@ 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
14
  import { FtIconVariants } from "@fluid-topics/ft-icon/build/ft-icon.properties";
15
- export class FtFloatingMenu extends FtLitElement {
15
+ class FtFloatingMenu extends FtLitElement {
16
16
  constructor() {
17
17
  super(...arguments);
18
18
  this.menuOpen = false;
@@ -112,4 +112,4 @@ __decorate([
112
112
  __decorate([
113
113
  property({ type: Boolean })
114
114
  ], FtFloatingMenu.prototype, "disabled", void 0);
115
- //# sourceMappingURL=ft-floating-menu.js.map
115
+ export { FtFloatingMenu };