@things-factory/component-ui 4.1.19 → 5.0.0-alpha.10

package/client/calendar/calendar-grid/calendar-grid-body.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import './calendar-grid-overlay'
 
 class CalendarGridBody extends LitElement {
@@ -66,11 +66,7 @@ class CalendarGridBody extends LitElement {
   render() {
     return html`
       <div class="grid-container" id="calendar">
-        ${(this.days || []).map(
-          day => html`
-            <div class="label-day">${day}</div>
-          `
-        )}
+        ${(this.days || []).map(day => html` <div class="label-day">${day}</div> `)}
         ${(this.dateList || []).map(
           dateRow => html`
             ${dateRow.map(

package/client/calendar/calendar-grid/calendar-grid-overlay.js

@@ -1,5 +1,5 @@
 import '@material/mwc-button'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 class CalendarGridOverlay extends LitElement {
   static get styles() {

package/client/calendar/calendar-grid/calendar-grid.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 import './calendar-grid-body'
 
 class CalendarGrid extends LitElement {

package/client/calendar/calendar-list/calendar-list-body.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 
 class CalendarListBody extends LitElement {
   static get styles() {

package/client/calendar/calendar-list/calendar-list.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 import './calendar-list-body'
 
 class CalendarList extends LitElement {

package/client/infinite-scroll/infinite-scroll.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 
 class InfiniteScroll extends LitElement {
   static get styles() {
@@ -23,9 +23,7 @@ class InfiniteScroll extends LitElement {
   }
 
   render() {
-    return html`
-      <slot></slot>
-    `
+    return html` <slot></slot> `
   }
 
   firstUpdated() {

package/client/popup/pop-up.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 import '@material/mwc-button/mwc-button'
 
 class PopUp extends LitElement {

package/client/quick-find/quick-find-content.js

@@ -1,5 +1,5 @@
 import { ScrollbarStyles } from '@things-factory/styles'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import '@things-factory/i18n-base'
 import './quick-find-tabs'
 

package/client/quick-find/quick-find-list.js

@@ -1,5 +1,5 @@
 import { ScrollbarStyles } from '@things-factory/styles'
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import '@things-factory/i18n-base'
 import './quick-find-tabs'
 import './quick-find-scroll'

package/client/quick-find/quick-find-scroll.js

@@ -1,4 +1,4 @@
-import { html, css, LitElement } from 'lit-element'
+import { html, css, LitElement } from 'lit'
 
 import '@material/mwc-icon'
 

package/client/quick-find/quick-find-tabs.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@things-factory/i18n-base'
 
 class QuickFindTabs extends localize(i18next)(LitElement) {

package/client/selector/card-type-creator.js

@@ -1,4 +1,4 @@
-import { LitElement, html, css } from 'lit-element'
+import { LitElement, html, css } from 'lit'
 
 export class CardTypeCreator extends LitElement {
   static get styles() {
@@ -90,9 +90,7 @@ export class CardTypeCreator extends LitElement {
     return html`
       <div @click=${e => this.onClickFlip(e)} front><mwc-icon>add_circle_outline</mwc-icon>create font</div>
 
-      <div @click=${e => this.onClickFlip(e)} back>
-        ${this.renderForm()}
-      </div>
+      <div @click=${e => this.onClickFlip(e)} back>${this.renderForm()}</div>
     `
   }
 

package/client/selector/card-type-selector.js

@@ -1,7 +1,7 @@
 import '@things-factory/setting-base'
 import './attachment-creation-card'
 
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'
 import { i18next, localize } from '@things-factory/i18n-base'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/component-ui",
-  "version": "4.1.19",
+  "version": "5.0.0-alpha.10",
   "browser": "client/index.js",
   "license": "MIT",
   "author": "",
@@ -16,7 +16,7 @@
   },
   "scripts": {},
   "dependencies": {
-    "@things-factory/styles": "^4.1.19"
+    "@things-factory/styles": "^5.0.0-alpha.10"
   },
-  "gitHead": "d7acb254cb15ce5e20a1dc013af52b057b2ef0b3"
+  "gitHead": "24e85b0265d10cb664b8279bb927ea2a86227775"
 }