@openremote/or-mwc-components 1.6.0-snapshot.20250519123755 → 1.6.2
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.
- package/custom-elements.json +900 -414
- package/lib/or-mwc-menu.d.ts +2 -1
- package/lib/or-mwc-menu.js +3 -3
- package/lib/or-mwc-menu.js.map +1 -1
- package/package.json +6 -6
- package/src/or-mwc-menu.ts +35 -2
- package/tsconfig.tsbuildinfo +1 -1
package/lib/or-mwc-menu.d.ts
CHANGED
|
@@ -15,7 +15,8 @@ declare global {
|
|
|
15
15
|
[OrMwcMenuClosedEvent.NAME]: OrMwcMenuClosedEvent;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
export declare function
|
|
18
|
+
export declare function positionMenuAtElement<T extends OrMwcMenu>(menu: T, hostElement?: HTMLElement): T;
|
|
19
|
+
export declare function getContentWithMenuTemplate(content: TemplateResult, menuItems: (ListItem | ListItem[] | null)[], selectedValues: string[] | string | undefined, valueChangedCallback: (values: string[] | string) => void, closedCallback?: () => void, multiSelect?: boolean, translateValues?: boolean, midHeight?: boolean, fullWidth?: boolean, menuId?: string, fixedToHost?: boolean): TemplateResult;
|
|
19
20
|
export declare class OrMwcMenu extends LitElement {
|
|
20
21
|
static get styles(): import("lit").CSSResult[];
|
|
21
22
|
menuItems?: (ListItem | ListItem[] | null)[];
|
package/lib/or-mwc-menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
var __decorate=this&&this.__decorate||function(e,t,r,o){var s
|
|
1
|
+
var __decorate=this&&this.__decorate||function(e,t,r,o){var n,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,o);else for(var c=e.length-1;c>=0;c--)(n=e[c])&&(i=(s<3?n(i):s>3?n(t,r,i):n(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i};import{css,html,LitElement,unsafeCSS}from"lit";import{customElement,property,query}from"lit/decorators.js";import{classMap}from"lit/directives/class-map.js";import{MDCMenu}from"@material/menu";import{DefaultColor4,DefaultColor8}from"@openremote/core";import listStyle from"@material/list/dist/mdc.list.css";import menuSurfaceStyle from"@material/menu-surface/dist/mdc.menu-surface.css";import{getItemTemplate,getListTemplate,ListType}from"./or-mwc-list";import{ref}from"lit/directives/ref.js";const menuStyle=require("@material/menu/dist/mdc.menu.css");export class OrMwcMenuChangedEvent extends CustomEvent{constructor(e){super(OrMwcMenuChangedEvent.NAME,{detail:e,bubbles:!0,composed:!0})}}OrMwcMenuChangedEvent.NAME="or-mwc-menu-changed";export class OrMwcMenuClosedEvent extends CustomEvent{constructor(){super(OrMwcMenuClosedEvent.NAME,{bubbles:!0,composed:!0})}}OrMwcMenuClosedEvent.NAME="or-mwc-menu-closed";export function positionMenuAtElement(e,t){t||(t=document.body);const r=t.getBoundingClientRect();return Object.assign(e.style,{position:"fixed",top:`${r.bottom}px`,left:`${r.left}px`,zIndex:"1000",display:"block"}),e}export function getContentWithMenuTemplate(e,t,r,o,n,s=!1,i=!0,c=!1,a=!1,l="menu",m=!1){let u=null;return html`
|
|
2
2
|
<span>
|
|
3
|
-
<span @click="${e=>{t&&e.currentTarget.parentElement.lastElementChild.open()}}">${e}</span>
|
|
4
|
-
${t?html`<or-mwc-menu ?multiselect="${
|
|
3
|
+
<span @click="${e=>{if(t){if(m&&u){const t=e.currentTarget;positionMenuAtElement(u,t)}e.currentTarget.parentElement.lastElementChild.open()}}}">${e}</span>
|
|
4
|
+
${t?html`<or-mwc-menu ?multiselect="${s}" @or-mwc-menu-closed="${()=>{n&&n()}}" @or-mwc-menu-changed="${e=>{o&&o(e.detail)}}" .translateValues="${i}" .values="${r}" .menuItems="${t}" .midHeight="${c}" .fullWidth="${a}" id="${l}" ${ref((e=>u=e))}></or-mwc-menu>`:""}
|
|
5
5
|
</span>
|
|
6
6
|
`}const style=css`
|
|
7
7
|
:host {
|
package/lib/or-mwc-menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"or-mwc-menu.js","sourceRoot":"","sources":["../src/or-mwc-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACH,GAAG,EACH,IAAI,EACJ,UAAU,EAGV,SAAS,EACZ,MAAM,KAAK,CAAC;AACb,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AACjE,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE9D,aAAa;AACb,OAAO,SAAS,MAAM,kCAAkC,CAAC;AACzD,aAAa;AACb,OAAO,gBAAgB,MAAM,kDAAkD,CAAC;AAChF,OAAO,EAAC,eAAe,EAAE,eAAe,EAAY,QAAQ,EAAqB,MAAM,eAAe,CAAC;AACvG,aAAa;AACb,MAAM,SAAS,GAAG,OAAO,CAAC,kCAAkC,CAAC,CAAC;AAE9D,MAAM,OAAO,qBAAsB,SAAQ,WAAwB;IAI/D,YAAY,MAAmB;QAC3B,KAAK,CAAC,qBAAqB,CAAC,IAAI,EAAE;YAC9B,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC;;AARsB,0BAAI,GAAG,qBAAqB,CAAC;AAWxD,MAAM,OAAO,oBAAqB,SAAQ,WAAiB;IAIvD;QACI,KAAK,CAAC,oBAAoB,CAAC,IAAI,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC;IACP,CAAC;;AAPsB,yBAAI,GAAG,oBAAoB,CAAC;AAiBvD,MAAM,UAAU,0BAA0B,CAAC,OAAuB,EAAE,SAA2C,EAAE,cAA6C,EAAE,oBAAyD,EAAE,cAA2B,EAAE,WAAW,GAAG,KAAK,EAAE,eAAe,GAAG,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK;
|
|
1
|
+
{"version":3,"file":"or-mwc-menu.js","sourceRoot":"","sources":["../src/or-mwc-menu.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openremote/or-mwc-components",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.2",
|
|
4
4
|
"description": "Material Design Components packaged as web components (The official components are hardcoded to use Material Design font which has limited icons)",
|
|
5
5
|
"customElements": "custom-elements.json",
|
|
6
6
|
"main": "dist/umd/index.bundle.js",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
|
-
"analyze": "npx cem analyze --config ../custom-elements-manifest.config.
|
|
20
|
+
"analyze": "npx cem analyze --config ../custom-elements-manifest.config.mjs",
|
|
21
21
|
"build": "npx tsc -b",
|
|
22
22
|
"test": "echo \"No tests\" && exit 0",
|
|
23
23
|
"prepack": "npx tsc -b"
|
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
"@material/switch": "^9.0.0",
|
|
45
45
|
"@material/tab-bar": "^9.0.0",
|
|
46
46
|
"@material/textfield": "^9.0.0",
|
|
47
|
-
"@openremote/core": "1.6.
|
|
48
|
-
"@openremote/or-icon": "1.6.
|
|
49
|
-
"@openremote/or-translate": "1.6.
|
|
47
|
+
"@openremote/core": "1.6.2",
|
|
48
|
+
"@openremote/or-icon": "1.6.2",
|
|
49
|
+
"@openremote/or-translate": "1.6.2",
|
|
50
50
|
"lit": "^2.0.2"
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
|
-
"@openremote/util": "1.6.
|
|
53
|
+
"@openremote/util": "1.6.2"
|
|
54
54
|
},
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
package/src/or-mwc-menu.ts
CHANGED
|
@@ -16,6 +16,7 @@ import listStyle from "@material/list/dist/mdc.list.css";
|
|
|
16
16
|
// @ts-ignore
|
|
17
17
|
import menuSurfaceStyle from "@material/menu-surface/dist/mdc.menu-surface.css";
|
|
18
18
|
import {getItemTemplate, getListTemplate, ListItem, ListType, MDCListActionEvent} from "./or-mwc-list";
|
|
19
|
+
import { ref } from 'lit/directives/ref.js';
|
|
19
20
|
// @ts-ignore
|
|
20
21
|
const menuStyle = require("@material/menu/dist/mdc.menu.css");
|
|
21
22
|
|
|
@@ -51,20 +52,52 @@ declare global {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
|
|
54
|
-
export function
|
|
55
|
+
export function positionMenuAtElement<T extends OrMwcMenu>(
|
|
56
|
+
menu: T,
|
|
57
|
+
hostElement?: HTMLElement
|
|
58
|
+
): T {
|
|
59
|
+
if (!hostElement) {
|
|
60
|
+
hostElement = document.body;
|
|
61
|
+
}
|
|
62
|
+
const rect = hostElement.getBoundingClientRect();
|
|
63
|
+
|
|
64
|
+
// Applying a style that is calculated from the runtime coordinates of
|
|
65
|
+
// the host element.
|
|
66
|
+
Object.assign(menu.style, {
|
|
67
|
+
position: 'fixed',
|
|
68
|
+
top: `${rect.bottom}px`,
|
|
69
|
+
left: `${rect.left}px`,
|
|
70
|
+
zIndex: '1000',
|
|
71
|
+
display: 'block'
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
return menu;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
export function getContentWithMenuTemplate(content: TemplateResult, menuItems: (ListItem | ListItem[] | null)[], selectedValues: string[] | string | undefined, valueChangedCallback: (values: string[] | string) => void, closedCallback?: () => void, multiSelect = false, translateValues = true, midHeight = false, fullWidth = false, menuId = "menu", fixedToHost = false): TemplateResult {
|
|
78
|
+
let menuRef: OrMwcMenu | null = null; // Reference to the menu
|
|
55
79
|
|
|
56
80
|
const openMenu = (evt: Event) => {
|
|
57
81
|
if (!menuItems) {
|
|
58
82
|
return;
|
|
59
83
|
}
|
|
60
84
|
|
|
85
|
+
if (fixedToHost && menuRef) {
|
|
86
|
+
const hostElement = evt.currentTarget as HTMLElement;
|
|
87
|
+
|
|
88
|
+
// Using run time coordinates to assign a fixed position to the menu
|
|
89
|
+
positionMenuAtElement(
|
|
90
|
+
menuRef,
|
|
91
|
+
hostElement
|
|
92
|
+
);
|
|
93
|
+
}
|
|
61
94
|
((evt.currentTarget as Element).parentElement!.lastElementChild as OrMwcMenu).open();
|
|
62
95
|
};
|
|
63
96
|
|
|
64
97
|
return html`
|
|
65
98
|
<span>
|
|
66
99
|
<span @click="${openMenu}">${content}</span>
|
|
67
|
-
${menuItems ? html`<or-mwc-menu ?multiselect="${multiSelect}" @or-mwc-menu-closed="${() => {if (closedCallback) { closedCallback(); }} }" @or-mwc-menu-changed="${(evt: OrMwcMenuChangedEvent) => {if (valueChangedCallback) { valueChangedCallback(evt.detail); }} }" .translateValues="${translateValues}" .values="${selectedValues}" .menuItems="${menuItems}" .midHeight="${midHeight}" .fullWidth="${fullWidth}" id="
|
|
100
|
+
${menuItems ? html`<or-mwc-menu ?multiselect="${multiSelect}" @or-mwc-menu-closed="${() => {if (closedCallback) { closedCallback(); }} }" @or-mwc-menu-changed="${(evt: OrMwcMenuChangedEvent) => {if (valueChangedCallback) { valueChangedCallback(evt.detail); }} }" .translateValues="${translateValues}" .values="${selectedValues}" .menuItems="${menuItems}" .midHeight="${midHeight}" .fullWidth="${fullWidth}" id="${menuId}" ${ref(el => (menuRef = el as OrMwcMenu))}></or-mwc-menu>` : ``}
|
|
68
101
|
</span>
|
|
69
102
|
`;
|
|
70
103
|
}
|