@operato/grist-editor 7.0.56 → 7.0.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/grist-editor",
-  "version": "7.0.56",
+  "version": "7.0.58",
   "description": "Webcomponent for grist-editor following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -98,13 +98,13 @@
   },
   "dependencies": {
     "@material/web": "^1.5.0",
-    "@operato/data-grist": "^7.0.56",
-    "@operato/help": "^7.0.56",
+    "@operato/data-grist": "^7.0.58",
+    "@operato/help": "^7.0.58",
     "@operato/i18n": "^7.0.53",
-    "@operato/input": "^7.0.56",
-    "@operato/popup": "^7.0.56",
-    "@operato/property-editor": "^7.0.56",
-    "@operato/styles": "^7.0.56",
+    "@operato/input": "^7.0.58",
+    "@operato/popup": "^7.0.58",
+    "@operato/property-editor": "^7.0.58",
+    "@operato/styles": "^7.0.58",
     "cronstrue": "^2.2.0",
     "cross-fetch": "^3.1.5",
     "lit": "^3.1.2",
@@ -144,5 +144,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "739d3191f3ceec33de0600958d434b9207864274"
+  "gitHead": "f6944ef198c07cda096dbc20c9d09c243fea54e2"
 }

package/src/ox-popup-crontab-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-crontab-input')
 export class OxPopupCrontabInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -48,11 +48,12 @@ export class OxPopupCrontabInput extends LitElement {
     return html`
       <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-duration-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-duration-input')
 export class OxPopupDurationInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -38,11 +38,12 @@ export class OxPopupDurationInput extends LitElement {
     return html`
       <ox-input-duration .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-duration>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-hashtags-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-hashtags-input')
 export class OxPopupHashtagsInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -38,11 +38,12 @@ export class OxPopupHashtagsInput extends LitElement {
     return html`
       <ox-input-hashtags .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-hashtags>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-i18n-label-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-i18n-label-input')
 export class OxPopupValueMapInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -51,11 +51,12 @@ export class OxPopupValueMapInput extends LitElement {
       <ox-input-i18n-label .value=${this.value} .languages=${this.languages} @change=${this.onChange.bind(this)}>
       </ox-input-i18n-label>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-parameters-builder.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-parameters-builder')
 export class OxPopupParametersBuilder extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -67,11 +67,12 @@ export class OxPopupParametersBuilder extends LitElement {
           `
         : html` <span><ox-i18n msgid="text.no properties to set"></ox-i18n></span> `}
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-partition-keys-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-partition-keys-input')
 export class OxPopupPartitionKeysInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -50,11 +50,12 @@ export class OxPopupPartitionKeysInput extends LitElement {
     return html`
       <ox-input-partition-keys .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-partition-keys>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-value-map-input.ts

@@ -7,12 +7,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-value-map-input')
 export class OxPopupValueMapInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -58,11 +58,12 @@ export class OxPopupValueMapInput extends LitElement {
       >
       </ox-input-value-map>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }

package/src/ox-popup-value-ranges-input.ts

@@ -6,12 +6,12 @@ import { customElement, property } from 'lit/decorators.js'
 
 import { i18next } from '@operato/i18n'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-value-ranges-input')
 export class OxPopupValueRangesInput extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     ScrollbarStyles,
     css`
       :host {
@@ -57,11 +57,12 @@ export class OxPopupValueRangesInput extends LitElement {
       >
       </ox-input-value-ranges>
 
-      <div class="button-container">
+      <div class="footer">
+        <div filler></div>
         <button @click=${this.onCancel.bind(this)} danger>
           <md-icon>cancel</md-icon>${i18next.t('button.cancel')}
         </button>
-        <button @click=${this.onConfirm.bind(this)}><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
       </div>
     `
   }