@things-factory/operato-pms 6.0.25 → 6.0.28

package/client/bootstrap.js

@@ -2,7 +2,7 @@ import '@things-factory/notification'
 import '@operato/i18n/ox-i18n.js'
 import './viewparts/user-circle'
 
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { registerDefaultGroups } from '@operato/board/register-default-groups.js'
 import { APPEND_APP_TOOL } from '@things-factory/apptool-base'

package/client/component/block-selector-popup.js

@@ -3,7 +3,7 @@ import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'

package/client/component/driver-selector-popup.js

@@ -3,7 +3,7 @@ import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'

package/client/component/mill-selector-popup.js

@@ -3,7 +3,7 @@ import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'

package/client/component/tracked-plantation-setting.js

@@ -2,7 +2,7 @@ import '@material/mwc-formfield'
 import '@material/mwc-switch'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'

package/client/component/truck-selector-popup.js

@@ -3,7 +3,7 @@ import '@things-factory/import-ui'
 import '@things-factory/form-ui'
 
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'

package/client/pages/dispatchment/daily-dispatch-detail.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { GhostPrint } from '@operato/ghost-print'
 import { MultiColumnFormStyles } from '@things-factory/form-ui'

package/client/pages/dispatchment/dispatchment-create-record.js

@@ -4,7 +4,7 @@ import '../../component/mill-selector-popup'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/dispatchment/dispatchment-list.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, navigate, PageView } from '@things-factory/shell'

package/client/pages/dispatchment/home.js

@@ -1,5 +1,5 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 class DispatchmentHome extends connect(store)(PageView) {

package/client/pages/harvesting/daily-harvesting-detail.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/harvesting/edit-harvesting-record.js

@@ -2,7 +2,7 @@ import '@things-factory/grist-ui'
 import '../../component/block-selector-popup'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/harvesting/harvesting-create-record.js

@@ -3,7 +3,7 @@ import '@things-factory/grist-ui'
 import '../../component/block-selector-popup'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/harvesting/harvesting-list.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, navigate, PageView } from '@things-factory/shell'

package/client/pages/harvesting/home.js

