@operato/menu 8.0.0 → 9.0.0-beta.10
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/CHANGELOG.md +208 -20
- package/dist/src/ox-menu-landscape.d.ts +1 -1
- package/dist/src/ox-menu-landscape.js +34 -2
- package/dist/src/ox-menu-landscape.js.map +1 -1
- package/dist/src/ox-menu-part.d.ts +3 -3
- package/dist/src/ox-menu-part.js +62 -6
- package/dist/src/ox-menu-part.js.map +1 -1
- package/dist/src/ox-menu-portrait.d.ts +1 -1
- package/dist/src/ox-menu-portrait.js +35 -3
- package/dist/src/ox-menu-portrait.js.map +1 -1
- package/dist/src/ox-top-menu-bar.d.ts +1 -1
- package/dist/src/ox-top-menu-bar.js +41 -3
- package/dist/src/ox-top-menu-bar.js.map +1 -1
- package/dist/stories/ox-menu-container.d.ts +2 -2
- package/dist/stories/ox-menu-container.js +37 -5
- package/dist/stories/ox-menu-container.js.map +1 -1
- package/dist/stories/ox-menu-portrait.stories.d.ts +2 -2
- package/dist/stories/ox-menu-portrait.stories.js +3 -3
- package/dist/stories/ox-menu-portrait.stories.js.map +1 -1
- package/dist/stories/test-menus.d.ts +1 -1
- package/dist/stories/test-menus.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +19 -19
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-menu-portrait.js","sourceRoot":"","sources":["../../src/ox-menu-portrait.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"ox-menu-portrait.js","sourceRoot":"","sources":["../../src/ox-menu-portrait.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAGvD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGsB;;;;;WAAc;QACb;;;;;WAAqB;QACrB;;;;;WAAiB;QACjB;;;;;WAAa;IAwE3C,CAAC;IAtEC,WAAW,CAAC,KAAa,EAAE,cAAqB,EAAE,UAAiB;QACjE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,OAAO,CAAA;QAChB,CAAC;QAED,OAAO,IAAI,CAAA;;UAEL,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACjB,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,IAAI,CAAA;YAC9E,MAAM,GAAG,MAAM,IAAI,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAA;YAChG,KAAK,GAAG,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,CAAA;YAEzE,OAAO,IAAI,IAAI,OAAO;gBACpB,CAAC,CAAC,IAAI,CAAA,mBAAmB,KAAK,OAAO;gBACrC,CAAC,CAAC,IAAI,CAAA;8BACY,cAAc,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,MAAM,UAAU,IAAI;4BACjE,IAAI,IAAI,GAAG;sCACD,IAAI,IAAI,qBAAqB;4BACvC,KAAK,UAAU,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;sBAC/E,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,6CAA6C,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;oBAE/E,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,EAAE,UAAU,CAAC;;eAEvD,CAAA;QACP,CAAC,CAAC;;KAEL,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;QAClD,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,EAAE,EAAE,cAAc,EAAE,UAAU,CAAC,CAAA;IAClE,CAAC;IAED,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;YACrD,MAAM,WAAW,GAAI,CAAC,CAAC,MAAmB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;YAE5D,YAAY;YACZ,IAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EAAE,CAAC;gBACtB,YAAY;gBACZ,IAAI,IAAI,GAAG,WAAW,CAAC,IAAI,CAAA;gBAE3B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;oBACf,kCAAkC;oBAClC,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,CAAC,CAAC,cAAc,EAAE,CAAA;gBACpB,CAAC;gBAED,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,iBAAiB,EAAE;oBACjC,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;iBACxD,CAAC,CACH,CAAA;YACH,CAAC;YAED,wDAAwD;YACxD,IAAI,IAAI,GAAI,CAAC,CAAC,MAA6B,CAAC,IAAI,CAAA;YAChD,IAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,IAAI,GAAG,QAAQ,EAAE,IAAI,CAAC,CAAA;QACnE,CAAC,CAAC,CAAA;QAEF,yCAAyC;QACzC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,CAAC,CAAC,EAAE;YACtD,CAAC;YAAC,CAAC,CAAC,MAAkB,CAAC,eAAe,CAAC,SAAS,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAC,EAAE;YACpD,CAAC;YAAC,CAAC,CAAC,MAAkB,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACJ,CAAC;;AA5EM;;;;WAAS,CAAC,eAAe,EAAE,kBAAkB,CAAC;EAAxC,CAAwC;AAE1B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;6CAAe;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAc;AAN9B,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CA8E1B","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, LitElement, nothing, TemplateResult } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { Menu } from './types.js'\nimport { MenuPortraitStyles } from './menu-portrait-styles.js'\n\n@customElement('ox-menu-portrait')\nexport class OxMenuPortrait extends LitElement {\n static styles = [ScrollbarStyles, MenuPortraitStyles]\n\n @property({ type: Array }) menus?: Menu[]\n @property({ type: Object }) activeTopLevel?: Menu\n @property({ type: Object }) activeMenu?: Menu\n @property({ type: String }) path!: string\n\n renderMenus(menus: Menu[], activeTopLevel?: Menu, activeMenu?: Menu): TemplateResult | typeof nothing {\n if (menus.length == 0) {\n return nothing\n }\n\n return html`\n <ul>\n ${menus.map(menu => {\n var { type, name, active, path, label = name, badge, icon, menus = [] } = menu\n active = active && typeof active === 'function' ? active.call(menu, { path: this.path }) : false\n badge = typeof badge === 'function' ? badge.call(menu) : (badge ?? false)\n\n return type == 'group'\n ? html`<li group-label>${label}</li>`\n : html`\n <li ?active=${activeTopLevel ? menu === activeTopLevel : active} .menu=${menu} menu>\n <a href=${path || '#'}>\n <md-icon filled>${icon || 'fiber_manual_record'}</md-icon>\n <span>${label}</span>${badge !== false ? html`<div badge>${badge}</div>` : html``}\n ${menus.length > 0 ? html` <md-icon filled submenu-button></md-icon> ` : html``}\n </a>\n ${menus && this.renderMenus(menus || [], activeMenu)}\n </li>\n `\n })}\n </ul>\n `\n }\n\n render() {\n const { menus, activeTopLevel, activeMenu } = this\n return this.renderMenus(menus || [], activeTopLevel, activeMenu)\n }\n\n firstUpdated() {\n this.renderRoot.addEventListener('click', (e: Event) => {\n const menuElement = (e.target as Element)!.closest('[menu]')\n\n //@ts-ignore\n if (menuElement?.menu) {\n //@ts-ignore\n let menu = menuElement.menu\n\n if (!menu.path) {\n /* protect to act move to href. */\n e.stopPropagation()\n e.preventDefault()\n }\n\n this.dispatchEvent(\n new CustomEvent('active-toplevel', {\n bubbles: true,\n detail: this.activeTopLevel === menu ? undefined : menu\n })\n )\n }\n\n /* to respond even if current acting menu is selected */\n let href = (e.target as HTMLAnchorElement)!.href\n href && location.href === href && navigate(href + '#force', true)\n })\n\n /* to hide scrollbar during transition */\n this.renderRoot.addEventListener('transitionstart', e => {\n ;(e.target as Element).removeAttribute('settled')\n })\n this.renderRoot.addEventListener('transitionend', e => {\n ;(e.target as Element).setAttribute('settled', '')\n })\n }\n}\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@material/web/icon/icon.js';
|
|
2
2
|
import { LitElement, PropertyValueMap, TemplateResult } from 'lit';
|
|
3
|
-
import { Menu } from './types';
|
|
3
|
+
import { Menu } from './types.js';
|
|
4
4
|
declare const OxTopMenuBar_base: (new (...args: any[]) => {
|
|
5
5
|
_storeUnsubscribe: import("redux").Unsubscribe;
|
|
6
6
|
connectedCallback(): void;
|
|
@@ -6,6 +6,39 @@ import { connect } from 'pwa-helpers';
|
|
|
6
6
|
import { toggleOverlay } from '@operato/layout';
|
|
7
7
|
import { store } from '@operato/shell';
|
|
8
8
|
let OxTopMenuBar = class OxTopMenuBar extends connect(store)(LitElement) {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
Object.defineProperty(this, "page", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
configurable: true,
|
|
14
|
+
writable: true,
|
|
15
|
+
value: void 0
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(this, "resourceId", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
configurable: true,
|
|
20
|
+
writable: true,
|
|
21
|
+
value: void 0
|
|
22
|
+
});
|
|
23
|
+
Object.defineProperty(this, "menus", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
configurable: true,
|
|
26
|
+
writable: true,
|
|
27
|
+
value: void 0
|
|
28
|
+
});
|
|
29
|
+
Object.defineProperty(this, "slotTemplate", {
|
|
30
|
+
enumerable: true,
|
|
31
|
+
configurable: true,
|
|
32
|
+
writable: true,
|
|
33
|
+
value: void 0
|
|
34
|
+
});
|
|
35
|
+
Object.defineProperty(this, "_activeTopLevel", {
|
|
36
|
+
enumerable: true,
|
|
37
|
+
configurable: true,
|
|
38
|
+
writable: true,
|
|
39
|
+
value: void 0
|
|
40
|
+
});
|
|
41
|
+
}
|
|
9
42
|
render() {
|
|
10
43
|
const { menus = [], _activeTopLevel } = this;
|
|
11
44
|
return html `
|
|
@@ -70,8 +103,12 @@ let OxTopMenuBar = class OxTopMenuBar extends connect(store)(LitElement) {
|
|
|
70
103
|
});
|
|
71
104
|
}
|
|
72
105
|
};
|
|
73
|
-
OxTopMenuBar
|
|
74
|
-
|
|
106
|
+
Object.defineProperty(OxTopMenuBar, "styles", {
|
|
107
|
+
enumerable: true,
|
|
108
|
+
configurable: true,
|
|
109
|
+
writable: true,
|
|
110
|
+
value: [
|
|
111
|
+
css `
|
|
75
112
|
:host {
|
|
76
113
|
display: flex;
|
|
77
114
|
flex-direction: row;
|
|
@@ -122,7 +159,8 @@ OxTopMenuBar.styles = [
|
|
|
122
159
|
opacity: 1;
|
|
123
160
|
}
|
|
124
161
|
`
|
|
125
|
-
]
|
|
162
|
+
]
|
|
163
|
+
});
|
|
126
164
|
__decorate([
|
|
127
165
|
property({ type: String })
|
|
128
166
|
], OxTopMenuBar.prototype, "page", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-top-menu-bar.js","sourceRoot":"","sources":["../../src/ox-top-menu-bar.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAoC,MAAM,KAAK,CAAA;AAC7E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAK/B,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ox-top-menu-bar.js","sourceRoot":"","sources":["../../src/ox-top-menu-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, PropertyValueMap, TemplateResult } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers'\n\nimport { toggleOverlay } from '@operato/layout'\nimport { store } from '@operato/shell'\n\nimport { Menu } from './types.js'\n\n@customElement('ox-top-menu-bar')\nexport class OxTopMenuBar extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: row;\n }\n\n span {\n flex: 1;\n }\n\n ul {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n li {\n display: inline-flex;\n flex-direction: row nowrap;\n float: left;\n overflow: none;\n }\n\n a {\n display: inline-block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding: var(--padding-default) var(--spacing-large) var(--spacing-small) var(--spacing-large);\n text-decoration: none;\n color: white;\n }\n a * {\n vertical-align: middle;\n }\n a md-icon {\n opacity: 0.5;\n position: relative;\n top: -2px;\n font-size: 1em;\n }\n\n li[active] a {\n font-weight: bold;\n }\n li[active] a md-icon {\n opacity: 1;\n }\n `\n ]\n\n @property({ type: String }) page?: string\n @property({ type: String }) resourceId?: string\n @property({ type: Array }) menus?: Menu[]\n @property({ type: Object }) slotTemplate!: Node\n\n @state() private _activeTopLevel?: Menu\n\n render() {\n const { menus = [], _activeTopLevel } = this\n\n return html`\n <slot name=\"head\"></slot>\n <ul>\n ${menus.map(menu =>\n menu.type == 'group'\n ? html``\n : html`\n <li ?active=${menu === _activeTopLevel}>\n <a\n href=\"#\"\n @click=${(e: MouseEvent) => {\n e.preventDefault()\n toggleOverlay('ox-menu-part', {\n backdrop: true\n })\n }}\n >\n ${menu.name}\n <md-icon>expand_more</md-icon>\n </a>\n </li>\n `\n )}\n </ul>\n <slot name=\"tail\"></slot>\n `\n }\n\n stateChanged(state: any): void {\n this.page = state.route.page\n this.resourceId = state.route.resourceId\n this.menus = state.liteMenu.menus || []\n this.slotTemplate = state.liteMenu.slotTemplate\n }\n\n // firstUpdated() {\n // this.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n // }\n\n updated(changes: PropertyValueMap<this>) {\n if (changes.has('menus') || changes.has('page') || changes.has('resourceId')) {\n this._findActivePage()\n }\n\n if (changes.has('slotTemplate')) {\n this.replaceChild(this.slotTemplate, this.renderRoot)\n }\n }\n\n // onWheelEvent(e) {\n // var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n // this.scrollLeft -= delta * 40\n // console.log('delta', this.scrollLeft, delta, e.wheelDelta || -e.detail)\n\n // e.preventDefault()\n // }\n\n _findActivePage() {\n var path = this.resourceId ? `${this.page}/${this.resourceId}` : this.page\n var menus = this.menus || []\n\n this._activeTopLevel = menus.find(menu => {\n if (menu.path?.split('?')[0] === path) {\n return true\n } else if (menu.menus) {\n return !!menu.menus.find(menu => menu.path?.split('?')[0] === path)\n }\n })\n }\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@material/web/icon/icon.js';
|
|
2
|
-
import '../src/ox-menu-portrait';
|
|
2
|
+
import '../src/ox-menu-portrait.js';
|
|
3
3
|
import { LitElement, PropertyValues } from 'lit';
|
|
4
|
-
import { Menu } from '../src/types';
|
|
4
|
+
import { Menu } from '../src/types.js';
|
|
5
5
|
export declare class OxMenuContainer extends LitElement {
|
|
6
6
|
static styles: import("lit").CSSResult[];
|
|
7
7
|
menus?: Menu[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import '@material/web/icon/icon.js';
|
|
3
|
-
import '../src/ox-menu-portrait';
|
|
3
|
+
import '../src/ox-menu-portrait.js';
|
|
4
4
|
import { css, html, LitElement } from 'lit';
|
|
5
5
|
import { customElement, property, state } from 'lit/decorators.js';
|
|
6
6
|
import { ScrollbarStyles } from '@operato/styles';
|
|
@@ -10,6 +10,33 @@ function isActiveMenu(menu, path) {
|
|
|
10
10
|
(menu.active && typeof menu.active === 'function' && menu.active.call(menu, { path })));
|
|
11
11
|
}
|
|
12
12
|
let OxMenuContainer = class OxMenuContainer extends LitElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
Object.defineProperty(this, "menus", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
configurable: true,
|
|
18
|
+
writable: true,
|
|
19
|
+
value: void 0
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(this, "activeMenu", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
configurable: true,
|
|
24
|
+
writable: true,
|
|
25
|
+
value: void 0
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(this, "activeTopLevel", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
configurable: true,
|
|
30
|
+
writable: true,
|
|
31
|
+
value: void 0
|
|
32
|
+
});
|
|
33
|
+
Object.defineProperty(this, "path", {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
writable: true,
|
|
37
|
+
value: void 0
|
|
38
|
+
});
|
|
39
|
+
}
|
|
13
40
|
render() {
|
|
14
41
|
return html `
|
|
15
42
|
<div
|
|
@@ -64,9 +91,13 @@ let OxMenuContainer = class OxMenuContainer extends LitElement {
|
|
|
64
91
|
this.activeMenu = activeMenu || this.activeTopLevel;
|
|
65
92
|
}
|
|
66
93
|
};
|
|
67
|
-
OxMenuContainer
|
|
68
|
-
|
|
69
|
-
|
|
94
|
+
Object.defineProperty(OxMenuContainer, "styles", {
|
|
95
|
+
enumerable: true,
|
|
96
|
+
configurable: true,
|
|
97
|
+
writable: true,
|
|
98
|
+
value: [
|
|
99
|
+
ScrollbarStyles,
|
|
100
|
+
css `
|
|
70
101
|
:host {
|
|
71
102
|
display: flex;
|
|
72
103
|
overflow-y: auto;
|
|
@@ -74,7 +105,8 @@ OxMenuContainer.styles = [
|
|
|
74
105
|
background-color: var(--md-sys-color-surface);
|
|
75
106
|
}
|
|
76
107
|
`
|
|
77
|
-
]
|
|
108
|
+
]
|
|
109
|
+
});
|
|
78
110
|
__decorate([
|
|
79
111
|
property({ type: Array })
|
|
80
112
|
], OxMenuContainer.prototype, "menus", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-menu-container.js","sourceRoot":"","sources":["../../stories/ox-menu-container.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,
|
|
1
|
+
{"version":3,"file":"ox-menu-container.js","sourceRoot":"","sources":["../../stories/ox-menu-container.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '../src/ox-menu-portrait.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { Menu } from '../src/types.js'\n\nfunction isActiveMenu(menu: Menu, path?: string) {\n return (\n menu.path?.split('?')[0] === path ||\n (menu.active && typeof menu.active === 'function' && menu.active.call(menu, { path }))\n )\n}\n\n@customElement('ox-menu-container')\nexport class OxMenuContainer extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n overflow-y: auto;\n flex-direction: column;\n background-color: var(--md-sys-color-surface);\n }\n `\n ]\n\n @property({ type: Array }) menus?: Menu[]\n\n @state() activeMenu?: Menu\n @state() activeTopLevel?: Menu\n @state() path?: string\n\n render() {\n return html`\n <div\n @click=${(e: MouseEvent) => {\n if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey) {\n return\n }\n const anchor: HTMLAnchorElement = e.composedPath().filter((n: any) => n.tagName === 'A')[0] as any\n if (!anchor) {\n return\n }\n const href = anchor.href\n e.preventDefault()\n\n var [_, path, ...others] = new URL(href).pathname.split('/')\n this.path = path\n }}\n >\n <ox-menu-portrait\n .menus=${this.menus}\n .activeTopLevel=${this.activeTopLevel}\n .activeMenu=${this.activeMenu}\n .path=${this.path || ''}\n ></ox-menu-portrait>\n </div>\n `\n }\n\n firstUpdated() {\n this.renderRoot.addEventListener('active-toplevel', (e: Event) => {\n e.stopPropagation()\n e.preventDefault()\n\n this.activeTopLevel = (e as CustomEvent).detail\n })\n }\n\n updated(changes: PropertyValues<this>) {\n if (changes.has('menus') || changes.has('path')) {\n this.findActivePage()\n }\n }\n\n private findActivePage() {\n var menus = this.menus || []\n var activeMenu\n\n this.activeTopLevel = menus.find(menu => {\n if (isActiveMenu(menu, this.path)) {\n activeMenu = menu\n return true\n } else if (menu.menus) {\n activeMenu = menu.menus.find((menu: Menu) => isActiveMenu(menu, this.path))\n return !!activeMenu\n }\n })\n\n this.activeMenu = activeMenu || this.activeTopLevel\n }\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import '../src/ox-menu-portrait';
|
|
1
|
+
import '../src/ox-menu-portrait.js';
|
|
2
2
|
import { html } from 'lit';
|
|
3
|
-
import { menus } from './test-menus';
|
|
4
|
-
import './ox-menu-container';
|
|
3
|
+
import { menus } from './test-menus.js';
|
|
4
|
+
import './ox-menu-container.js';
|
|
5
5
|
export default {
|
|
6
6
|
title: 'OxMenuPortrait',
|
|
7
7
|
component: 'ox-menu-portrait',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-menu-portrait.stories.js","sourceRoot":"","sources":["../../stories/ox-menu-portrait.stories.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ox-menu-portrait.stories.js","sourceRoot":"","sources":["../../stories/ox-menu-portrait.stories.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,wBAAwB,CAAA;AAE/B,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,kBAAkB;IAC7B,QAAQ,EAAE,EAAE;CACb,CAAA;AAUD,MAAM,QAAQ,GAAoB,CAAC,EAAY,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAwCxB,KAAK;;CAEpC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA","sourcesContent":["import '../src/ox-menu-portrait.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { menus } from './test-menus.js'\nimport './ox-menu-container.js'\n\nexport default {\n title: 'OxMenuPortrait',\n component: 'ox-menu-portrait',\n argTypes: {}\n}\n\ninterface Story<T> {\n (args: T): TemplateResult\n args?: Partial<T>\n argTypes?: Record<string, unknown>\n}\n\ninterface ArgTypes {}\n\nconst Template: Story<ArgTypes> = ({}: ArgTypes) => html`\n <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\" rel=\"stylesheet\" />\n\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp:opsz,wght,FILL@20..48,100..700,0..1\"\n rel=\"stylesheet\"\n />\n\n <link href=\"/themes/app-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/light.css\" rel=\"stylesheet\" />\n <link href=\"/themes/dark.css\" rel=\"stylesheet\" />\n <link href=\"/themes/spacing.css\" rel=\"stylesheet\" />\n <link href=\"/themes/grist-theme.css\" rel=\"stylesheet\" />\n <link href=\"/themes/form-theme.css\" rel=\"stylesheet\" />\n\n <style>\n body {\n background-color: cyan;\n }\n\n .container {\n display: flex;\n width: 260px;\n height: 500px;\n }\n\n ox-menu-container {\n flex: 1;\n }\n </style>\n\n <div class=\"container\">\n <ox-menu-container .menus=${menus}></ox-menu-container>\n </div>\n`\n\nexport const Regular = Template.bind({})\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Menu } from '../src/types';
|
|
1
|
+
import { Menu } from '../src/types.js';
|
|
2
2
|
export declare const menus: Menu[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-menus.js","sourceRoot":"","sources":["../../stories/test-menus.ts"],"names":[],"mappings":"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","sourcesContent":["import { Menu } from '../src/types'\n\nexport const menus: Menu[] = [\n {\n name: '나의 업무 공간',\n type: 'group'\n },\n {\n name: '내 업무함',\n icon: 'format_list_bulleted',\n path: 'todo-list',\n badge: '777'\n },\n {\n name: '내 결재함',\n icon: 'approval',\n path: 'approval-pending-list',\n badge: '3'\n },\n {\n name: '업무 이력 캘린더',\n icon: 'calendar_month',\n path: 'done-list-calendar',\n description: '업무와 관련된 수행 또는 결재 이력을 캘린더에서 조회할 수 있습니다.',\n menus: [\n {\n name: '업무 이력',\n icon: 'history',\n path: 'done-list'\n },\n {\n name: '결재 수행 이력',\n icon: 'history',\n path: 'approval-done-list'\n }\n ]\n },\n {\n name: 'DATASET',\n type: 'group'\n },\n {\n name: '데이타 셋 관리',\n icon: 'display_settings',\n path: 'data-set-list'\n },\n {\n name: '데이타 키셋 관리',\n icon: 'display_settings',\n path: 'data-key-set-list'\n },\n {\n name: '데이타 센서 관리',\n icon: 'sensors',\n path: 'data-sensor-list'\n },\n {\n name: 'DATA ENTRY',\n type: 'group'\n },\n {\n icon: 'post_add',\n name: 'LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG Named MENU',\n path: 'data-entry-list'\n },\n {\n name: 'DATA REPORT',\n type: 'group'\n },\n {\n name: '데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회',\n icon: 'checklist',\n path: 'data-sample-list',\n menus: [\n {\n name: 'TEST',\n icon: 'checklist',\n path: 'data-sample-search/bfb95a47-5cbd-4415-9032-14789e27c819'\n },\n {\n name: '자숙 공정',\n icon: 'checklist',\n path: 'data-sample-search/5aad9fe2-56a3-4796-afd9-6c044ab39990'\n },\n {\n name: '탕비실 관리',\n icon: 'checklist',\n path: 'data-sample-search/0176fcc3-0dbf-4fe6-9bd0-ca9f9ae91cf4'\n },\n {\n name: '파일 관리',\n icon: 'checklist',\n path: 'data-sample-search/9c6ce158-e28c-4b00-92b9-59739d906609'\n },\n {\n name: '화장실 관리',\n icon: 'checklist',\n path: 'data-sample-search/3998c6a1-b39d-45cf-a0cb-2b11b49331a0'\n }\n ]\n },\n {\n name: '데이타 이탈점 조회',\n icon: 'playlist_remove',\n path: 'data-ooc-list'\n },\n {\n name: '데이터 수집 마감 조회',\n icon: 'functions',\n path: 'data-summary-list',\n menus: [\n {\n name: '자숙 공정',\n icon: 'checklist',\n path: 'data-summary-period/5aad9fe2-56a3-4796-afd9-6c044ab39990'\n },\n {\n name: '탕비실 관리',\n icon: 'checklist',\n path: 'data-summary-period/0176fcc3-0dbf-4fe6-9bd0-ca9f9ae91cf4'\n },\n {\n name: '화장실 관리',\n icon: 'checklist',\n path: 'data-summary-period/3998c6a1-b39d-45cf-a0cb-2b11b49331a0'\n }\n ]\n },\n {\n icon: 'newspaper',\n name: '데이타 리포트',\n path: 'data-report-list'\n },\n {\n icon: 'archive',\n name: '데이타 아카이브 조회',\n path: 'data-archive-list'\n },\n {\n name: '조직',\n type: 'group'\n },\n {\n name: '조직',\n icon: 'account_tree',\n description: '조직 구성과 결재선 관리를 위한 메뉴 구성입니다.',\n menus: [\n {\n name: '연락처 관리',\n path: 'contact-list'\n },\n {\n name: '직원 목록',\n path: 'employee-list'\n },\n {\n name: '부서 조직도',\n path: 'department-tree'\n },\n {\n name: '부서 목록',\n path: 'department-list'\n },\n {\n name: '나의 결재라인 템플릿 목록',\n path: 'my-approval-line-templates-page'\n },\n {\n name: '공통 결재라인 템플릿 목록',\n path: 'common-approval-line-templates-page'\n }\n ]\n },\n {\n name: '모니터링',\n type: 'board',\n path: 'board-viewer/85f69924-cdff-438a-9691-569b3542c38e?title=모니터링',\n icon: 'dashboard'\n }\n]\n"]}
|
|
1
|
+
{"version":3,"file":"test-menus.js","sourceRoot":"","sources":["../../stories/test-menus.ts"],"names":[],"mappings":"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","sourcesContent":["import { Menu } from '../src/types.js'\n\nexport const menus: Menu[] = [\n {\n name: '나의 업무 공간',\n type: 'group'\n },\n {\n name: '내 업무함',\n icon: 'format_list_bulleted',\n path: 'todo-list',\n badge: '777'\n },\n {\n name: '내 결재함',\n icon: 'approval',\n path: 'approval-pending-list',\n badge: '3'\n },\n {\n name: '업무 이력 캘린더',\n icon: 'calendar_month',\n path: 'done-list-calendar',\n description: '업무와 관련된 수행 또는 결재 이력을 캘린더에서 조회할 수 있습니다.',\n menus: [\n {\n name: '업무 이력',\n icon: 'history',\n path: 'done-list'\n },\n {\n name: '결재 수행 이력',\n icon: 'history',\n path: 'approval-done-list'\n }\n ]\n },\n {\n name: 'DATASET',\n type: 'group'\n },\n {\n name: '데이타 셋 관리',\n icon: 'display_settings',\n path: 'data-set-list'\n },\n {\n name: '데이타 키셋 관리',\n icon: 'display_settings',\n path: 'data-key-set-list'\n },\n {\n name: '데이타 센서 관리',\n icon: 'sensors',\n path: 'data-sensor-list'\n },\n {\n name: 'DATA ENTRY',\n type: 'group'\n },\n {\n icon: 'post_add',\n name: 'LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG LONG Named MENU',\n path: 'data-entry-list'\n },\n {\n name: 'DATA REPORT',\n type: 'group'\n },\n {\n name: '데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회 - 데이타 샘플 조회',\n icon: 'checklist',\n path: 'data-sample-list',\n menus: [\n {\n name: 'TEST',\n icon: 'checklist',\n path: 'data-sample-search/bfb95a47-5cbd-4415-9032-14789e27c819'\n },\n {\n name: '자숙 공정',\n icon: 'checklist',\n path: 'data-sample-search/5aad9fe2-56a3-4796-afd9-6c044ab39990'\n },\n {\n name: '탕비실 관리',\n icon: 'checklist',\n path: 'data-sample-search/0176fcc3-0dbf-4fe6-9bd0-ca9f9ae91cf4'\n },\n {\n name: '파일 관리',\n icon: 'checklist',\n path: 'data-sample-search/9c6ce158-e28c-4b00-92b9-59739d906609'\n },\n {\n name: '화장실 관리',\n icon: 'checklist',\n path: 'data-sample-search/3998c6a1-b39d-45cf-a0cb-2b11b49331a0'\n }\n ]\n },\n {\n name: '데이타 이탈점 조회',\n icon: 'playlist_remove',\n path: 'data-ooc-list'\n },\n {\n name: '데이터 수집 마감 조회',\n icon: 'functions',\n path: 'data-summary-list',\n menus: [\n {\n name: '자숙 공정',\n icon: 'checklist',\n path: 'data-summary-period/5aad9fe2-56a3-4796-afd9-6c044ab39990'\n },\n {\n name: '탕비실 관리',\n icon: 'checklist',\n path: 'data-summary-period/0176fcc3-0dbf-4fe6-9bd0-ca9f9ae91cf4'\n },\n {\n name: '화장실 관리',\n icon: 'checklist',\n path: 'data-summary-period/3998c6a1-b39d-45cf-a0cb-2b11b49331a0'\n }\n ]\n },\n {\n icon: 'newspaper',\n name: '데이타 리포트',\n path: 'data-report-list'\n },\n {\n icon: 'archive',\n name: '데이타 아카이브 조회',\n path: 'data-archive-list'\n },\n {\n name: '조직',\n type: 'group'\n },\n {\n name: '조직',\n icon: 'account_tree',\n description: '조직 구성과 결재선 관리를 위한 메뉴 구성입니다.',\n menus: [\n {\n name: '연락처 관리',\n path: 'contact-list'\n },\n {\n name: '직원 목록',\n path: 'employee-list'\n },\n {\n name: '부서 조직도',\n path: 'department-tree'\n },\n {\n name: '부서 목록',\n path: 'department-list'\n },\n {\n name: '나의 결재라인 템플릿 목록',\n path: 'my-approval-line-templates-page'\n },\n {\n name: '공통 결재라인 템플릿 목록',\n path: 'common-approval-line-templates-page'\n }\n ]\n },\n {\n name: '모니터링',\n type: 'board',\n path: 'board-viewer/85f69924-cdff-438a-9691-569b3542c38e?title=모니터링',\n icon: 'dashboard'\n }\n]\n"]}
|