@3mo/data-grid 0.0.1 → 0.0.2

package/dist/FieldSelectDataGridPageSize.d.ts

@@ -1,10 +1,9 @@
-import { FieldFetchableSelect } from '@3mo/fetchable-select-field';
 import { DataGrid, DataGridPagination } from './DataGrid.js';
-export declare class FieldSelectDataGridPageSize extends FieldFetchableSelect<DataGridPagination> {
+import { FieldSelect } from '@3mo/select-field';
+export declare class FieldSelectDataGridPageSize extends FieldSelect<DataGridPagination> {
     private static readonly data;
     dataGrid?: DataGrid<any>;
-    readonly fetch: () => Promise<DataGridPagination[]>;
-    readonly optionTemplate: (size: DataGridPagination) => import("lit-html").HTMLTemplateResult;
+    get optionsTemplate(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/FieldSelectDataGridPageSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSelectDataGridPageSize.d.ts","sourceRoot":"","sources":["../FieldSelectDataGridPageSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE5D,qBACa,2BAA4B,SAAQ,oBAAoB,CAAC,kBAAkB,CAAC;IACxF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAmE;IAEnE,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEpD,SAAkB,KAAK,sCAA0D;IAEjF,SAAkB,cAAc,SAAU,kBAAkB,2CAI3D;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qCAAqC,EAAE,2BAA2B,CAAA;KAClE;CACD"}
+{"version":3,"file":"FieldSelectDataGridPageSize.d.ts","sourceRoot":"","sources":["../FieldSelectDataGridPageSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,qBACa,2BAA4B,SAAQ,WAAW,CAAC,kBAAkB,CAAC;IAC/E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAA2D;IAE3D,QAAQ,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;IAEpD,IAAa,eAAe,yCAS3B;CACD;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qCAAqC,EAAE,2BAA2B,CAAA;KAClE;CACD"}

package/dist/FieldSelectDataGridPageSize.js

@@ -1,19 +1,20 @@
 var FieldSelectDataGridPageSize_1;
 import { __decorate } from "tslib";
 import { component, html, property, nothing } from '@a11d/lit';
-import { FieldFetchableSelect } from '@3mo/fetchable-select-field';
-let FieldSelectDataGridPageSize = FieldSelectDataGridPageSize_1 = class FieldSelectDataGridPageSize extends FieldFetchableSelect {
-    constructor() {
-        super(...arguments);
-        this.fetch = () => Promise.resolve(FieldSelectDataGridPageSize_1.data);
-        this.optionTemplate = (size) => {
-            return size === 'auto' && (!this.dataGrid || this.dataGrid.supportsDynamicPageSize === false) ? nothing : html `
-			<mo-option value=${size}>${size === 'auto' ? 'Auto' : size.format()}</mo-option>
+import { FieldSelect } from '@3mo/select-field';
+let FieldSelectDataGridPageSize = FieldSelectDataGridPageSize_1 = class FieldSelectDataGridPageSize extends FieldSelect {
+    get optionsTemplate() {
+        return html `
+			${!this.dataGrid || !this.dataGrid.supportsDynamicPageSize ? nothing : html `
+				<mo-option value=${'auto'}>Auto</mo-option>
+			`}
+			${FieldSelectDataGridPageSize_1.data.map(size => html `
+				<mo-option value=${size}>${size === 'auto' ? 'Auto' : size.format()}</mo-option>
+			`)}
 		`;
-        };
     }
 };
-FieldSelectDataGridPageSize.data = new Array('auto', 10, 25, 50, 100, 250, 500);
+FieldSelectDataGridPageSize.data = new Array(10, 25, 50, 100, 250, 500);
 __decorate([
     property({ type: Object })
 ], FieldSelectDataGridPageSize.prototype, "dataGrid", void 0);