npm - @things-factory/scheduler - Versions diffs - 9.0.0-beta.76 → 9.0.0 - Mend

@things-factory/scheduler 9.0.0-beta.76 → 9.0.0

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.

Files changed (11) hide show

package/dist-client/pages/scheduler/popup-crontab-input.js CHANGED Viewed

@@ -7,35 +7,10 @@ import { i18next } from '@operato/i18n';
 import { closePopup } from '@operato/popup';
 import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
 let PopupCrontabInput = class PopupCrontabInput extends LitElement {
-    render() {
-        return html `
-      <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>
-      <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)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
-      </div>
-    `;
-    }
-    onChange(e) {
-        e.stopPropagation();
-        this.value = e.detail;
-    }
-    onCancel(e) {
-        closePopup(this);
-    }
-    onConfirm(e) {
-        this.confirmCallback && this.confirmCallback(this.value);
-        closePopup(this);
-    }
-};
-PopupCrontabInput.styles = [
-    CommonHeaderStyles,
-    ScrollbarStyles,
-    css `
+    static { this.styles = [
+        CommonHeaderStyles,
+        ScrollbarStyles,
+        css `
       :host {
         display: flex;
         flex-direction: column;
@@ -61,7 +36,32 @@ PopupCrontabInput.styles = [
         color: var(--md-sys-color-on-primary-container);
       }
     `
-];
+    ]; }
+    render() {
+        return html `
+      <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>
+      <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)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>
+      </div>
+    `;
+    }
+    onChange(e) {
+        e.stopPropagation();
+        this.value = e.detail;
+    }
+    onCancel(e) {
+        closePopup(this);
+    }
+    onConfirm(e) {
+        this.confirmCallback && this.confirmCallback(this.value);
+        closePopup(this);
+    }
+};
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/dist-client/pages/scheduler/popup-crontab-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popup-crontab-input.js","sourceRoot":"","sources":["../../../client/pages/scheduler/popup-crontab-input.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;~~IAmC/C~~,MAAM;QACJ,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;yBAItD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;qCACZ,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;yBAEtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;IACvB,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;~~AA7DM,wBAAM,GAAG~~;~~IACd,kBAAkB;IAClB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;CACF,AA7BY,CA6BZ;AAE2B;~~IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAAwC;AAjCxD,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA+D7B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-crontab.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('popup-crontab-input')\nexport class PopupCrontabInput extends LitElement {\n static styles = [\n CommonHeaderStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-crontab {\n flex: 1;\n overflow-y: auto;\n }\n\n span {\n flex: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: var(--md-sys-color-on-primary-container);\n }\n `\n ]\n\n @property({ type: Object }) value: any\n @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n render() {\n return html`\n <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>\n\n <div class=\"footer\">\n <div filler></div>\n <button @click=${this.onCancel.bind(this)} danger>\n <md-icon>cancel</md-icon>${i18next.t('button.cancel')}\n </button>\n <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n </div>\n `\n }\n\n private onChange(e: CustomEvent) {\n e.stopPropagation()\n\n this.value = e.detail\n }\n\n private onCancel(e: Event) {\n closePopup(this)\n }\n\n private onConfirm(e: Event) {\n this.confirmCallback && this.confirmCallback(this.value)\n closePopup(this)\n }\n}\n"]}
1	+ {"version":3,"file":"popup-crontab-input.js","sourceRoot":"","sources":["../../../client/pages/scheduler/popup-crontab-input.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG9D,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;aACxC,WAAM,GAAG;QACd,kBAAkB;QAClB,eAAe;QACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;KAyBF;KACF,AA7BY,CA6BZ;IAKD,MAAM;QACJ,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;yBAItD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;qCACZ,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;;yBAEtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;IACvB,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA9B2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAAwC;AAjCxD,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA+D7B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-crontab.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\n\n@customElement('popup-crontab-input')\nexport class PopupCrontabInput extends LitElement {\n static styles = [\n CommonHeaderStyles,\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-crontab {\n flex: 1;\n overflow-y: auto;\n }\n\n span {\n flex: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n color: var(--md-sys-color-on-primary-container);\n }\n `\n ]\n\n @property({ type: Object }) value: any\n @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n render() {\n return html`\n <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>\n\n <div class=\"footer\">\n <div filler></div>\n <button @click=${this.onCancel.bind(this)} danger>\n <md-icon>cancel</md-icon>${i18next.t('button.cancel')}\n </button>\n <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n </div>\n `\n }\n\n private onChange(e: CustomEvent) {\n e.stopPropagation()\n\n this.value = e.detail\n }\n\n private onCancel(e: Event) {\n closePopup(this)\n }\n\n private onConfirm(e: Event) {\n this.confirmCallback && this.confirmCallback(this.value)\n closePopup(this)\n }\n}\n"]}