@@ -1,81 +1,81 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 class HarvestingHome extends connect(store)(PageView) {
   static get styles() {
     return [
       css`
-      :host {
-        display: block;
-        background-color: var(--main-section-background-color);
-        padding: var(--padding-wide);
+        :host {
+          display: block;
+          background-color: var(--main-section-background-color);
+          padding: var(--padding-wide);
 
-        overflow: auto;
-      }
-      [message] {
-        padding: 40px 20px 0 20px;
-        max-width: var(--content-container-max-width);
-        font-size: 18px;
-        color: var(--secondary-color);
-        text-align: justify;
-      }
-      [message] strong {
-        display: block;
-        font-size: 2.5rem;
-        color: var(--primary-color);
-      }
-      [message] img {
-        float: right;
-        width: 450px;
-        max-width: 90%;
-        display: block;
-        margin: auto;
-        margin-top: 20px;
-      }
-      [message] ul {
-        margin: var(--margin-default) 0;
-        padding: 0;
-        list-style: circle inside;
-      }
-      [message] a {
-        color: var(--secondary-text-color);
-        font-size: 0.9rem;
-      }
-      [message] a:hover {
-        font-weight: bold;
-        color: var(--primary-color);
-      }
-      [button-primary] {
-        display: block;
-        background-color: var(--button-primary-background-color);
-        border: var(--button-border);
-        border-radius: var(--button-border-radius);
-        margin-top: var(--margin-wide);
-        padding: var(--button-padding);
-        color: var(--button-primary-color);
-        font: var(--button-primary-font);
-        text-transform: var(--button-text-transform);
-        text-decoration: none;
-      }
-      [button-primary]:hover {
-        background-color: var(--button-primary-active-background-color);
-        box-shadow: var(--button-active-box-shadow);
-      }
-      @media screen and (max-width: 480px) {
+          overflow: auto;
+        }
         [message] {
-          padding-top: 10px;
-          font-size: 15px;
+          padding: 40px 20px 0 20px;
+          max-width: var(--content-container-max-width);
+          font-size: 18px;
+          color: var(--secondary-color);
+          text-align: justify;
         }
         [message] strong {
-          font-size: 1.6rem;
+          display: block;
+          font-size: 2.5rem;
+          color: var(--primary-color);
         }
         [message] img {
-          float: none;
-          width: 90%;
+          float: right;
+          width: 450px;
+          max-width: 90%;
+          display: block;
+          margin: auto;
+          margin-top: 20px;
         }
-      }
-    `
+        [message] ul {
+          margin: var(--margin-default) 0;
+          padding: 0;
+          list-style: circle inside;
+        }
+        [message] a {
+          color: var(--secondary-text-color);
+          font-size: 0.9rem;
+        }
+        [message] a:hover {
+          font-weight: bold;
+          color: var(--primary-color);
+        }
+        [button-primary] {
+          display: block;
+          background-color: var(--button-primary-background-color);
+          border: var(--button-border);
+          border-radius: var(--button-border-radius);
+          margin-top: var(--margin-wide);
+          padding: var(--button-padding);
+          color: var(--button-primary-color);
+          font: var(--button-primary-font);
+          text-transform: var(--button-text-transform);
+          text-decoration: none;
+        }
+        [button-primary]:hover {
+          background-color: var(--button-primary-active-background-color);
+          box-shadow: var(--button-active-box-shadow);
+        }
+        @media screen and (max-width: 480px) {
+          [message] {
+            padding-top: 10px;
+            font-size: 15px;
+          }
+          [message] strong {
+            font-size: 1.6rem;
+          }
+          [message] img {
+            float: none;
+            width: 90%;
+          }
+        }
+      `
     ]
   }
 
@@ -92,7 +92,7 @@ class HarvestingHome extends connect(store)(PageView) {
   render() {
     return html`
       <div message>
-      <img src="/assets/images/image-bizplace.png" />
+        <img src="/assets/images/image-bizplace.png" />
         <strong>Harvesting Record Management</strong>
         OPERATO allows plantation user to record the daily harvested plantation.
         <ul>

package/client/pages/inventory/home.js

@@ -1,5 +1,5 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 class InventoryHome extends connect(store)(PageView) {

package/client/pages/inventory/inventory-field-bunches.js

@@ -3,7 +3,7 @@ import '@things-factory/grist-ui'
 import './inventory-history-by-bunches'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/inventory/inventory-history-by-bunches.js

@@ -4,7 +4,7 @@ import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class InventoryHistoryByBunches extends localize(i18next)(LitElement) {
   static get styles() {

package/client/pages/inventory/inventory-history-by-tonnage.js

@@ -4,7 +4,7 @@ import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class InventoryHistoryByTonnage extends localize(i18next)(LitElement) {
   static get styles() {

package/client/pages/inventory/inventory-ramp-tonnage.js

@@ -3,7 +3,7 @@ import '@things-factory/grist-ui'
 import './inventory-history-by-tonnage'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/loading/daily-loading-detail.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/loading/edit-loading-record.js

@@ -2,7 +2,7 @@ import '@things-factory/grist-ui'
 import '../../component/block-selector-popup'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/loading/home.js

@@ -1,81 +1,81 @@
 import { PageView, store } from '@things-factory/shell'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 class LoadingHome extends connect(store)(PageView) {
   static get styles() {
     return [
       css`
-      :host {
-        display: block;
-        background-color: var(--main-section-background-color);
-        padding: var(--padding-wide);
+        :host {
+          display: block;
+          background-color: var(--main-section-background-color);
+          padding: var(--padding-wide);
 
-        overflow: auto;
-      }
-      [message] {
-        padding: 40px 20px 0 20px;
-        max-width: var(--content-container-max-width);
-        font-size: 18px;
-        color: var(--secondary-color);
-        text-align: justify;
-      }
-      [message] strong {
-        display: block;
-        font-size: 2.5rem;
-        color: var(--primary-color);
-      }
-      [message] img {
-        float: right;
-        width: 450px;
-        max-width: 90%;
-        display: block;
-        margin: auto;
-        margin-top: 20px;
-      }
-      [message] ul {
-        margin: var(--margin-default) 0;
-        padding: 0;
-        list-style: circle inside;
-      }
-      [message] a {
-        color: var(--secondary-text-color);
-        font-size: 0.9rem;
-      }
-      [message] a:hover {
-        font-weight: bold;
-        color: var(--primary-color);
-      }
-      [button-primary] {
-        display: block;
-        background-color: var(--button-primary-background-color);
-        border: var(--button-border);
-        border-radius: var(--button-border-radius);
-        margin-top: var(--margin-wide);
-        padding: var(--button-padding);
-        color: var(--button-primary-color);
-        font: var(--button-primary-font);
-        text-transform: var(--button-text-transform);
-        text-decoration: none;
-      }
-      [button-primary]:hover {
-        background-color: var(--button-primary-active-background-color);
-        box-shadow: var(--button-active-box-shadow);
-      }
-      @media screen and (max-width: 480px) {
+          overflow: auto;
+        }
         [message] {
-          padding-top: 10px;
-          font-size: 15px;
+          padding: 40px 20px 0 20px;
+          max-width: var(--content-container-max-width);
+          font-size: 18px;
+          color: var(--secondary-color);
+          text-align: justify;
         }
         [message] strong {
-          font-size: 1.6rem;
+          display: block;
+          font-size: 2.5rem;
+          color: var(--primary-color);
         }
         [message] img {
-          float: none;
-          width: 90%;
+          float: right;
+          width: 450px;
+          max-width: 90%;
+          display: block;
+          margin: auto;
+          margin-top: 20px;
         }
-      }
-    `
+        [message] ul {
+          margin: var(--margin-default) 0;
+          padding: 0;
+          list-style: circle inside;
+        }
+        [message] a {
+          color: var(--secondary-text-color);
+          font-size: 0.9rem;
+        }
+        [message] a:hover {
+          font-weight: bold;
+          color: var(--primary-color);
+        }
+        [button-primary] {
+          display: block;
+          background-color: var(--button-primary-background-color);
+          border: var(--button-border);
+          border-radius: var(--button-border-radius);
+          margin-top: var(--margin-wide);
+          padding: var(--button-padding);
+          color: var(--button-primary-color);
+          font: var(--button-primary-font);
+          text-transform: var(--button-text-transform);
+          text-decoration: none;
+        }
+        [button-primary]:hover {
+          background-color: var(--button-primary-active-background-color);
+          box-shadow: var(--button-active-box-shadow);
+        }
+        @media screen and (max-width: 480px) {
+          [message] {
+            padding-top: 10px;
+            font-size: 15px;
+          }
+          [message] strong {
+            font-size: 1.6rem;
+          }
+          [message] img {
+            float: none;
+            width: 90%;
+          }
+        }
+      `
     ]
   }
 
@@ -92,7 +92,7 @@ class LoadingHome extends connect(store)(PageView) {
   render() {
     return html`
       <div message>
-      <img src="/assets/images/image-bizplace.png" />
+        <img src="/assets/images/image-bizplace.png" />
         <strong>Loading Record Management</strong>
         OPERATO allows plantation user to record the daily loaded bunches to ramp/trucks.
         <ul>

package/client/pages/loading/loading-create-record.js

@@ -1,7 +1,7 @@
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/loading/loading-list.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, navigate, PageView } from '@things-factory/shell'

package/client/pages/master/block.js

@@ -6,7 +6,7 @@ import { client, CustomAlert, PageView } from '@things-factory/shell'
 import { CommonButtonStyles, ScrollbarStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import './pop-up/block-detail-popup'
 
 class MasterBlock extends localize(i18next)(PageView) {

package/client/pages/master/company.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { getCodeByName } from '@things-factory/code-base'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/master/home.js

@@ -1,4 +1,4 @@
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { PageView, store } from '@things-factory/shell'

package/client/pages/master/pop-up/block-detail-popup.js

@@ -4,7 +4,7 @@ import { client, CustomAlert } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
 import { ScrollbarStyles } from '@things-factory/styles'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 export class BlockDetailPopup extends localize(i18next)(LitElement) {
   static get styles() {

package/client/pages/master/ramp.js

@@ -5,7 +5,7 @@ import { client, PageView, CustomAlert } from '@things-factory/shell'
 import { ScrollbarStyles, CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 class MasterRamp extends localize(i18next)(PageView) {
   static get styles() {

package/client/pages/master/staff.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { getCodeByName } from '@things-factory/code-base'
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/master/truck.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client, CustomAlert, PageView } from '@things-factory/shell'

package/client/pages/report/home.js

@@ -1,4 +1,4 @@
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin.js'
 
 import { PageView, store } from '@things-factory/shell'

package/client/pages/report/report-daily-ffb-dispatch-and-production.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/report/report-daily-production.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/report/report-daily-staff-harvest.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'

package/client/pages/report/report-ffb-tonnage-between-individual-block.js

@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
 import '@things-factory/grist-ui'
 
 import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
+import { css, html } from 'lit'
 import { connect } from 'pwa-helpers/connect-mixin'
 
 import { i18next, localize } from '@things-factory/i18n-base'