@fmsim/fmsim 2.0.0-beta.8 → 2.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -98,12 +98,11 @@ MenuTools.styles = [
98
98
  padding: 5px 0px;
99
99
  text-align: center;
100
100
  text-decoration: none;
101
- color: var(--menu-tools-color);
101
+ color: var(--md-sys-color-on-secondary);
102
102
  max-width: 54px;
103
103
  }
104
104
 
105
105
  a[active] {
106
- color: var(--menu-tools-active-color);
107
106
  background-color: rgba(0, 0, 0, 0.2);
108
107
  }
109
108
 
@@ -1 +1 @@
1
- {"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAqEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;;AArHM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2DF;CACF,AA7DY,CA6DZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAnE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAuHrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n background-color: var(--menu-tools-background-color);\n\n /* for narrow mode */\n flex-direction: column;\n width: 100%;\n }\n\n :host([width='WIDE']) {\n /* for wide mode */\n flex-direction: row;\n width: initial;\n height: 100%;\n }\n\n ul {\n display: flex;\n flex-direction: row;\n\n margin: auto;\n padding: 0;\n list-style: none;\n height: 100%;\n overflow: none;\n }\n\n :host([width='WIDE']) ul {\n flex-direction: column;\n }\n\n :host([width='WIDE']) li {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n a {\n display: block;\n padding: 5px 0px;\n text-align: center;\n text-decoration: none;\n color: var(--menu-tools-color);\n max-width: 54px;\n }\n\n a[active] {\n color: var(--menu-tools-active-color);\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n md-icon {\n padding: 5px 15px 0px 15px;\n vertical-align: bottom;\n }\n\n div {\n font-size: 0.6em;\n }\n `\n ]\n\n @property({ type: String }) page?: string\n @property({ type: String, reflect: true }) width?: string\n @property({ type: Boolean }) editable?: boolean\n @property({ type: Object }) context: any\n\n render() {\n return this.context && this.context['board_topmenu']\n ? html`\n <ul>\n <li>\n <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n <md-icon>dvr</md-icon>\n <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n <md-icon>font_download</md-icon>\n <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n <md-icon>attachment</md-icon>\n <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n <md-icon>draw</md-icon>\n <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n <md-icon>device_hub</md-icon>\n <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n <md-icon>format_list_numbered</md-icon>\n <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n </a>\n </li>\n </ul>\n `\n : html``\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.width = state.layout.width\n this.context = state.route.context\n }\n}\n"]}
1
+ {"version":3,"file":"menu-tools.js","sourceRoot":"","sources":["../../client/viewparts/menu-tools.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAGxC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAoEvD,MAAM;QACJ,OAAO,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YAClD,CAAC,CAAC,IAAI,CAAA;;;6CAGiC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;4CAM1B,IAAI,CAAC,IAAI,IAAI,WAAW;;;;;;kDAMlB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;6CAMnC,IAAI,CAAC,IAAI,IAAI,YAAY;;;;;;kDAMpB,IAAI,CAAC,IAAI,IAAI,iBAAiB;;;;;;gDAMhC,IAAI,CAAC,IAAI,IAAI,eAAe;;;;;;SAMnE;YACH,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;IACZ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;QAC5B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IACpC,CAAC;;AApHM,gBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DF;CACF,AA5DY,CA4DZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uCAAc;AACE;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;wCAAe;AAC5B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;2CAAmB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAa;AAlE7B,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAsHrB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { connect, store } from '@operato/shell'\n\n@customElement('menu-tools')\nexport class MenuTools extends connect(store)(LitElement) {\n static styles = [\n css`\n :host {\n display: flex;\n background-color: var(--menu-tools-background-color);\n\n /* for narrow mode */\n flex-direction: column;\n width: 100%;\n }\n\n :host([width='WIDE']) {\n /* for wide mode */\n flex-direction: row;\n width: initial;\n height: 100%;\n }\n\n ul {\n display: flex;\n flex-direction: row;\n\n margin: auto;\n padding: 0;\n list-style: none;\n height: 100%;\n overflow: none;\n }\n\n :host([width='WIDE']) ul {\n flex-direction: column;\n }\n\n :host([width='WIDE']) li {\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n a {\n display: block;\n padding: 5px 0px;\n text-align: center;\n text-decoration: none;\n color: var(--md-sys-color-on-secondary);\n max-width: 54px;\n }\n\n a[active] {\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n md-icon {\n padding: 5px 15px 0px 15px;\n vertical-align: bottom;\n }\n\n div {\n font-size: 0.6em;\n }\n `\n ]\n\n @property({ type: String }) page?: string\n @property({ type: String, reflect: true }) width?: string\n @property({ type: Boolean }) editable?: boolean\n @property({ type: Object }) context: any\n\n render() {\n return this.context && this.context['board_topmenu']\n ? html`\n <ul>\n <li>\n <a href=\"board-list\" ?active=${this.page == 'board-list'}>\n <md-icon>dvr</md-icon>\n <div><ox-i18n msgid=\"label.board\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"font-list\" ?active=${this.page == 'font-list'}>\n <md-icon>font_download</md-icon>\n <div><ox-i18n msgid=\"label.font\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"attachment-list\" ?active=${this.page == 'attachment-list'}>\n <md-icon>attachment</md-icon>\n <div><ox-i18n msgid=\"label.attachment\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"theme-list\" ?active=${this.page == 'theme-list'}>\n <md-icon>draw</md-icon>\n <div><ox-i18n msgid=\"label.theme\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"connection-list\" ?active=${this.page == 'connection-list'}>\n <md-icon>device_hub</md-icon>\n <div><ox-i18n msgid=\"label.connection\"></ox-i18n></div>\n </a>\n </li>\n <li>\n <a href=\"scenario-list\" ?active=${this.page == 'scenario-list'}>\n <md-icon>format_list_numbered</md-icon>\n <div><ox-i18n msgid=\"label.scenario\"></ox-i18n></div>\n </a>\n </li>\n </ul>\n `\n : html``\n }\n\n stateChanged(state) {\n this.page = state.route.page\n this.width = state.layout.width\n this.context = state.route.context\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fmsim/fmsim",
3
- "version": "2.0.0-beta.8",
3
+ "version": "2.0.0-beta.9",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "dist-client/index.js",
6
6
  "things-factory": true,
@@ -40,7 +40,7 @@
40
40
  "docker:push": "docker image push hatiolab/fmsim:latest && docker image push hatiolab/fmsim:$npm_package_version"
41
41
  },
42
42
  "dependencies": {
43
- "@fmsim/layout-view": "^2.0.0-beta.8",
43
+ "@fmsim/layout-view": "^2.0.0-beta.9",
44
44
  "@fmsim/machine": "^2.0.0-beta.7",
45
45
  "@operato/attachment": "^10.0.0-beta.1",
46
46
  "@operato/font": "^10.0.0-beta.1",
@@ -78,5 +78,5 @@
78
78
  "resolutions": {
79
79
  "lit": "^3.0.0"
80
80
  },
81
- "gitHead": "f759e3fadd49b2476ef01a6531721b9e1d7f13eb"
81
+ "gitHead": "bb2e6564cce7b5fd4e2b938e5e84b37c942d642f"
82
82
  }