package/dist-client/pages/scheduler/schedule-list-page.js CHANGED Viewed

@@ -22,6 +22,30 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
         super(...arguments);
         this.mode = isMobileDevice() ? 'CARD' : 'GRID';
     }
+    static { this.styles = [
+        ScrollbarStyles,
+        CommonGristStyles,
+        CommonHeaderStyles,
+        css `
+      :host {
+        display: flex;
+        width: 100%;
+        --grid-record-emphasized-background-color: #8b0000;
+        --grid-record-emphasized-color: #ff6b6b;
+      }
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+      ox-filters-form {
+        flex: 1;
+      }
+    `
+    ]; }
     get context() {
         return {
             title: i18next.t('title.schedule list'),
@@ -127,7 +151,7 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
                     name: 'application',
                     header: i18next.t('field.schedule-application'),
                     record: {
-                        renderer: (value, column, record, rowIndex, field) => { var _a; return (_a = record.client) === null || _a === void 0 ? void 0 : _a.application; }
+                        renderer: (value, column, record, rowIndex, field) => record.client?.application
                     },
                     filter: 'i_like' /* only i_like supported */,
                     sortable: true,
@@ -138,7 +162,7 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
                     name: 'group',
                     header: i18next.t('field.group'),
                     record: {
-                        renderer: (value, column, record, rowIndex, field) => { var _a; return (_a = record.client) === null || _a === void 0 ? void 0 : _a.group; }
+                        renderer: (value, column, record, rowIndex, field) => record.client?.group
                     },
                     filter: 'i_like' /* only i_like supported */,
                     sortable: true,
@@ -149,7 +173,7 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
                     name: 'type',
                     header: i18next.t('field.type'),
                     record: {
-                        renderer: (value, column, record, rowIndex, field) => { var _a; return (_a = record.client) === null || _a === void 0 ? void 0 : _a.type; }
+                        renderer: (value, column, record, rowIndex, field) => record.client?.type
                     },
                     filter: 'i_like' /* only i_like supported */,
                     sortable: true,
@@ -160,7 +184,7 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
                     name: 'key',
                     header: i18next.t('field.key'),
                     record: {
-                        renderer: (value, column, record, rowIndex, field) => { var _a; return (_a = record.client) === null || _a === void 0 ? void 0 : _a.key; }
+                        renderer: (value, column, record, rowIndex, field) => record.client?.key
                     },
                     filter: 'i_like' /* only i_like supported */,
                     sortable: true,
@@ -171,7 +195,7 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
                     name: 'operation',
                     header: i18next.t('field.schedule-operation'),
                     record: {
-                        renderer: (value, column, record, rowIndex, field) => { var _a; return (_a = record.client) === null || _a === void 0 ? void 0 : _a.operation; }
+                        renderer: (value, column, record, rowIndex, field) => record.client?.operation
                     },
                     filter: 'i_like' /* only i_like supported */,
                     sortable: true,
@@ -283,30 +307,6 @@ let SchedulerListPage = class SchedulerListPage extends connect(store)(localize(
         }
     }
 };
-SchedulerListPage.styles = [
-    ScrollbarStyles,
-    CommonGristStyles,
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-        width: 100%;
-        --grid-record-emphasized-background-color: #8b0000;
-        --grid-record-emphasized-color: #ff6b6b;
-      }
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-      ox-filters-form {
-        flex: 1;
-      }
-    `
-];
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/dist-client/pages/scheduler/schedule-list-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"schedule-list-page.js","sourceRoot":"","sources":["../../../client/pages/scheduler/schedule-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport './schedule-popup.js'\n\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\n@customElement('schedule-list-page')\nexport class SchedulerListPage extends connect(store)(localize(i18next)(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n\n width: 100%;\n\n --grid-record-emphasized-background-color: #8b0000;\n --grid-record-emphasized-color: #ff6b6b;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n\n ox-filters-form {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @property({ type: String }) mode: 'CARD' \| 'GRID' \| 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() {\n return {\n title: i18next.t('title.schedule list'),\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist.searchText\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n },\n help: 'scheduler/scheduler'\n }\n }\n\n render() {\n const mode = this.mode \|\| (isMobileDevice() ? 'CARD' : 'GRID')\n\n return html`\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form autofocus without-search></ox-filters-form>\n\n <div id=\"modes\">\n <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>\n <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>\n <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>\n </div>\n\n <ox-record-creator id=\"add\" .customPopupCallback=${this.popupCallback.bind(this)}>\n <button>\n <md-icon>add</md-icon>\n </button>\n <schedule-popup slot=\"popup\"></schedule-popup>\n </ox-record-creator>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized(lifecycle: any) {\n this.gristConfig = {\n list: {\n fields: ['name', 'description'],\n details: ['active', 'updatedAt']\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n fixed: true,\n icon: record => (!record ? 'reorder' : record.id ? 'reorder' : ''),\n iconOnly: false,\n title: record => (!record ? i18next.t('button.detail') : record.id ? i18next.t('button.detail') : ''),\n width: 72,\n handlers: {\n click: (columns, data, column, record, rowIndex) => {\n if (!record.id) return\n openPopup(\n html`\n <schedule-popup schedule-id=${record.id} @requestRefresh=${() => this.grist.fetch()}></schedule-popup>\n `,\n {\n backdrop: true,\n help: 'scheduler/scheduler',\n size: 'large',\n title: i18next.t('title.schedule detail')\n }\n )\n }\n }\n },\n {\n type: 'gutter',\n gutterName: 'button',\n fixed: true,\n icon: record => (!record ? 'delete' : record.id ? 'delete' : ''),\n iconOnly: false,\n title: record => (!record ? i18next.t('button.delete') : record.id ? i18next.t('button.delete') : ''),\n width: 72,\n handlers: {\n click: (_columns, _data, _column, record, _rowIndex) => {\n if (record) this.unregisterSchedule(record.id)\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: {\n editable: false\n },\n filter: 'i_like' /* only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'application',\n header: i18next.t('field.schedule-application'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.application\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'group',\n header: i18next.t('field.group'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.group\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'type',\n header: i18next.t('field.type'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.type\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'key',\n header: i18next.t('field.key'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.key\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'operation',\n header: i18next.t('field.schedule-operation'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.operation\n },\n filter: 'i_like' / only i_like supported */,\n sortable: true,\n width: 150\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: {\n editable: false\n },\n sortable: true,\n width: 180\n }\n ],\n rows: {\n appendable: false,\n selectable: {\n multiple: true\n }\n },\n sorters: [\n {\n name: 'name'\n }\n ]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.grist.fetch()\n }\n }\n\n async popupCallback(popup) {\n popup.onclosed = () => {}\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n responses: schedules(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n client {\n application\n group\n type\n key\n operation\n }\n type\n schedule\n timezone\n task {\n type\n connection {\n host\n headers\n topic\n }\n data\n history_check\n failed_policy\n retry_wait\n retry_count\n max_retry_count\n }\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n return {\n total: response.data.responses.total \|\| 0,\n records: response.data.responses.items \|\| []\n }\n }\n\n async unregisterSchedule(handle: string) {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($handle: ID!) {\n unregisterSchedule(handle: $handle)\n }\n `,\n variables: {\n handle\n }\n })\n\n if (!response.errors) {\n this.grist.fetch()\n notify({\n message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n}\n"]}
1	+ {"version":3,"file":"schedule-list-page.js","sourceRoot":"","sources":["../../../client/pages/scheduler/schedule-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/data-grist/ox-grist.js'\nimport '@operato/data-grist/ox-filters-form.js'\nimport '@operato/data-grist/ox-record-creator.js'\nimport './schedule-popup.js'\n\nimport { CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { DataGrist, FetchOption } from '@operato/data-grist'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify, openPopup } from '@operato/layout'\nimport { OxPrompt } from '@operato/popup'\nimport { isMobileDevice } from '@operato/utils'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport gql from 'graphql-tag'\n\n@customElement('schedule-list-page')\nexport class SchedulerListPage extends connect(store)(localize(i18next)(PageView)) {\n static styles = [\n ScrollbarStyles,\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n\n width: 100%;\n\n --grid-record-emphasized-background-color: #8b0000;\n --grid-record-emphasized-color: #ff6b6b;\n }\n\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n\n ox-filters-form {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Object }) gristConfig: any\n @property({ type: String }) mode: 'CARD' \| 'GRID' \| 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n\n @query('ox-grist') private grist!: DataGrist\n\n get context() {\n return {\n title: i18next.t('title.schedule list'),\n search: {\n handler: (search: string) => {\n this.grist.searchText = search\n },\n value: this.grist.searchText\n },\n filter: {\n handler: () => {\n this.grist.toggleHeadroom()\n }\n },\n help: 'scheduler/scheduler'\n }\n }\n\n render() {\n const mode = this.mode \|\| (isMobileDevice() ? 'CARD' : 'GRID')\n\n return html`\n <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form autofocus without-search></ox-filters-form>\n\n <div id=\"modes\">\n <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>\n <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>\n <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>\n </div>\n\n <ox-record-creator id=\"add\" .customPopupCallback=${this.popupCallback.bind(this)}>\n <button>\n <md-icon>add</md-icon>\n </button>\n <schedule-popup slot=\"popup\"></schedule-popup>\n </ox-record-creator>\n </div>\n </div>\n </ox-grist>\n `\n }\n\n async pageInitialized(lifecycle: any) {\n this.gristConfig = {\n list: {\n fields: ['name', 'description'],\n details: ['active', 'updatedAt']\n },\n columns: [\n { type: 'gutter', gutterName: 'sequence' },\n { type: 'gutter', gutterName: 'row-selector', multiple: true },\n {\n type: 'gutter',\n gutterName: 'button',\n fixed: true,\n icon: record => (!record ? 'reorder' : record.id ? 'reorder' : ''),\n iconOnly: false,\n title: record => (!record ? i18next.t('button.detail') : record.id ? i18next.t('button.detail') : ''),\n width: 72,\n handlers: {\n click: (columns, data, column, record, rowIndex) => {\n if (!record.id) return\n openPopup(\n html`\n <schedule-popup schedule-id=${record.id} @requestRefresh=${() => this.grist.fetch()}></schedule-popup>\n `,\n {\n backdrop: true,\n help: 'scheduler/scheduler',\n size: 'large',\n title: i18next.t('title.schedule detail')\n }\n )\n }\n }\n },\n {\n type: 'gutter',\n gutterName: 'button',\n fixed: true,\n icon: record => (!record ? 'delete' : record.id ? 'delete' : ''),\n iconOnly: false,\n title: record => (!record ? i18next.t('button.delete') : record.id ? i18next.t('button.delete') : ''),\n width: 72,\n handlers: {\n click: (_columns, _data, _column, record, _rowIndex) => {\n if (record) this.unregisterSchedule(record.id)\n }\n }\n },\n {\n type: 'string',\n name: 'name',\n header: i18next.t('field.name'),\n record: {\n editable: false\n },\n filter: 'i_like' /* only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'application',\n header: i18next.t('field.schedule-application'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.application\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'group',\n header: i18next.t('field.group'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.group\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'type',\n header: i18next.t('field.type'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.type\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'key',\n header: i18next.t('field.key'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.key\n },\n filter: 'i_like' / only i_like supported /,\n sortable: true,\n width: 150\n },\n {\n type: 'string',\n name: 'operation',\n header: i18next.t('field.schedule-operation'),\n record: {\n renderer: (value, column, record, rowIndex, field) => record.client?.operation\n },\n filter: 'i_like' / only i_like supported */,\n sortable: true,\n width: 150\n },\n {\n type: 'datetime',\n name: 'updatedAt',\n header: i18next.t('field.updated_at'),\n record: {\n editable: false\n },\n sortable: true,\n width: 180\n }\n ],\n rows: {\n appendable: false,\n selectable: {\n multiple: true\n }\n },\n sorters: [\n {\n name: 'name'\n }\n ]\n }\n }\n\n async pageUpdated(changes: any, lifecycle: any) {\n if (this.active) {\n this.grist.fetch()\n }\n }\n\n async popupCallback(popup) {\n popup.onclosed = () => {}\n }\n\n async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n const response = await client.query({\n query: gql`\n query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n responses: schedules(filters: $filters, pagination: $pagination, sortings: $sortings) {\n items {\n id\n name\n client {\n application\n group\n type\n key\n operation\n }\n type\n schedule\n timezone\n task {\n type\n connection {\n host\n headers\n topic\n }\n data\n history_check\n failed_policy\n retry_wait\n retry_count\n max_retry_count\n }\n }\n total\n }\n }\n `,\n variables: {\n filters,\n pagination: { page, limit },\n sortings\n }\n })\n\n return {\n total: response.data.responses.total \|\| 0,\n records: response.data.responses.items \|\| []\n }\n }\n\n async unregisterSchedule(handle: string) {\n if (\n await OxPrompt.open({\n title: i18next.t('text.are_you_sure'),\n text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n confirmButton: { text: i18next.t('button.confirm') },\n cancelButton: { text: i18next.t('button.cancel') }\n })\n ) {\n const response = await client.mutate({\n mutation: gql`\n mutation ($handle: ID!) {\n unregisterSchedule(handle: $handle)\n }\n `,\n variables: {\n handle\n }\n })\n\n if (!response.errors) {\n this.grist.fetch()\n notify({\n message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') })\n })\n }\n }\n }\n}\n"]}

