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

package/client/actions/lite-menu.ts

@@ -1,4 +1,4 @@
-import '../viewparts/lite-menu-part'
+import '@operato/menu/ox-menu-part.js'
 import '@material/mwc-icon'
 
 import gql from 'graphql-tag'
@@ -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

package/client/bootstrap.ts

@@ -2,11 +2,8 @@ import '@material/mwc-icon'
 import '@operato/i18n/ox-i18n.js'
 import './route'
 
-import { html } from 'lit'
-
-import { navigate, store } from '@operato/shell'
+import { 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 liteMenu from './reducers/lite-menu'

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

@@ -34,12 +34,7 @@ export class LiteMenuSettingLet extends localize(i18next)(LitElement) {
 
         <div slot="content">
           <mwc-formfield label="hovering">
-            <mwc-checkbox
-              id="hovering"
-              @change=${e => this.onChange(e)}
-              ?checked=${checked}
-              ?indeterminate=${indeterminate}
-            ></mwc-checkbox>
+            <mwc-checkbox id="hovering" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></mwc-checkbox>
           </mwc-formfield>
         </div>
       </setting-let>

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,4 +1,4 @@
-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';
@@ -21,12 +21,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 +37,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

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 { 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: '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  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.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,oBAAoB,CAAA;AAC3B,OAAO,0BAA0B,CAAA;AACjC,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAA;AAE5D,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 { store } from '@operato/shell'\nimport { auth } from '@things-factory/auth-base/dist-client'\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"]}

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.js

@@ -17,12 +17,7 @@ let LiteMenuSettingLet = class LiteMenuSettingLet extends localize(i18next)(LitE
 
         <div slot="content">
           <mwc-formfield label="hovering">
-            <mwc-checkbox
-              id="hovering"
-              @change=${e => this.onChange(e)}
-              ?checked=${checked}
-              ?indeterminate=${indeterminate}
-            ></mwc-checkbox>
+            <mwc-checkbox id="hovering" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></mwc-checkbox>
           </mwc-formfield>
         </div>
       </setting-let>

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,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;;;;;;kDAMmC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,OAAO,mBAAmB,aAAa;;;;KAItH,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;;AA7DM,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,CA+D9B;SA/DY,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 id=\"hovering\" @change=${e => this.onChange(e)} ?checked=${checked} ?indeterminate=${indeterminate}></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"]}