@things-factory/lite-menu 7.0.1-alpha.4 → 7.0.1-alpha.43

package/client/actions/lite-menu.ts

@@ -1,15 +1,15 @@
-import '../viewparts/lite-menu-part'
+import '@operato/menu/ox-menu-part.js'
 import '@material/mwc-icon'
 
 import gql from 'graphql-tag'
 import { html } from 'lit'
 
+import { store, InheritedValueType, clientSettingStore } from '@operato/shell'
 import { client } from '@operato/graphql'
 import { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'
-import { store, InheritedValueType } from '@operato/shell'
 import { isMobileDevice } from '@operato/utils'
-import { clientSettingStore } from '@operato/shell'
-import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base'
+
+import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client'
 
 export const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS'
 export const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE'
@@ -28,12 +28,12 @@ export async function setupMenuPart(options) {
   const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``
 
   appendViewpart({
-    name: 'lite-menu-part',
+    name: 'ox-menu-part',
     viewpart: {
       show: !hovering,
       resizable: true,
       hovering: isMobileDevice() ? true : hovering,
-      template: html` <lite-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</lite-menu-part> `
+      template: html` <ox-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</ox-menu-part> `
     },
     position
   })
@@ -46,7 +46,7 @@ export async function setupMenuPart(options) {
         template: html`
           <mwc-icon
             @click=${e =>
-              toggleOverlay('lite-menu-part', {
+              toggleOverlay('ox-menu-part', {
                 backdrop: true
               })}
             >view_headline</mwc-icon
@@ -74,6 +74,8 @@ export async function setupMenuPart(options) {
 }
 
 export function updateMenuTemplate(template) {
+  fetchAddonMenus()
+
   store.dispatch({
     type: UPDATE_MENU_TEMPLATE,
     template

package/client/bootstrap.ts

@@ -1,20 +1,10 @@
-import '@material/mwc-icon'
+import '@material/web/icon/icon.js'
 import '@operato/i18n/ox-i18n.js'
 import './route'
 
-import { html } from 'lit'
-
-import { navigate, store } from '@operato/shell'
-import { auth } from '@things-factory/auth-base/dist-client'
-import { ADD_MORENDA } from '@things-factory/more-base'
-
-import { fetchAddonMenus } from './actions/lite-menu'
+import { store } from '@operato/shell'
 import liteMenu from './reducers/lite-menu'
 
 export default function bootstrap() {
   store.addReducers({ liteMenu })
-
-  auth.on('profile', async () => {
-    fetchAddonMenus()
-  })
 }

package/client/index.ts

@@ -1,5 +1,2 @@
-import './viewparts/lite-menu-part'
-import './viewparts/top-menu-bar'
-
 export * from './actions/lite-menu'
 export * from './lite-menu-setting-let'

package/client/lite-menu-setting-let.ts

@@ -1,6 +1,5 @@
-import '@material/mwc-formfield'
-import '@material/mwc-checkbox'
 import '@operato/i18n/ox-i18n.js'
+import '@material/web/checkbox/checkbox.js'
 
 import { css, html, LitElement } from 'lit'
 import { customElement, query, property, state } from 'lit/decorators.js'
@@ -15,6 +14,10 @@ export class LiteMenuSettingLet extends localize(i18next)(LitElement) {
   static styles = [
     css`
       label {
+        display: flex;
+        gap: 10px;
+        align-items: center;
+
         font: var(--label-font);
         color: var(--label-color);
         text-transform: var(--label-text-transform);
@@ -33,14 +36,10 @@ export class LiteMenuSettingLet extends localize(i18next)(LitElement) {
         <ox-i18n slot="title" msgid="title.lite-menu-setting"></ox-i18n>
 
         <div slot="content">
-          <mwc-formfield label="hovering">
-            <mwc-checkbox
-              id="hovering"
-              @change=${e => this.onChange(e)}
-              ?checked=${checked}
-              ?indeterminate=${indeterminate}
-            ></mwc-checkbox>
-          </mwc-formfield>
+          <label>
+            <md-checkbox id="hovering" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></md-checkbox>
+            hovering
+          </label>
         </div>
       </setting-let>
     `

package/client/pages/addon-menu-setting.ts

@@ -65,7 +65,10 @@ class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
           action: () => {
             this.onDelete()
           },
-          icon: 'delete'
+          icon: 'delete',
+          emphasis: {
+            danger: true
+          }
         },
         {
           title: i18next.t('button.save'),
@@ -90,10 +93,7 @@ class AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {
     return html`
       <ox-grist .mode=${this.mode} .config=${this.config} .fetchHandler=${this.fetchHandler}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <mwc-icon>summarize</mwc-icon>
-            ${i18next.t('text.addon-menu management')}
-          </div>
+          <div class="title">${i18next.t('text.addon-menu management')}</div>
 
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/dist-client/actions/lite-menu.d.ts

@@ -1,4 +1,4 @@
-import '../viewparts/lite-menu-part';
+import '@operato/menu/ox-menu-part.js';
 import '@material/mwc-icon';
 export declare const UPDATE_ADDON_MENUS = "UPDATE_ADDON_MENUS";
 export declare const UPDATE_MENU_TEMPLATE = "UPDATE_MENU_TEMPLATE";

package/dist-client/actions/lite-menu.js

@@ -1,13 +1,12 @@
-import '../viewparts/lite-menu-part';
+import '@operato/menu/ox-menu-part.js';
 import '@material/mwc-icon';
 import gql from 'graphql-tag';
 import { html } from 'lit';
+import { store, InheritedValueType, clientSettingStore } from '@operato/shell';
 import { client } from '@operato/graphql';
 import { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout';
-import { store, InheritedValueType } from '@operato/shell';
 import { isMobileDevice } from '@operato/utils';
-import { clientSettingStore } from '@operato/shell';
-import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base';
+import { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client';
 export const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS';
 export const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE';
 var HAMBURGER;
@@ -21,12 +20,12 @@ export async function setupMenuPart(options) {
     const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait';
     const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html ``;
     appendViewpart({
-        name: 'lite-menu-part',
+        name: 'ox-menu-part',
         viewpart: {
             show: !hovering,
             resizable: true,
             hovering: isMobileDevice() ? true : hovering,
-            template: html ` <lite-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</lite-menu-part> `
+            template: html ` <ox-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</ox-menu-part> `
         },
         position
     });
@@ -37,7 +36,7 @@ export async function setupMenuPart(options) {
                 name: 'hamburger',
                 template: html `
           <mwc-icon
-            @click=${e => toggleOverlay('lite-menu-part', {
+            @click=${e => toggleOverlay('ox-menu-part', {
                     backdrop: true
                 })}
             >view_headline</mwc-icon
@@ -63,6 +62,7 @@ export async function setupMenuPart(options) {
     }
 }
 export function updateMenuTemplate(template) {
+    fetchAddonMenus();
     store.dispatch({
         type: UPDATE_MENU_TEMPLATE,
         template

package/dist-client/actions/lite-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"lite-menu.js","sourceRoot":"","sources":["../../client/actions/lite-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/lite-menu-part'\nimport '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\nimport { client } from '@operato/graphql'\nimport { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { store, InheritedValueType } from '@operato/shell'\nimport { isMobileDevice } from '@operato/utils'\nimport { clientSettingStore } from '@operato/shell'\nimport { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base'\n\nexport const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS'\nexport const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE'\n\nvar HAMBURGER\n\nexport async function setupMenuPart(options) {\n  var { hovering = isMobileDevice() ? true : false, slotTemplate, portraitSlotTemplate, landscapeSlotTemplate, position = VIEWPART_POSITION.NAVBAR } = options || {}\n\n  const { hovering: hoveringSetting } = (await clientSettingStore.get('lite-menu'))?.value || {}\n  if (hoveringSetting !== undefined) {\n    hovering = hoveringSetting\n  }\n\n  const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait'\n  const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``\n\n  appendViewpart({\n    name: 'lite-menu-part',\n    viewpart: {\n      show: !hovering,\n      resizable: true,\n      hovering: isMobileDevice() ? true : hovering,\n      template: html` <lite-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</lite-menu-part> `\n    },\n    position\n  })\n\n  // hovering이 true거나 모바일 일때는 계속 햄버거 버튼 표시\n  if ((hovering || isMobileDevice()) && orientation == 'portrait') {\n    if (!HAMBURGER) {\n      HAMBURGER = {\n        name: 'hamburger',\n        template: html`\n          <mwc-icon\n            @click=${e =>\n              toggleOverlay('lite-menu-part', {\n                backdrop: true\n              })}\n            >view_headline</mwc-icon\n          >\n        `,\n        position: TOOL_POSITION.FRONT_END\n      }\n\n      store.dispatch({\n        /* incase of mobile : add hamburger tool */\n        type: APPEND_APP_TOOL,\n        tool: HAMBURGER\n      })\n    }\n  } else {\n    if (HAMBURGER) {\n      store.dispatch({\n        type: REMOVE_APP_TOOL,\n        name: 'hamburger'\n      })\n\n      HAMBURGER = null\n    }\n  }\n}\n\nexport function updateMenuTemplate(template) {\n  store.dispatch({\n    type: UPDATE_MENU_TEMPLATE,\n    template\n  })\n}\n\nexport async function fetchAddonMenus() {\n  var applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n  var liteMenus = (\n    await client.query({\n      query: gql`\n        query ($filters: [Filter!], $inherited: InheritedValueType) {\n          liteMenus: myLiteMenus(filters: $filters, inherited: $inherited) {\n            items {\n              id\n              name\n              description\n              appName\n              parent\n              rank\n              active\n              type\n              value\n              icon\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: [\n          {\n            name: 'active',\n            operator: 'eq',\n            value: true\n          },\n          {\n            name: 'appName',\n            operator: 'in',\n            value: ['', applicationName]\n          }\n        ],\n        inherited: InheritedValueType.Include\n      }\n    })\n  ).data.liteMenus.items\n\n  store.dispatch({\n    type: UPDATE_ADDON_MENUS,\n    addon: liteMenus.filter(menu => !menu.appName || menu.appName === applicationName)\n  })\n}\n"]}
+{"version":3,"file":"lite-menu.js","sourceRoot":"","sources":["../../client/actions/lite-menu.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/menu/ox-menu-part.js'\nimport '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\nimport { store, InheritedValueType, clientSettingStore } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { appendViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION } from '@operato/layout'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { APPEND_APP_TOOL, REMOVE_APP_TOOL } from '@things-factory/apptool-base/client'\n\nexport const UPDATE_ADDON_MENUS = 'UPDATE_ADDON_MENUS'\nexport const UPDATE_MENU_TEMPLATE = 'UPDATE_MENU_TEMPLATE'\n\nvar HAMBURGER\n\nexport async function setupMenuPart(options) {\n  var { hovering = isMobileDevice() ? true : false, slotTemplate, portraitSlotTemplate, landscapeSlotTemplate, position = VIEWPART_POSITION.NAVBAR } = options || {}\n\n  const { hovering: hoveringSetting } = (await clientSettingStore.get('lite-menu'))?.value || {}\n  if (hoveringSetting !== undefined) {\n    hovering = hoveringSetting\n  }\n\n  const orientation = position == VIEWPART_POSITION.HEADERBAR ? 'landscape' : 'portrait'\n  const orientatedSlotTemplate = (orientation == 'landscape' ? landscapeSlotTemplate : portraitSlotTemplate) || slotTemplate || html``\n\n  appendViewpart({\n    name: 'ox-menu-part',\n    viewpart: {\n      show: !hovering,\n      resizable: true,\n      hovering: isMobileDevice() ? true : hovering,\n      template: html` <ox-menu-part .orientation=${orientation}>${orientatedSlotTemplate}</ox-menu-part> `\n    },\n    position\n  })\n\n  // hovering이 true거나 모바일 일때는 계속 햄버거 버튼 표시\n  if ((hovering || isMobileDevice()) && orientation == 'portrait') {\n    if (!HAMBURGER) {\n      HAMBURGER = {\n        name: 'hamburger',\n        template: html`\n          <mwc-icon\n            @click=${e =>\n              toggleOverlay('ox-menu-part', {\n                backdrop: true\n              })}\n            >view_headline</mwc-icon\n          >\n        `,\n        position: TOOL_POSITION.FRONT_END\n      }\n\n      store.dispatch({\n        /* incase of mobile : add hamburger tool */\n        type: APPEND_APP_TOOL,\n        tool: HAMBURGER\n      })\n    }\n  } else {\n    if (HAMBURGER) {\n      store.dispatch({\n        type: REMOVE_APP_TOOL,\n        name: 'hamburger'\n      })\n\n      HAMBURGER = null\n    }\n  }\n}\n\nexport function updateMenuTemplate(template) {\n  fetchAddonMenus()\n\n  store.dispatch({\n    type: UPDATE_MENU_TEMPLATE,\n    template\n  })\n}\n\nexport async function fetchAddonMenus() {\n  var applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n  var liteMenus = (\n    await client.query({\n      query: gql`\n        query ($filters: [Filter!], $inherited: InheritedValueType) {\n          liteMenus: myLiteMenus(filters: $filters, inherited: $inherited) {\n            items {\n              id\n              name\n              description\n              appName\n              parent\n              rank\n              active\n              type\n              value\n              icon\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: [\n          {\n            name: 'active',\n            operator: 'eq',\n            value: true\n          },\n          {\n            name: 'appName',\n            operator: 'in',\n            value: ['', applicationName]\n          }\n        ],\n        inherited: InheritedValueType.Include\n      }\n    })\n  ).data.liteMenus.items\n\n  store.dispatch({\n    type: UPDATE_ADDON_MENUS,\n    addon: liteMenus.filter(menu => !menu.appName || menu.appName === applicationName)\n  })\n}\n"]}

package/dist-client/bootstrap.d.ts

@@ -1,4 +1,4 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import '@operato/i18n/ox-i18n.js';
 import './route';
 export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,14 +1,9 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import '@operato/i18n/ox-i18n.js';
 import './route';
 import { store } from '@operato/shell';
-import { auth } from '@things-factory/auth-base/dist-client';
-import { fetchAddonMenus } from './actions/lite-menu';
 import liteMenu from './reducers/lite-menu';
 export default function bootstrap() {
     store.addReducers({ liteMenu });
-    auth.on('profile', async () => {
-        fetchAddonMenus();
-    });
 }
 //# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,SAAS,CAAA;AAIhB,OAAO,EAAY,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;IAE/B,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;QAC5B,eAAe,EAAE,CAAA;IACnB,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@material/mwc-icon'\nimport '@operato/i18n/ox-i18n.js'\nimport './route'\n\nimport { html } from 'lit'\n\nimport { navigate, store } from '@operato/shell'\nimport { auth } from '@things-factory/auth-base/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base'\n\nimport { fetchAddonMenus } from './actions/lite-menu'\nimport liteMenu from './reducers/lite-menu'\n\nexport default function bootstrap() {\n  store.addReducers({ liteMenu })\n\n  auth.on('profile', async () => {\n    fetchAddonMenus()\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAE3C,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;AACjC,CAAC","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport './route'\n\nimport { store } from '@operato/shell'\nimport liteMenu from './reducers/lite-menu'\n\nexport default function bootstrap() {\n  store.addReducers({ liteMenu })\n}\n"]}

package/dist-client/index.d.ts

@@ -1,4 +1,2 @@
-import './viewparts/lite-menu-part';
-import './viewparts/top-menu-bar';
 export * from './actions/lite-menu';
 export * from './lite-menu-setting-let';

package/dist-client/index.js

@@ -1,5 +1,3 @@
-import './viewparts/lite-menu-part';
-import './viewparts/top-menu-bar';
 export * from './actions/lite-menu';
 export * from './lite-menu-setting-let';
 //# sourceMappingURL=index.js.map

package/dist-client/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA","sourcesContent":["import './viewparts/lite-menu-part'\nimport './viewparts/top-menu-bar'\n\nexport * from './actions/lite-menu'\nexport * from './lite-menu-setting-let'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../client/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA","sourcesContent":["export * from './actions/lite-menu'\nexport * from './lite-menu-setting-let'\n"]}

package/dist-client/lite-menu-setting-let.d.ts

@@ -1,6 +1,5 @@
-import '@material/mwc-formfield';
-import '@material/mwc-checkbox';
 import '@operato/i18n/ox-i18n.js';
+import '@material/web/checkbox/checkbox.js';
 import { LitElement } from 'lit';
 declare const LiteMenuSettingLet_base: (new (...args: any[]) => LitElement) & typeof LitElement;
 export declare class LiteMenuSettingLet extends LiteMenuSettingLet_base {

package/dist-client/lite-menu-setting-let.js

@@ -1,7 +1,6 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-formfield';
-import '@material/mwc-checkbox';
 import '@operato/i18n/ox-i18n.js';
+import '@material/web/checkbox/checkbox.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { clientSettingStore } from '@operato/shell';
@@ -16,14 +15,10 @@ let LiteMenuSettingLet = class LiteMenuSettingLet extends localize(i18next)(LitE
         <ox-i18n slot="title" msgid="title.lite-menu-setting"></ox-i18n>
 
         <div slot="content">
-          <mwc-formfield label="hovering">
-            <mwc-checkbox
-              id="hovering"
-              @change=${e => this.onChange(e)}
-              ?checked=${checked}
-              ?indeterminate=${indeterminate}
-            ></mwc-checkbox>
-          </mwc-formfield>
+          <label>
+            <md-checkbox id="hovering" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></md-checkbox>
+            hovering
+          </label>
         </div>
       </setting-let>
     `;
@@ -66,6 +61,10 @@ let LiteMenuSettingLet = class LiteMenuSettingLet extends localize(i18next)(LitE
 LiteMenuSettingLet.styles = [
     css `
       label {
+        display: flex;
+        gap: 10px;
+        align-items: center;
+
         font: var(--label-font);
         color: var(--label-color);
         text-transform: var(--label-text-transform);

package/dist-client/lite-menu-setting-let.js.map

@@ -1 +1 @@
-{"version":3,"file":"lite-menu-setting-let.js","sourceRoot":"","sources":["../client/lite-menu-setting-let.ts"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG5C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAanE,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAA;QACtC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAA;QAEjD,OAAO,IAAI,CAAA;;;;;;;;wBAQS,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;yBACpB,OAAO;+BACD,aAAa;;;;;KAKvC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,QAAQ,CAAA;IACrF,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,CAAQ;;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;SACtB;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;SAC1B;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;SACrB;QAED,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAA;QAC7F,IAAI,IAAI,CAAC,QAAQ,KAAK,cAAc,EAAE;YACpC,OAAM;SACP;QAED,IAAI;YACF,MAAM,kBAAkB,CAAC,GAAG,CAAC;gBAC3B,GAAG,EAAE,WAAW;gBAChB,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB;aACF,CAAC,CAAA;SACH;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACjB;QAED,aAAa,CAAC;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAA;IACJ,CAAC;;AAlEM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;oDAAmB;AAXpC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoE9B;SApEY,kBAAkB","sourcesContent":["import '@material/mwc-formfield'\nimport '@material/mwc-checkbox'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, property, state } from 'lit/decorators.js'\n\nimport { clientSettingStore } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { setupMenuPart } from './actions/lite-menu'\n\n@customElement('lite-menu-setting-let')\nexport class LiteMenuSettingLet extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      label {\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) hovering?: boolean\n\n  render() {\n    const checked = this.hovering === true\n    const indeterminate = this.hovering === undefined\n\n    return html`\n      <setting-let>\n        <ox-i18n slot=\"title\" msgid=\"title.lite-menu-setting\"></ox-i18n>\n\n        <div slot=\"content\">\n          <mwc-formfield label=\"hovering\">\n            <mwc-checkbox\n              id=\"hovering\"\n              @change=${e => this.onChange(e)}\n              ?checked=${checked}\n              ?indeterminate=${indeterminate}\n            ></mwc-checkbox>\n          </mwc-formfield>\n        </div>\n      </setting-let>\n    `\n  }\n\n  async firstUpdated() {\n    this.hovering = ((await clientSettingStore.get('lite-menu'))?.value || {}).hovering\n  }\n\n  async onChange(e: Event) {\n    if (this.hovering === true) {\n      this.hovering = false\n    } else if (this.hovering === false) {\n      this.hovering = undefined\n    } else {\n      this.hovering = true\n    }\n\n    const { hovering: valueFromStore } = (await clientSettingStore.get('lite-menu'))?.value || {}\n    if (this.hovering === valueFromStore) {\n      return\n    }\n\n    try {\n      await clientSettingStore.put({\n        key: 'lite-menu',\n        value: {\n          hovering: this.hovering\n        }\n      })\n    } catch (e) {\n      console.error(e)\n    }\n\n    setupMenuPart({\n      hovering: this.hovering\n    })\n  }\n}\n"]}
+{"version":3,"file":"lite-menu-setting-let.js","sourceRoot":"","sources":["../client/lite-menu-setting-let.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAS,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAG5C,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAiBnE,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAA;QACtC,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAA;QAEjD,OAAO,IAAI,CAAA;;;;;;iDAMkC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,OAAO,mBAAmB,aAAa;;;;;KAKrH,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;;QAChB,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,QAAQ,CAAA;IACrF,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,CAAQ;;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;SACtB;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE;YAClC,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAA;SAC1B;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;SACrB;QAED,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAA,MAAA,CAAC,MAAM,kBAAkB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,0CAAE,KAAK,KAAI,EAAE,CAAA;QAC7F,IAAI,IAAI,CAAC,QAAQ,KAAK,cAAc,EAAE;YACpC,OAAM;SACP;QAED,IAAI;YACF,MAAM,kBAAkB,CAAC,GAAG,CAAC;gBAC3B,GAAG,EAAE,WAAW;gBAChB,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;iBACxB;aACF,CAAC,CAAA;SACH;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;SACjB;QAED,aAAa,CAAC;YACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAA;IACJ,CAAC;;AAlEM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;KAUF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;oDAAmB;AAfpC,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoE9B;SApEY,kBAAkB","sourcesContent":["import '@operato/i18n/ox-i18n.js'\nimport '@material/web/checkbox/checkbox.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, query, property, state } from 'lit/decorators.js'\n\nimport { clientSettingStore } from '@operato/shell'\nimport { i18next, localize } from '@operato/i18n'\n\nimport { setupMenuPart } from './actions/lite-menu'\n\n@customElement('lite-menu-setting-let')\nexport class LiteMenuSettingLet extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      label {\n        display: flex;\n        gap: 10px;\n        align-items: center;\n\n        font: var(--label-font);\n        color: var(--label-color);\n        text-transform: var(--label-text-transform);\n      }\n    `\n  ]\n\n  @property({ type: Boolean }) hovering?: boolean\n\n  render() {\n    const checked = this.hovering === true\n    const indeterminate = this.hovering === undefined\n\n    return html`\n      <setting-let>\n        <ox-i18n slot=\"title\" msgid=\"title.lite-menu-setting\"></ox-i18n>\n\n        <div slot=\"content\">\n          <label>\n            <md-checkbox id=\"hovering\" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></md-checkbox>\n            hovering\n          </label>\n        </div>\n      </setting-let>\n    `\n  }\n\n  async firstUpdated() {\n    this.hovering = ((await clientSettingStore.get('lite-menu'))?.value || {}).hovering\n  }\n\n  async onChange(e: Event) {\n    if (this.hovering === true) {\n      this.hovering = false\n    } else if (this.hovering === false) {\n      this.hovering = undefined\n    } else {\n      this.hovering = true\n    }\n\n    const { hovering: valueFromStore } = (await clientSettingStore.get('lite-menu'))?.value || {}\n    if (this.hovering === valueFromStore) {\n      return\n    }\n\n    try {\n      await clientSettingStore.put({\n        key: 'lite-menu',\n        value: {\n          hovering: this.hovering\n        }\n      })\n    } catch (e) {\n      console.error(e)\n    }\n\n    setupMenuPart({\n      hovering: this.hovering\n    })\n  }\n}\n"]}

package/dist-client/pages/addon-menu-setting.js

@@ -41,7 +41,10 @@ let AddonMenuSetting = class AddonMenuSetting extends connect(store)(localize(i1
                     action: () => {
                         this.onDelete();
                     },
-                    icon: 'delete'
+                    icon: 'delete',
+                    emphasis: {
+                        danger: true
+                    }
                 },
                 {
                     title: i18next.t('button.save'),
@@ -65,10 +68,7 @@ let AddonMenuSetting = class AddonMenuSetting extends connect(store)(localize(i1
         return html `
       <ox-grist .mode=${this.mode} .config=${this.config} .fetchHandler=${this.fetchHandler}>
         <div slot="headroom" class="header">
-          <div class="title">
-            <mwc-icon>summarize</mwc-icon>
-            ${i18next.t('text.addon-menu management')}
-          </div>
+          <div class="title">${i18next.t('text.addon-menu management')}</div>
 
           <div class="filters">
             <ox-filters-form autofocus without-search></ox-filters-form>

package/dist-client/pages/addon-menu-setting.js.map

@@ -1 +1 @@
-{"version":3,"file":"addon-menu-setting.js","sourceRoot":"","sources":["../../client/pages/addon-menu-setting.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-sorters-control.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport '@operato/popup/ox-popup.js'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { DataGrist, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { fetchAddonMenus } from '../actions/lite-menu'\n\nconst applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n@customElement('addon-menu-setting')\nclass AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        overflow-x: hidden;\n        flex-direction: column;\n\n        width: 100%;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() config: any\n  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n  @state() menus: any[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('text.addon-menu management'),\n      actions: [\n        {\n          title: i18next.t('button.refresh'),\n          action: () => {\n            this.onReload()\n          },\n          icon: 'refresh'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: () => {\n            this.onDelete()\n          },\n          icon: 'delete'\n        },\n        {\n          title: i18next.t('button.save'),\n          action: () => {\n            this.onCommit()\n          },\n          icon: 'save'\n        }\n      ],\n      exportable: {\n        accept: ['json'],\n        name: 'lite-menu-list',\n        data: () => {\n          return this.grist.data\n        }\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist .mode=${this.mode} .config=${this.config} .fetchHandler=${this.fetchHandler}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"title\">\n            <mwc-icon>summarize</mwc-icon>\n            ${i18next.t('text.addon-menu management')}\n          </div>\n\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  stateChanged(state) {\n    this.menus = state.liteMenu?.menus\n  }\n\n  async onCommit() {\n    var grist = this.grist\n\n    var modifiedList = grist.dirtyRecords.filter(record => record['__dirty__'] == 'M')\n    var addedList = grist.dirtyRecords.filter(record => record['__dirty__'] == '+')\n\n    await Promise.all(\n      modifiedList.map(async record => {\n        var id = record.__origin__.id\n        var patch = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        if (record.type == 'group') {\n          patch = {\n            ...patch,\n            parent: ''\n          }\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!, $patch: LiteMenuPatch!) {\n              updateLiteMenu(id: $id, patch: $patch) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            id,\n            patch: patch\n          }\n        })\n      })\n    )\n\n    await Promise.all(\n      addedList.map(async record => {\n        var liteMenu = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($liteMenu: NewLiteMenu!) {\n              createLiteMenu(liteMenu: $liteMenu) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            liteMenu\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  onReload() {\n    this.grist.fetch()\n  }\n\n  async onDelete() {\n    var grist = this.grist\n\n    var deletedList = grist.selected\n\n    await Promise.all(\n      deletedList.map(async record => {\n        var id = record.id\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!) {\n              deleteLiteMenu(id: $id)\n            }\n          `,\n          variables: {\n            id\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  async pageInitialized() {\n    this.config = {\n      list: {\n        thumbnail: 'value',\n        fields: ['name', 'description'],\n        details: ['type', 'parent', 'rank', 'updatedAt']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'dirty',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'sequence',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'row-selector',\n          multiple: true,\n          fixed: true\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          fixed: true,\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {\n            align: 'left',\n            editable: true\n          },\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'appName',\n          header: i18next.t('field.app-name'),\n          label: true,\n          record: {\n            align: 'left',\n            editable: true,\n            options: ['', applicationName]\n          },\n          filter: {\n            options: ['', applicationName],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'parent',\n          label: true,\n          header: i18next.t('field.parent-menu'),\n          record: {\n            editable: true,\n            options: () => {\n              const menus = this.menus.filter(menu => menu.type !== 'group')\n              return ['', ...menus.map(menu => menu.name)]\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'number',\n          name: 'rank',\n          label: true,\n          header: i18next.t('field.rank'),\n          record: {\n            align: 'right',\n            editable: true\n          },\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'select',\n          name: 'type',\n          label: true,\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'group', 'page', 'board', 'interactive-board']\n          },\n          filter: {\n            options: ['', 'group', 'page', 'board', 'interactive-board'],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 80\n        },\n        {\n          type: 'string',\n          name: 'value',\n          header: i18next.t('field.value'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n            }\n          },\n          width: 140\n        },\n        {\n          type: 'string',\n          name: 'icon',\n          header: i18next.t('field.icon'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'boolean',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {\n            editable: true\n          },\n          filter: true,\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'privilege',\n          name: 'privilege',\n          label: true,\n          header: i18next.t('field.required privilege'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180\n        },\n        {\n          type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.created_at'),\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        handlers: {\n          click: 'select-row-toggle'\n        }\n      },\n      sorters: [\n        {\n          name: 'parent',\n          desc: false\n        },\n        {\n          name: 'rank',\n          desc: false\n        }\n      ],\n      pagination: {\n        pages: [20, 30, 50, 100, 200]\n      }\n    }\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      await this.updateComplete\n\n      this.grist.fetch()\n    }\n  }\n\n  async fetchHandler({ filters = [], page, limit, sortings = [] }) {\n    const response = (\n      await client.query({\n        query: gql`\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items {\n                id\n                name\n                description\n                appName\n                parent\n                rank\n                type\n                value\n                board {\n                  id\n                  name\n                  description\n                  thumbnail\n                }\n                icon\n                active\n                privilege {\n                  category\n                  privilege\n                  owner\n                  super\n                }\n                createdAt\n                updatedAt\n                creator {\n                  id\n                  name\n                }\n                updater {\n                  id\n                  name\n                }\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...filters,\n            {\n              name: 'appName',\n              operator: 'in',\n              value: ['', applicationName]\n            }\n          ],\n          pagination: { page, limit },\n          sortings\n        }\n      })\n    ).data.responses\n\n    return {\n      records: response.items,\n      total: response.total\n    }\n  }\n\n  liteMenuCreationCallback(liteMenu) {\n    console.warn('not implemented yet.')\n  }\n}\n"]}
+{"version":3,"file":"addon-menu-setting.js","sourceRoot":"","sources":["../../client/pages/addon-menu-setting.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-sorters-control.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport '@operato/popup/ox-popup.js'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { DataGrist, getEditor, getRenderer } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { PageView, store } from '@operato/shell'\nimport { ScrollbarStyles, CommonHeaderStyles } from '@operato/styles'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { fetchAddonMenus } from '../actions/lite-menu'\n\nconst applicationName = (document.querySelector('meta[name=\"application-name\"]') as HTMLMetaElement)?.content\n\n@customElement('addon-menu-setting')\nclass AddonMenuSetting extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        overflow-x: hidden;\n        flex-direction: column;\n\n        width: 100%;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() config: any\n  @state() mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n  @state() menus: any[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('text.addon-menu management'),\n      actions: [\n        {\n          title: i18next.t('button.refresh'),\n          action: () => {\n            this.onReload()\n          },\n          icon: 'refresh'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: () => {\n            this.onDelete()\n          },\n          icon: 'delete',\n          emphasis: {\n            danger: true\n          }\n        },\n        {\n          title: i18next.t('button.save'),\n          action: () => {\n            this.onCommit()\n          },\n          icon: 'save'\n        }\n      ],\n      exportable: {\n        accept: ['json'],\n        name: 'lite-menu-list',\n        data: () => {\n          return this.grist.data\n        }\n      },\n      toolbar: false\n    }\n  }\n\n  render() {\n    return html`\n      <ox-grist .mode=${this.mode} .config=${this.config} .fetchHandler=${this.fetchHandler}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"title\">${i18next.t('text.addon-menu management')}</div>\n\n          <div class=\"filters\">\n            <ox-filters-form autofocus without-search></ox-filters-form>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}> </ox-context-page-toolbar>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  stateChanged(state) {\n    this.menus = state.liteMenu?.menus\n  }\n\n  async onCommit() {\n    var grist = this.grist\n\n    var modifiedList = grist.dirtyRecords.filter(record => record['__dirty__'] == 'M')\n    var addedList = grist.dirtyRecords.filter(record => record['__dirty__'] == '+')\n\n    await Promise.all(\n      modifiedList.map(async record => {\n        var id = record.__origin__.id\n        var patch = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        if (record.type == 'group') {\n          patch = {\n            ...patch,\n            parent: ''\n          }\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!, $patch: LiteMenuPatch!) {\n              updateLiteMenu(id: $id, patch: $patch) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            id,\n            patch: patch\n          }\n        })\n      })\n    )\n\n    await Promise.all(\n      addedList.map(async record => {\n        var liteMenu = {\n          name: record.name,\n          description: record.description,\n          appName: record.appName,\n          parent: record.parent,\n          rank: record.rank,\n          active: record.active,\n          privilege: record.privilege,\n          type: record.type,\n          value: record.value,\n          icon: record.icon\n        }\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($liteMenu: NewLiteMenu!) {\n              createLiteMenu(liteMenu: $liteMenu) {\n                id\n                name\n              }\n            }\n          `,\n          variables: {\n            liteMenu\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  onReload() {\n    this.grist.fetch()\n  }\n\n  async onDelete() {\n    var grist = this.grist\n\n    var deletedList = grist.selected\n\n    await Promise.all(\n      deletedList.map(async record => {\n        var id = record.id\n\n        return await client.mutate({\n          mutation: gql`\n            mutation ($id: String!) {\n              deleteLiteMenu(id: $id)\n            }\n          `,\n          variables: {\n            id\n          }\n        })\n      })\n    )\n\n    grist.fetch()\n    fetchAddonMenus() /* update menu-system */\n  }\n\n  async pageInitialized() {\n    this.config = {\n      list: {\n        thumbnail: 'value',\n        fields: ['name', 'description'],\n        details: ['type', 'parent', 'rank', 'updatedAt']\n      },\n      columns: [\n        {\n          type: 'gutter',\n          gutterName: 'dirty',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'sequence',\n          fixed: true\n        },\n        {\n          type: 'gutter',\n          gutterName: 'row-selector',\n          multiple: true,\n          fixed: true\n        },\n        {\n          type: 'string',\n          name: 'id',\n          hidden: true\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          fixed: true,\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'string',\n          name: 'description',\n          header: i18next.t('field.description'),\n          record: {\n            align: 'left',\n            editable: true\n          },\n          filter: 'search',\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'appName',\n          header: i18next.t('field.app-name'),\n          label: true,\n          record: {\n            align: 'left',\n            editable: true,\n            options: ['', applicationName]\n          },\n          filter: {\n            options: ['', applicationName],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'parent',\n          label: true,\n          header: i18next.t('field.parent-menu'),\n          record: {\n            editable: true,\n            options: () => {\n              const menus = this.menus.filter(menu => menu.type !== 'group')\n              return ['', ...menus.map(menu => menu.name)]\n            }\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'number',\n          name: 'rank',\n          label: true,\n          header: i18next.t('field.rank'),\n          record: {\n            align: 'right',\n            editable: true\n          },\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'select',\n          name: 'type',\n          label: true,\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'group', 'page', 'board', 'interactive-board']\n          },\n          filter: {\n            options: ['', 'group', 'page', 'board', 'interactive-board'],\n            multiple: false,\n            operator: 'eq'\n          },\n          width: 80\n        },\n        {\n          type: 'string',\n          name: 'value',\n          header: i18next.t('field.value'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getEditor(type)(value, column, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var type = record.type !== 'board' && record.type !== 'interactive-board' ? 'string' : 'board'\n              return getRenderer(type)(value, column, record, rowIndex, field)\n            }\n          },\n          width: 140\n        },\n        {\n          type: 'string',\n          name: 'icon',\n          header: i18next.t('field.icon'),\n          record: {\n            editable: true\n          },\n          sortable: false,\n          width: 120\n        },\n        {\n          type: 'boolean',\n          name: 'active',\n          label: true,\n          header: i18next.t('field.active'),\n          record: {\n            editable: true\n          },\n          filter: true,\n          sortable: true,\n          width: 60\n        },\n        {\n          type: 'privilege',\n          name: 'privilege',\n          label: true,\n          header: i18next.t('field.required privilege'),\n          record: {\n            editable: true\n          },\n          sortable: true,\n          width: 200\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('field.updated_at'),\n          width: 180\n        },\n        {\n          type: 'datetime',\n          name: 'createdAt',\n          header: i18next.t('field.created_at'),\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        },\n        handlers: {\n          click: 'select-row-toggle'\n        }\n      },\n      sorters: [\n        {\n          name: 'parent',\n          desc: false\n        },\n        {\n          name: 'rank',\n          desc: false\n        }\n      ],\n      pagination: {\n        pages: [20, 30, 50, 100, 200]\n      }\n    }\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      await this.updateComplete\n\n      this.grist.fetch()\n    }\n  }\n\n  async fetchHandler({ filters = [], page, limit, sortings = [] }) {\n    const response = (\n      await client.query({\n        query: gql`\n          query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n            responses: liteMenus(filters: $filters, pagination: $pagination, sortings: $sortings) {\n              items {\n                id\n                name\n                description\n                appName\n                parent\n                rank\n                type\n                value\n                board {\n                  id\n                  name\n                  description\n                  thumbnail\n                }\n                icon\n                active\n                privilege {\n                  category\n                  privilege\n                  owner\n                  super\n                }\n                createdAt\n                updatedAt\n                creator {\n                  id\n                  name\n                }\n                updater {\n                  id\n                  name\n                }\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...filters,\n            {\n              name: 'appName',\n              operator: 'in',\n              value: ['', applicationName]\n            }\n          ],\n          pagination: { page, limit },\n          sortings\n        }\n      })\n    ).data.responses\n\n    return {\n      records: response.items,\n      total: response.total\n    }\n  }\n\n  liteMenuCreationCallback(liteMenu) {\n    console.warn('not implemented yet.')\n  }\n}\n"]}