package/dist-client/pages/scheduler/schedule-popup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { __decorate, __metadata, __rest } from "tslib";
+import { __decorate, __metadata } from "tslib";
 import '@material/web/icon/icon.js';
 import '@material/web/textfield/filled-text-field.js';
 import '@material/web/select/outlined-select.js';
@@ -34,8 +34,43 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
         super(...arguments);
         this.schedule = {};
     }
+    static { this.styles = [
+        ScrollbarStyles,
+        CommonHeaderStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        color: var(--popup-content-color);
+        background-color: var(--popup-content-background-color);
+      }
+      [content] {
+        flex: 1;
+        padding: var(--spacing-medium);
+        overflow: auto;
+      }
+      label {
+        display: flex;
+        flex-direction: row;
+        gap: 10px;
+        align-items: center;
+      }
+      md-filled-button,
+      md-outlined-button {
+        margin-top: 16px;
+      }
+      .footer {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+    `
+    ]; }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
         const updatable = !!this.scheduleId;
         return html `
       <div content>
@@ -57,7 +92,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="text"
               id="application"
               name="client.application"
-              .value=${((_a = this.schedule.client) === null || _a === void 0 ? void 0 : _a.application) || ''}
+              .value=${this.schedule.client?.application || ''}
               ?readonly=${updatable}
               required
             ></md-filled-text-field>
@@ -68,7 +103,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="text"
               id="group"
               name="client.group"
-              .value=${((_b = this.schedule.client) === null || _b === void 0 ? void 0 : _b.group) || ''}
+              .value=${this.schedule.client?.group || ''}
               ?readonly=${updatable}
               required
             ></md-filled-text-field>
@@ -79,7 +114,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="text"
               id="type"
               name="client.type"
-              .value=${((_c = this.schedule.client) === null || _c === void 0 ? void 0 : _c.type) || ''}
+              .value=${this.schedule.client?.type || ''}
               ?readonly=${updatable}
               required
             ></md-filled-text-field>
@@ -90,7 +125,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="text"
               id="key"
               name="client.key"
-              .value=${((_d = this.schedule.client) === null || _d === void 0 ? void 0 : _d.key) || ''}
+              .value=${this.schedule.client?.key || ''}
               ?readonly=${updatable}
               required
             ></md-filled-text-field>
@@ -101,7 +136,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="text"
               id="operation"
               name="client.operation"
-              .value=${((_e = this.schedule.client) === null || _e === void 0 ? void 0 : _e.operation) || ''}
+              .value=${this.schedule.client?.operation || ''}
               ?readonly=${updatable}
               required
             ></md-filled-text-field>
@@ -163,9 +198,9 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
           <fieldset>
             <legend>Task Details</legend>
             <md-outlined-select label="Task Type" name="task.type" required>
-              <md-select-option value="rest" ?selected=${((_f = this.schedule.task) === null || _f === void 0 ? void 0 : _f.type) === 'rest'}>REST</md-select-option>
-              <md-select-option value="kafka" ?selected=${((_g = this.schedule.task) === null || _g === void 0 ? void 0 : _g.type) === 'kafka'}>Kafka</md-select-option>
-              <md-select-option value="redis" ?selected=${((_h = this.schedule.task) === null || _h === void 0 ? void 0 : _h.type) === 'redis'}>Redis</md-select-option>
+              <md-select-option value="rest" ?selected=${this.schedule.task?.type === 'rest'}>REST</md-select-option>
+              <md-select-option value="kafka" ?selected=${this.schedule.task?.type === 'kafka'}>Kafka</md-select-option>
+              <md-select-option value="redis" ?selected=${this.schedule.task?.type === 'redis'}>Redis</md-select-option>
             </md-outlined-select>
             <br /><br />
@@ -173,7 +208,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               label="Connection Host"
               id="connectionHost"
               name="task.connection.host"
-              .value=${((_k = (_j = this.schedule.task) === null || _j === void 0 ? void 0 : _j.connection) === null || _k === void 0 ? void 0 : _k.host) || ''}
+              .value=${this.schedule.task?.connection?.host || ''}
               required
             ></md-filled-text-field>
             <br /><br />
@@ -182,7 +217,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               label="Connection Topic (optional)"
               id="connectionTopic"
               name="task.connection.topic"
-              .value=${((_m = (_l = this.schedule.task) === null || _l === void 0 ? void 0 : _l.connection) === null || _m === void 0 ? void 0 : _m.topic) || ''}
+              .value=${this.schedule.task?.connection?.topic || ''}
             ></md-filled-text-field>
             <br /><br />
@@ -190,7 +225,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               <legend>Connection Headers (optional)</legend>
               <ox-input-key-values
                 name="task.connection.headers"
-                .value=${((_p = (_o = this.schedule.task) === null || _o === void 0 ? void 0 : _o.connection) === null || _p === void 0 ? void 0 : _p.headers) || {}}
+                .value=${this.schedule.task?.connection?.headers || {}}
               ></ox-input-key-values>
             </fieldset>
             <br /><br />
@@ -198,7 +233,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
             <fieldset>
               <legend>Data (JSON)</legend>
-              <ox-input-data name="task.data" .value=${(_q = this.schedule.task) === null || _q === void 0 ? void 0 : _q.data}> </ox-input-data>
+              <ox-input-data name="task.data" .value=${this.schedule.task?.data}> </ox-input-data>
             </fieldset>
             <br /><br />
@@ -207,20 +242,20 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
                 type="checkbox"
                 id="historyCheck"
                 name="task.history_check"
-                .checked=${((_r = this.schedule.task) === null || _r === void 0 ? void 0 : _r.history_check) || false}
+                .checked=${this.schedule.task?.history_check || false}
               ></md-checkbox
               >History Check
             </label>
             <br /><br />
             <md-outlined-select label="Failed Policy" name="task.failed_policy" required>
-              <md-select-option value="ignore" ?selected=${((_s = this.schedule.task) === null || _s === void 0 ? void 0 : _s.failed_policy) === 'ignore'}
+              <md-select-option value="ignore" ?selected=${this.schedule.task?.failed_policy === 'ignore'}
                 >Ignore</md-select-option
               >
-              <md-select-option value="retry" ?selected=${((_t = this.schedule.task) === null || _t === void 0 ? void 0 : _t.failed_policy) === 'retry'}
+              <md-select-option value="retry" ?selected=${this.schedule.task?.failed_policy === 'retry'}
                 >Retry</md-select-option
               >
-              <md-select-option value="retry_dlq" ?selected=${((_u = this.schedule.task) === null || _u === void 0 ? void 0 : _u.failed_policy) === 'retry_dlq'}
+              <md-select-option value="retry_dlq" ?selected=${this.schedule.task?.failed_policy === 'retry_dlq'}
                 >Retry DLQ</md-select-option
               >
             </md-outlined-select>
@@ -231,7 +266,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="number"
               id="retryWait"
               name="task.retry_wait"
-              .valueAsNumber=${((_v = this.schedule.task) === null || _v === void 0 ? void 0 : _v.retry_wait) || 0}
+              .valueAsNumber=${this.schedule.task?.retry_wait || 0}
             ></md-filled-text-field>
             <br /><br />
@@ -240,7 +275,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="number"
               id="retryCount"
               name="task.retry_count"
-              .valueAsNumber=${((_w = this.schedule.task) === null || _w === void 0 ? void 0 : _w.retry_count) || 0}
+              .valueAsNumber=${this.schedule.task?.retry_count || 0}
             ></md-filled-text-field>
             <br /><br />
@@ -249,7 +284,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
               type="number"
               id="maxRetryCount"
               name="task.max_retry_count"
-              .valueAsNumber=${((_x = this.schedule.task) === null || _x === void 0 ? void 0 : _x.max_retry_count) || 0}
+              .valueAsNumber=${this.schedule.task?.max_retry_count || 0}
             ></md-filled-text-field>
           </fieldset>
         </form>
@@ -303,19 +338,33 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
         history.back();
     }
     prepareSchedule() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        this.schedule = Object.assign(Object.assign({}, this.schedule), { client: {
-                application: ((_a = this.schedule.client) === null || _a === void 0 ? void 0 : _a.application) || '',
-                group: ((_b = this.schedule.client) === null || _b === void 0 ? void 0 : _b.group) || '',
-                type: ((_c = this.schedule.client) === null || _c === void 0 ? void 0 : _c.type) || '',
-                key: ((_d = this.schedule.client) === null || _d === void 0 ? void 0 : _d.key) || '',
-                operation: ((_e = this.schedule.client) === null || _e === void 0 ? void 0 : _e.operation) || ''
-            }, task: Object.assign(Object.assign({}, this.schedule.task), { data: ((_f = this.schedule.task) === null || _f === void 0 ? void 0 : _f.data) || {}, history_check: (_h = (_g = this.schedule.task) === null || _g === void 0 ? void 0 : _g.history_check) !== null && _h !== void 0 ? _h : false, failed_policy: ((_j = this.schedule.task) === null || _j === void 0 ? void 0 : _j.failed_policy) || 'ignore', retry_wait: ((_k = this.schedule.task) === null || _k === void 0 ? void 0 : _k.retry_wait) || 0, retry_count: ((_l = this.schedule.task) === null || _l === void 0 ? void 0 : _l.retry_count) || 0, max_retry_count: ((_m = this.schedule.task) === null || _m === void 0 ? void 0 : _m.max_retry_count) || 0, connection: Object.assign(Object.assign({}, (_o = this.schedule.task) === null || _o === void 0 ? void 0 : _o.connection), { headers: ((_q = (_p = this.schedule.task) === null || _p === void 0 ? void 0 : _p.connection) === null || _q === void 0 ? void 0 : _q.headers) || {} }) }) });
+        this.schedule = {
+            ...this.schedule,
+            client: {
+                application: this.schedule.client?.application || '',
+                group: this.schedule.client?.group || '',
+                type: this.schedule.client?.type || '',
+                key: this.schedule.client?.key || '',
+                operation: this.schedule.client?.operation || ''
+            },
+            task: {
+                ...this.schedule.task,
+                data: this.schedule.task?.data || {},
+                history_check: this.schedule.task?.history_check ?? false,
+                failed_policy: this.schedule.task?.failed_policy || 'ignore',
+                retry_wait: this.schedule.task?.retry_wait || 0,
+                retry_count: this.schedule.task?.retry_count || 0,
+                max_retry_count: this.schedule.task?.max_retry_count || 0,
+                connection: {
+                    ...this.schedule.task?.connection,
+                    headers: this.schedule.task?.connection?.headers || {}
+                }
+            }
+        };
     }
     async registerSchedule() {
-        var _a;
         this.prepareSchedule();
-        const _b = this.schedule, { id } = _b, newSchedule = __rest(_b, ["id"]);
+        const { id, ...newSchedule } = this.schedule;
         const response = await client.mutate({
             mutation: gql `
         mutation ($schedule: NewSchedule!) {
@@ -326,7 +375,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
                 schedule: newSchedule
             }
         });
-        if ((_a = response.data) === null || _a === void 0 ? void 0 : _a.handle) {
+        if (response.data?.handle) {
             this.scheduleId = response.data.handle;
             notify({
                 message: i18next.t('text.info_x_successfully', { x: i18next.t('text.register') })
@@ -334,7 +383,6 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
         }
     }
     async updateSchedule() {
-        var _a;
         this.prepareSchedule();
         const response = await client.mutate({
             mutation: gql `
@@ -346,7 +394,7 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
                 schedule: this.schedule
             }
         });
-        if ((_a = response.data) === null || _a === void 0 ? void 0 : _a.handle) {
+        if (response.data?.handle) {
             this.scheduleId = response.data.handle;
             notify({
                 message: i18next.t('text.info_x_successfully', { x: i18next.t('text.update') })
@@ -354,7 +402,6 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
         }
     }
     async fetchSchedule(id) {
-        var _a;
         const response = await client.query({
             query: gql `
         query ($id: ID!) {
@@ -392,48 +439,12 @@ let NewSchedulePopup = class NewSchedulePopup extends LitElement {
                 id
             }
         });
-        if ((_a = response.data) === null || _a === void 0 ? void 0 : _a.schedule) {
+        if (response.data?.schedule) {
             console.log(`a schedule fetched : ${response.data.schedule}`);
             return response.data.schedule;
         }
     }
 };
-NewSchedulePopup.styles = [
-    ScrollbarStyles,
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        color: var(--popup-content-color);
-        background-color: var(--popup-content-background-color);
-      }
-      [content] {
-        flex: 1;
-        padding: var(--spacing-medium);
-        overflow: auto;
-      }
-      label {
-        display: flex;
-        flex-direction: row;
-        gap: 10px;
-        align-items: center;
-      }
-      md-filled-button,
-      md-outlined-button {
-        margin-top: 16px;
-      }
-      .footer {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-      }
-    `
-];
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Function)