@dssp/dkpi 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-client/pages/kpi-metric-value/kpi-metric-value-editor-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-metric-value-editor-page.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-editor-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\n\nimport { CommonButtonStyles, CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageView, store, connect } from '@operato/shell'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport gql from 'graphql-tag'\n\ninterface KpiMetricValueData {\n  metricId: string\n  metricName: string\n  periodType: string\n  values: { [date: string]: { value: number | null; isDirty?: boolean } }\n}\n\ninterface EditorCell {\n  date: string\n  value: number | null\n  isEditable: boolean\n  isHighlighted: boolean\n}\n\n@customElement('kpi-metric-value-editor-page')\nexport class KpiMetricValueEditorPage extends connect(store)(localize(i18next)(ScopedElementsMixin(PageView))) {\n  static styles = [\n    CommonHeaderStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: 20px;\n        overflow-x: auto;\n      }\n\n      .header {\n        display: flex;\n        gap: 16px;\n        align-items: center;\n        margin-bottom: 20px;\n        padding: 16px;\n        background: var(--md-sys-color-surface-container);\n        border-radius: 8px;\n      }\n\n      .controls {\n        display: flex;\n        gap: 12px;\n        align-items: center;\n      }\n\n      .table-container {\n        flex: 1;\n        overflow: auto;\n        border: 1px solid var(--md-sys-color-outline);\n        border-radius: 8px;\n      }\n\n      table {\n        width: 100%;\n        border-collapse: collapse;\n        min-width: max-content;\n      }\n\n      th {\n        background: var(--md-sys-color-surface-container-low);\n        font-weight: 500;\n        padding: 8px 12px;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        min-width: 80px;\n        height: 120px;\n        vertical-align: middle;\n      }\n\n      td {\n        padding: 8px 12px;\n        border: 1px solid var(--md-sys-color-outline-variant);\n        min-width: 80px;\n        height: 60px;\n        text-align: right;\n        vertical-align: middle;\n      }\n\n      .metric-header {\n        position: sticky;\n        left: 0;\n        top: 0;\n        z-index: 3;\n      }\n\n      .metric-name {\n        position: sticky;\n        left: 0;\n        background: var(--md-sys-color-surface);\n        font-weight: 500;\n        min-width: 200px;\n        text-align: left;\n        z-index: 2;\n      }\n\n      tr:hover {\n        background: var(--md-sys-color-surface-container-high);\n      }\n\n      th.date-header {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n        font-size: 11px;\n        color: var(--md-sys-color-on-surface-variant);\n        writing-mode: vertical-rl;\n        text-orientation: mixed;\n        min-height: 120px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      td.editable-cell {\n        cursor: pointer;\n        background: var(--md-sys-color-primary-container);\n        color: var(--md-sys-color-on-primary-container);\n      }\n\n      td.editable-cell:hover {\n        background: var(--md-sys-color-primary-container-high);\n      }\n\n      td.highlighted-cell {\n        background: var(--md-sys-color-secondary-container);\n        color: var(--md-sys-color-on-secondary-container);\n        font-weight: 500;\n      }\n\n      td.highlighted-cell:hover {\n        background: var(--md-sys-color-secondary-container-high);\n      }\n\n      td.disabled-cell {\n        background: var(--md-sys-color-surface-container);\n        color: var(--md-sys-color-on-surface-variant);\n        cursor: not-allowed;\n      }\n\n      .value-input {\n        width: 100%;\n        text-align: center;\n        border: none;\n        background: transparent;\n        color: inherit;\n        font-size: 12px;\n        padding: 2px;\n      }\n\n      .value-input:focus {\n        outline: 2px solid var(--md-sys-color-primary);\n        border-radius: 4px;\n      }\n\n      .period-type-badge {\n        font-size: 10px;\n        padding: 2px 6px;\n        border-radius: 4px;\n        background: var(--md-sys-color-tertiary-container);\n        color: var(--md-sys-color-on-tertiary-container);\n        margin-left: 8px;\n      }\n\n      .loading {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 200px;\n        color: var(--md-sys-color-on-surface-variant);\n      }\n\n      .error {\n        color: var(--md-sys-color-error);\n        padding: 16px;\n        text-align: center;\n      }\n\n      .legend {\n        display: flex;\n        gap: 16px;\n        margin-top: 16px;\n        font-size: 12px;\n      }\n\n      .legend-item {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n\n      .legend-color {\n        width: 16px;\n        height: 16px;\n        border-radius: 2px;\n      }\n    `\n  ]\n\n  @property({ type: String }) org: string = ''\n  @property({ type: String }) startDate: string = ''\n  @property({ type: String }) endDate: string = ''\n\n  @state() private metrics: KpiMetricValueData[] = []\n  @state() private dates: string[] = []\n  @state() private loading: boolean = false\n  @state() private error: string = ''\n  @state() private editingCell: { metricId: string; date: string } | null = null\n  @state() private _existingValues: any[] = []\n\n  get context() {\n    return {\n      title: i18next.t('title.kpi metric value editor'),\n      actions: [\n        {\n          title: i18next.t('button.save'),\n          action: this._saveValues.bind(this),\n          ...CommonButtonStyles.save\n        },\n        {\n          title: i18next.t('button.cancel'),\n          action: this._cancel.bind(this),\n          ...CommonButtonStyles.cancel\n        }\n      ]\n    }\n  }\n\n  render() {\n    if (this.loading) {\n      return html`\n        <div class=\"loading\">\n          <md-icon>hourglass_empty</md-icon>\n          <span>데이터를 불러오는 중...</span>\n        </div>\n      `\n    }\n\n    if (this.error) {\n      return html`\n        <div class=\"error\">\n          <md-icon>error</md-icon>\n          <span>${this.error}</span>\n        </div>\n      `\n    }\n\n    return html`\n      <div class=\"header\">\n        <div class=\"controls\">\n          <md-outlined-text-field\n            label=\"그룹\"\n            .value=${this.org}\n            @input=${(e: any) => (this.org = e.target.value)}\n            style=\"width: 150px;\"\n          ></md-outlined-text-field>\n\n          <md-outlined-text-field\n            label=\"시작일\"\n            type=\"date\"\n            .value=${this.startDate}\n            @input=${(e: any) => (this.startDate = e.target.value)}\n            style=\"width: 150px;\"\n          ></md-outlined-text-field>\n\n          <md-outlined-text-field\n            label=\"종료일\"\n            type=\"date\"\n            .value=${this.endDate}\n            @input=${(e: any) => (this.endDate = e.target.value)}\n            style=\"width: 150px;\"\n          ></md-outlined-text-field>\n\n          <md-elevated-button @click=${this._loadData}>\n            <md-icon slot=\"icon\">refresh</md-icon>\n            새로고침\n          </md-elevated-button>\n        </div>\n      </div>\n\n      <div class=\"table-container\">\n        <table style=\"border-collapse: collapse; width: 100%;\">\n          <thead>\n            <tr>\n              <th\n                style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 200px; left: 0; top: 0;\"\n                class=\"metric-header\"\n              >\n                Metric명\n              </th>\n              ${this.dates.map(\n                date => html`\n                  <th\n                    style=\"border: 1px solid #ccc; padding: 8px; background: #f5f5f5; min-width: 80px; position: sticky; top: 0;\"\n                  >\n                    ${this._formatDate(date)}\n                  </th>\n                `\n              )}\n            </tr>\n          </thead>\n          <tbody>\n            ${this.metrics.map(\n              metric => html`\n                <tr>\n                  <td\n                    style=\"border: 1px solid #ccc; padding: 8px; background: #fff; min-width: 200px;\"\n                    class=\"metric-name\"\n                  >\n                    ${metric.metricName}\n                    <span\n                      style=\"font-size: 10px; padding: 2px 6px; background: #e0e0e0; border-radius: 4px; margin-left: 8px;\"\n                      >${metric.periodType}</span\n                    >\n                  </td>\n                  ${this.dates.map(\n                    date => html`\n                      <td\n                        style=\"border: 1px solid #ccc; padding: 8px; background: #e3f2fd; text-align: center; min-width: 80px; cursor: pointer;\"\n                        @click=${() => this._startEdit(metric.metricId, date)}\n                      >\n                        ${this._renderCellContent(metric, date)}\n                      </td>\n                    `\n                  )}\n                </tr>\n              `\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      <div class=\"legend\">\n        <div class=\"legend-item\">\n          <div class=\"legend-color\" style=\"background: var(--md-sys-color-primary-container);\"></div>\n          <span>편집 가능</span>\n        </div>\n        <div class=\"legend-item\">\n          <div class=\"legend-color\" style=\"background: var(--md-sys-color-secondary-container);\"></div>\n          <span>하이라이트 (PeriodType에 따라)</span>\n        </div>\n        <div class=\"legend-item\">\n          <div class=\"legend-color\" style=\"background: var(--md-sys-color-surface-container);\"></div>\n          <span>편집 불가</span>\n        </div>\n      </div>\n    `\n  }\n\n  private _renderCellContent(metric: KpiMetricValueData, date: string) {\n    const isEditing = this.editingCell?.metricId === metric.metricId && this.editingCell?.date === date\n\n    // periodType에 따라 값을 가져오는 방식 결정\n    let value: number | null = null\n\n    if (metric.periodType === 'DAY') {\n      // DAY인 경우 해당 날짜의 값을 사용\n      value = metric.values[date]?.value\n    } else if (metric.periodType === 'WEEK') {\n      // WEEK인 경우 해당 주의 월요일의 값을 사용\n      const weekKey = this._getWeekKey(date)\n      value = metric.values[weekKey]?.value\n    } else if (metric.periodType === 'MONTH') {\n      // MONTH인 경우 해당 월의 값을 사용\n      const monthKey = this._getMonthKey(date)\n      value = metric.values[monthKey]?.value\n    } else if (metric.periodType === 'QUARTER') {\n      // QUARTER인 경우 해당 분기의 값을 사용\n      const quarterKey = this._getQuarterKey(date)\n      value = metric.values[quarterKey]?.value\n    } else if (metric.periodType === 'YEAR') {\n      // YEAR인 경우 해당 연도의 값을 사용\n      const yearKey = this._getYearKey(date)\n      value = metric.values[yearKey]?.value\n    } else {\n      // 기본값: DAY와 동일\n      value = metric.values[date]?.value\n    }\n\n    if (isEditing) {\n\n      return html`\n        <input\n          type=\"number\"\n          step=\"0.01\"\n          .value=${(value || '').toString()}\n          @blur=${(e: any) => this._finishEdit(metric.metricId, date, parseFloat(e.target.value) || 0)}\n          @keydown=${(e: any) => e.key === 'Enter' && e.target.blur()}\n          style=\"width: 100%; text-align: center; border: none; background: transparent;\"\n          autofocus\n        />\n      `\n    }\n\n    return html`\n      <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n        <span style=\"font-weight: 500; color: ${value !== null && value !== undefined ? 'inherit' : '#999'};\">\n          ${value !== null && value !== undefined ? value.toLocaleString() : '클릭하여 입력'}\n        </span>\n      </div>\n    `\n  }\n\n  private _formatDate(date: string): string {\n    const d = new Date(date)\n    return d.toLocaleDateString('ko-KR', { month: 'numeric', day: 'numeric' })\n  }\n\n  private _startEdit(metricId: string, date: string) {\n    this.editingCell = { metricId, date }\n  }\n\n  private _finishEdit(metricId: string, date: string, value: number) {\n    const metric = this.metrics.find(m => m.metricId === metricId)\n    if (metric) {\n      // periodType에 따라 저장할 키 결정\n      let storageKey = date\n\n      if (metric.periodType === 'WEEK') {\n        storageKey = this._getWeekKey(date)\n      } else if (metric.periodType === 'MONTH') {\n        storageKey = this._getMonthKey(date)\n      } else if (metric.periodType === 'QUARTER') {\n        storageKey = this._getQuarterKey(date)\n      } else if (metric.periodType === 'YEAR') {\n        storageKey = this._getYearKey(date)\n      }\n\n      if (!metric.values[storageKey]) {\n        metric.values[storageKey] = { value: 0, isDirty: false }\n      }\n\n      // 값이 변경되었는지 확인\n      const originalValue = this._findExistingValue(metricId, storageKey)?.value\n      const isChanged = originalValue !== value\n\n      metric.values[storageKey].value = value\n      metric.values[storageKey].isDirty = isChanged\n    }\n    this.editingCell = null\n  }\n\n  private async _loadData() {\n    if (!this.startDate || !this.endDate) {\n      this.error = '시작일, 종료일을 모두 입력해주세요.'\n      return\n    }\n\n    this.loading = true\n    this.error = ''\n\n    try {\n      // KPI Metric 목록 조회\n      const metricsResponse = await client.query({\n        query: gql`\n          query ($filters: [Filter!]) {\n            kpiMetrics(filters: $filters) {\n              items {\n                id\n                name\n                periodType\n                active\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [{ name: 'active', operator: 'eq', value: true }]\n        }\n      })\n\n      // KPI Metric Value 데이터 조회\n      const valuesResponse = await client.query({\n        query: gql`\n          query ($filters: [Filter!]) {\n            kpiMetricValues(filters: $filters) {\n              items {\n                id\n                metricId\n                valueDate\n                value\n                org\n              }\n              total\n            }\n          }\n        `,\n        variables: {\n          filters: [\n            ...(this.org ? [{ name: 'org', operator: 'eq', value: this.org }] : []),\n            { name: 'valueDate', operator: 'between', value: [this.startDate, this.endDate] }\n          ]\n        }\n      })\n\n      // 날짜 배열 생성\n      this.dates = this._generateDateArray(this.startDate, this.endDate)\n\n      // KPI Metric 목록을 기준으로 데이터 구성\n      this.metrics = metricsResponse.data.kpiMetrics.items.map((metric: any) => ({\n        metricId: metric.id,\n        metricName: metric.name,\n        periodType: metric.periodType,\n        values: {}\n      }))\n\n      // 기존 KPI Metric Value 데이터 저장\n      this._existingValues = valuesResponse.data.kpiMetricValues.items\n\n      // KPI Metric Value 데이터를 해당 Metric에 매핑\n      valuesResponse.data.kpiMetricValues.items.forEach((value: any) => {\n        const metric = this.metrics.find(m => m.metricId === value.metricId)\n        if (metric) {\n          metric.values[value.valueDate] = {\n            value: value.value,\n            isDirty: false\n          }\n        }\n      })\n\n      // KPI Metric Value가 없는 Metric도 빈 값으로 초기화\n      this.metrics.forEach(metric => {\n        this.dates.forEach(date => {\n          if (!metric.values[date]) {\n            metric.values[date] = { value: null, isDirty: false }\n          }\n        })\n      })\n\n      this.requestUpdate()\n    } catch (error) {\n      console.error('데이터 로드 중 오류:', error)\n      this.error = '데이터를 불러오는 중 오류가 발생했습니다.'\n    } finally {\n      this.loading = false\n    }\n  }\n\n  private _generateDateArray(startDate: string, endDate: string): string[] {\n    const dates: string[] = []\n    const start = new Date(startDate)\n    const end = new Date(endDate)\n\n    // 일별로 생성 (기본)\n    for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {\n      dates.push(d.toLocaleDateString('sv-SE'))\n    }\n\n    return dates\n  }\n\n  private async _saveValues() {\n    try {\n      const patches: any[] = []\n\n      this.metrics.forEach(metric => {\n        Object.entries(metric.values).forEach(([date, data]) => {\n          // dirty 상태인 데이터만 처리\n          if (data.isDirty && data.value !== null && data.value !== undefined) {\n            const existingValue = this._findExistingValue(metric.metricId, date)\n\n            if (existingValue) {\n              patches.push({\n                id: existingValue.id,\n                value: data.value,\n                org: this.org,\n                cuFlag: 'M'\n              })\n            } else {\n              const normalizedDate = this._normalizeDateByPeriodType(date, metric.periodType)\n\n              patches.push({\n                metricId: metric.metricId,\n                valueDate: normalizedDate,\n                value: data.value,\n                org: this.org,\n                cuFlag: '+'\n              })\n            }\n          }\n        })\n      })\n\n      if (patches.length === 0) {\n        notify({ message: '저장할 데이터가 없습니다.' })\n        return\n      }\n\n      // 디버깅: patches 내용 확인\n\n\n      // 단일 mutation으로 생성과 업데이트 처리\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [KpiMetricValuePatch!]!) {\n            updateMultipleKpiMetricValue(patches: $patches) {\n              id\n              value\n              valueDate\n              metricId\n            }\n          }\n        `,\n        variables: { patches }\n      })\n\n      if (!response.errors) {\n        // 저장 후 dirty 상태 해제\n        response.data.updateMultipleKpiMetricValue.forEach((savedValue: any) => {\n          const metric = this.metrics.find(m => m.metricId === savedValue.metricId)\n          if (metric && metric.values[savedValue.valueDate]) {\n            metric.values[savedValue.valueDate].isDirty = false\n          }\n        })\n\n        notify({ message: 'KPI Metric 값이 성공적으로 저장되었습니다.' })\n        this.requestUpdate()\n      }\n    } catch (error) {\n      console.error('저장 중 오류:', error)\n      notify({ message: '저장 중 오류가 발생했습니다.' })\n    }\n  }\n\n  private _findExistingValue(metricId: string, date: string) {\n    // 기존 로드된 KPI Metric Value 데이터에서 찾기\n    return this._existingValues?.find((v: any) => v.metricId === metricId && v.valueDate === date)\n  }\n\n  private _getMonthKey(date: string): string {\n    const dateObj = new Date(date)\n    return `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n  }\n\n  private _getQuarterKey(date: string): string {\n    const dateObj = new Date(date)\n    const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n    return `${dateObj.getFullYear()}-Q${quarter}`\n  }\n\n  private _getYearKey(date: string): string {\n    const dateObj = new Date(date)\n    return `${dateObj.getFullYear()}`\n  }\n\n  private _getWeekKey(date: string): string {\n    const dateObj = new Date(date)\n    const dayOfWeek = dateObj.getDay()\n    const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n    const monday = new Date(dateObj)\n    monday.setDate(dateObj.getDate() - daysToMonday)\n    return monday.toLocaleDateString('sv-SE')\n  }\n\n  private _getMondayOfWeek(date: string): string {\n    const dateObj = new Date(date)\n    const dayOfWeek = dateObj.getDay()\n    const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1\n    const monday = new Date(dateObj)\n    monday.setDate(dateObj.getDate() - daysToMonday)\n    return monday.toLocaleDateString('sv-SE')\n  }\n\n  private _getFirstDayOfMonth(date: string): string {\n    const dateObj = new Date(date)\n    return new Date(dateObj.getFullYear(), dateObj.getMonth(), 1).toLocaleDateString('sv-SE')\n  }\n\n  private _getFirstDayOfQuarter(date: string): string {\n    const dateObj = new Date(date)\n    const quarter = Math.floor(dateObj.getMonth() / 3)\n    const firstMonthOfQuarter = quarter * 3\n    return new Date(dateObj.getFullYear(), firstMonthOfQuarter, 1).toLocaleDateString('sv-SE')\n  }\n\n  private _getFirstDayOfYear(date: string): string {\n    const dateObj = new Date(date)\n    return new Date(dateObj.getFullYear(), 0, 1).toLocaleDateString('sv-SE')\n  }\n\n  private _normalizeDateByPeriodType(date: string, periodType: string): string {\n\n\n    const dateObj = new Date(date)\n\n    switch (periodType) {\n      case 'DAY':\n        return date // 그대로 사용\n      case 'WEEK':\n        // 해당 주의 월요일로 설정\n        const dayOfWeek = dateObj.getDay()\n        const daysToMonday = dayOfWeek === 0 ? 6 : dayOfWeek - 1 // 일요일이면 6일 전, 아니면 dayOfWeek - 1\n        const monday = new Date(dateObj)\n        monday.setDate(dateObj.getDate() - daysToMonday)\n        const weeklyDate = monday.toLocaleDateString('sv-SE')\n        return weeklyDate\n      case 'MONTH':\n        // 년-월 형식으로 설정 (예: \"2025-01\")\n        const monthlyDate = `${dateObj.getFullYear()}-${String(dateObj.getMonth() + 1).padStart(2, '0')}`\n        return monthlyDate\n      case 'QUARTER':\n        // 분기 형식으로 설정 (예: \"2025-Q1\")\n        const quarter = Math.floor(dateObj.getMonth() / 3) + 1\n        const quarterlyDate = `${dateObj.getFullYear()}-Q${quarter}`\n        return quarterlyDate\n      case 'YEAR':\n        // 년도 형식으로 설정 (예: \"2025\")\n        const yearlyDate = `${dateObj.getFullYear()}`\n        return yearlyDate\n      default:\n        return date // 기본값\n    }\n  }\n\n  private _cancel() {\n    // 편집 취소 로직\n    this.editingCell = null\n    this._loadData() // 원본 데이터로 복원\n  }\n\n  async pageInitialized(lifecycle: any) {\n    // 기본값 설정 - 지난 1개월\n    if (!this.startDate) {\n      const today = new Date()\n      const oneMonthAgo = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate())\n      this.startDate = oneMonthAgo.toLocaleDateString('sv-SE')\n    }\n    if (!this.endDate) {\n      const today = new Date()\n      this.endDate = today.toLocaleDateString('sv-SE')\n    }\n\n    // 페이지 초기화 시 자동으로 데이터 로드\n    await this._loadData()\n  }\n}\n"]}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-importer.d.ts

@@ -0,0 +1,23 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import { LitElement } from 'lit';
+export declare class KpiMetricValueImporter extends LitElement {
+    static styles: import("lit").CSSResult[];
+    metricValues: any[];
+    columns: {
+        list: {
+            fields: string[];
+        };
+        pagination: {
+            infinite: boolean;
+        };
+        columns: {
+            type: string;
+            name: string;
+            header: string;
+            width: number;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    save(): Promise<void>;
+}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-importer.js

@@ -0,0 +1,76 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import gql from 'graphql-tag';
+import { css, html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { client } from '@operato/graphql';
+import { i18next } from '@operato/i18n';
+import { isMobileDevice } from '@operato/utils';
+import { ButtonContainerStyles } from '@operato/styles';
+export class KpiMetricValueImporter extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.metricValues = [];
+        this.columns = {
+            list: { fields: ['metric', 'value', 'valueDate', 'org', 'meta'] },
+            pagination: { infinite: true },
+            columns: [
+                { type: 'string', name: 'metric', header: 'Metric', width: 150 },
+                { type: 'number', name: 'value', header: '값', width: 120 },
+                { type: 'date', name: 'valueDate', header: '날짜', width: 120 },
+                { type: 'string', name: 'org', header: '조직', width: 120 },
+                { type: 'object', name: 'meta', header: '메타', width: 120 }
+            ]
+        };
+    }
+    render() {
+        return html `
+      <ox-grist
+        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+        .config=${this.columns}
+        .data=${{ records: this.metricValues }}
+      ></ox-grist>
+      <div class="button-container">
+        <button @click="${this.save.bind(this)}"><md-icon>save</md-icon>${i18next.t('button.save')}</button>
+      </div>
+    `;
+    }
+    async save() {
+        var _a;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation importKpiMetricValues($metricValues: [KpiMetricValuePatch!]!) {
+          importKpiMetricValues(metricValues: $metricValues)
+        }
+      `,
+            variables: { metricValues: this.metricValues }
+        });
+        if ((_a = response.errors) === null || _a === void 0 ? void 0 : _a.length)
+            return;
+        this.dispatchEvent(new CustomEvent('imported'));
+    }
+}
+KpiMetricValueImporter.styles = [
+    ButtonContainerStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+      }
+      ox-grist {
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], KpiMetricValueImporter.prototype, "metricValues", void 0);
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], KpiMetricValueImporter.prototype, "columns", void 0);
+customElements.define('kpi-metric-value-importer', KpiMetricValueImporter);
+//# sourceMappingURL=kpi-metric-value-importer.js.map

package/dist-client/pages/kpi-metric-value/kpi-metric-value-importer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-metric-value-importer.js","sourceRoot":"","sources":["../../../client/pages/kpi-metric-value/kpi-metric-value-importer.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAEvD,MAAM,OAAO,sBAAuB,SAAQ,UAAU;IAAtD;;QAe6B,iBAAY,GAAU,EAAE,CAAA;QACvB,YAAO,GAAG;YACpC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE;YACjE,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;gBAChE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC1D,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;gBAC7D,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;gBACzD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;aAC3D;SACF,CAAA;IA2BH,CAAC;IAzBC,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;kBAChC,IAAI,CAAC,OAAO;gBACd,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE;;;0BAGpB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,4BAA4B,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC;;KAE7F,CAAA;IACH,CAAC;IAED,KAAK,CAAC,IAAI;;QACR,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;OAIZ;YACD,SAAS,EAAE,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE;SAC/C,CAAC,CAAA;QACF,IAAI,MAAA,QAAQ,CAAC,MAAM,0CAAE,MAAM;YAAE,OAAM;QACnC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;IACjD,CAAC;;AAnDM,6BAAM,GAAG;IACd,qBAAqB;IACrB,GAAG,CAAA;;;;;;;;;KASF;CACF,AAZY,CAYZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;4DAAyB;AACvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;uDAU1B;AA4BH,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,sBAAsB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-grist'\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { isMobileDevice } from '@operato/utils'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nexport class KpiMetricValueImporter extends LitElement {\n  static styles = [\n    ButtonContainerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        background-color: #fff;\n      }\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) metricValues: any[] = []\n  @property({ type: Object }) columns = {\n    list: { fields: ['metric', 'value', 'valueDate', 'org', 'meta'] },\n    pagination: { infinite: true },\n    columns: [\n      { type: 'string', name: 'metric', header: 'Metric', width: 150 },\n      { type: 'number', name: 'value', header: '값', width: 120 },\n      { type: 'date', name: 'valueDate', header: '날짜', width: 120 },\n      { type: 'string', name: 'org', header: '조직', width: 120 },\n      { type: 'object', name: 'meta', header: '메타', width: 120 }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        .config=${this.columns}\n        .data=${{ records: this.metricValues }}\n      ></ox-grist>\n      <div class=\"button-container\">\n        <button @click=\"${this.save.bind(this)}\"><md-icon>save</md-icon>${i18next.t('button.save')}</button>\n      </div>\n    `\n  }\n\n  async save() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation importKpiMetricValues($metricValues: [KpiMetricValuePatch!]!) {\n          importKpiMetricValues(metricValues: $metricValues)\n        }\n      `,\n      variables: { metricValues: this.metricValues }\n    })\n    if (response.errors?.length) return\n    this.dispatchEvent(new CustomEvent('imported'))\n  }\n}\ncustomElements.define('kpi-metric-value-importer', KpiMetricValueImporter)\n"]}

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.d.ts

@@ -0,0 +1,68 @@
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-record-creator.js';
+import { PageView } from '@operato/shell';
+import { FetchOption } from '@operato/data-grist';
+declare const KpiMetricValueListPage_base: (new (...args: any[]) => {
+    _storeUnsubscribe: () => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    stateChanged(_state: unknown): void;
+}) & (new (...args: any[]) => {
+    __preferenceProviders: {
+        [element: string]: import("@operato/p13n").PagePreferenceProvider;
+    };
+    getPagePreferenceProvider(element: string): import("@operato/p13n").PagePreferenceProvider | undefined;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
+export declare class KpiMetricValueListPage extends KpiMetricValueListPage_base {
+    static styles: import("lit").CSSResult[];
+    gristConfig: any;
+    mode: 'CARD' | 'GRID' | 'LIST';
+    private grist;
+    get context(): {
+        title: string;
+        search: {
+            handler: (search: string) => void;
+            value: string;
+        };
+        filter: {
+            handler: () => void;
+        };
+        help: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => Promise<void>;
+        }[];
+        exportable: {
+            name: string;
+            data: () => Promise<{}[]>;
+        };
+        importable: {
+            handler: (records: any) => Promise<void>;
+        };
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageInitialized(): Promise<void>;
+    pageUpdated(changes: any, lifecycle: any): void;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    }>;
+    _deleteKpiMetricValue(): Promise<void>;
+    _updateKpiMetricValue(): Promise<void>;
+    creationCallback(metricValue: any): Promise<boolean>;
+    exportHandler(): Promise<{}[]>;
+    importHandler(records: any): Promise<void>;
+    _editKpiMetricValue(metricValue: any): Promise<void>;
+    _openEditor(): Promise<void>;
+}
+export {};

package/dist-client/pages/kpi-metric-value/kpi-metric-value-list-page.js

@@ -0,0 +1,380 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@operato/data-grist/ox-grist.js';
+import '@operato/data-grist/ox-filters-form.js';
+import '@operato/data-grist/ox-record-creator.js';
+// import './kpi-metric-value-manual-entry-form.js'
+import { CommonButtonStyles, CommonHeaderStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles';
+import { PageView, store, connect } from '@operato/shell';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { DataGrist } from '@operato/data-grist';
+import { client } from '@operato/graphql';
+import { i18next, localize } from '@operato/i18n';
+import { notify, openPopup } from '@operato/layout';
+import { OxPrompt } from '@operato/popup';
+import { isMobileDevice } from '@operato/utils';
+import { p13n } from '@operato/p13n';
+import gql from 'graphql-tag';
+let KpiMetricValueListPage = class KpiMetricValueListPage extends connect(store)(p13n(localize(i18next)(ScopedElementsMixin(PageView)))) {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+    }
+    get context() {
+        return {
+            title: i18next.t('title.kpi metric value list'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: this.grist.searchText
+            },
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
+            help: 'kpi/kpi-metric-value',
+            actions: [
+                Object.assign({ title: i18next.t('button.bulk edit'), action: this._openEditor.bind(this) }, CommonButtonStyles.edit),
+                Object.assign({ title: i18next.t('button.save'), action: this._updateKpiMetricValue.bind(this) }, CommonButtonStyles.save),
+                Object.assign({ title: i18next.t('button.delete'), action: this._deleteKpiMetricValue.bind(this) }, CommonButtonStyles.delete)
+            ],
+            exportable: {
+                name: i18next.t('title.kpi metric value list'),
+                data: this.exportHandler.bind(this)
+            },
+            importable: {
+                handler: this.importHandler.bind(this)
+            }
+        };
+    }
+    render() {
+        const mode = this.mode || (isMobileDevice() ? 'CARD' : 'GRID');
+        return html `
+      <ox-grist
+        .mode=${mode}
+        .config=${this.gristConfig}
+        .fetchHandler=${this.fetchHandler.bind(this)}
+        .personalConfigProvider=${this.getPagePreferenceProvider('ox-grist')}
+      >
+        <div slot="headroom" class="header">
+          <div class="filters">
+            <ox-filters-form autofocus without-search></ox-filters-form>
+            <div id="modes">
+              <md-icon @click=${() => (this.mode = 'GRID')} ?active=${mode == 'GRID'}>grid_on</md-icon>
+              <md-icon @click=${() => (this.mode = 'LIST')} ?active=${mode == 'LIST'}>format_list_bulleted</md-icon>
+              <md-icon @click=${() => (this.mode = 'CARD')} ?active=${mode == 'CARD'}>apps</md-icon>
+            </div>
+            <ox-record-creator id="add" .callback=${this.creationCallback.bind(this)}>
+              <button>
+                <md-icon>add</md-icon>
+              </button>
+            </ox-record-creator>
+          </div>
+        </div>
+
+        <ox-grist-personalizer slot="setting"></ox-grist-personalizer>
+      </ox-grist>
+    `;
+    }
+    async pageInitialized() {
+        this.gristConfig = {
+            list: {
+                fields: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater'],
+                details: ['metric', 'valueDate', 'value', 'org', 'meta', 'createdAt', 'updatedAt', 'creator', 'updater']
+            },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                // KPI Metric Value 수정 버튼 추가
+                {
+                    type: 'gutter',
+                    gutterName: 'button',
+                    icon: 'edit',
+                    title: '수정',
+                    handlers: {
+                        click: (columns, data, column, record, rowIndex) => {
+                            this._editKpiMetricValue(record);
+                        }
+                    }
+                },
+                {
+                    type: 'resource-object',
+                    name: 'org',
+                    header: '프로젝트',
+                    record: {
+                        editable: false,
+                        options: {
+                            title: i18next.t('title.lookup project'),
+                            queryName: 'projects',
+                            columns: [
+                                { name: 'id', hidden: true },
+                                { name: 'name', header: i18next.t('field.name'), filter: 'search' },
+                                { name: 'startDate', header: i18next.t('field.start-date') },
+                                { name: 'endDate', header: i18next.t('field.end-date') }
+                            ],
+                            list: { fields: ['name', 'startDate', 'endDate'] },
+                            filterValueField: 'id',
+                            nameField: 'name',
+                            descriptionField: ''
+                        },
+                        renderer: (value, column, record, rowIndex, field) => {
+                            var _a;
+                            return ((_a = record.project) === null || _a === void 0 ? void 0 : _a.name) || record.org || '';
+                        }
+                    },
+                    filter: true,
+                    width: 120
+                },
+                {
+                    type: 'string',
+                    name: 'metric',
+                    header: 'Metric',
+                    record: { editable: false, renderer: (v, c, r) => { var _a; return (_a = r.metric) === null || _a === void 0 ? void 0 : _a.name; } },
+                    width: 150
+                },
+                { type: 'string', name: 'valueDate', header: '날짜', record: { editable: true }, width: 120 },
+                { type: 'number', name: 'value', header: '값', record: { editable: true }, width: 120 },
+                // { type: 'string', name: 'org', header: '조직', record: { editable: false }, width: 120 },
+                { type: 'object', name: 'meta', header: '메타', record: { editable: false }, width: 120 },
+                { type: 'datetime', name: 'createdAt', header: '생성일', record: { editable: false }, width: 180 },
+                { type: 'datetime', name: 'updatedAt', header: '수정일', record: { editable: false }, width: 180 },
+                {
+                    type: 'resource-object',
+                    name: 'creator',
+                    header: '생성자',
+                    record: { editable: false, renderer: (v, c, r) => { var _a; return (_a = r.creator) === null || _a === void 0 ? void 0 : _a.name; } },
+                    width: 120
+                },
+                {
+                    type: 'resource-object',
+                    name: 'updater',
+                    header: '수정자',
+                    record: { editable: false, renderer: (v, c, r) => { var _a; return (_a = r.updater) === null || _a === void 0 ? void 0 : _a.name; } },
+                    width: 120
+                }
+            ],
+            rows: {
+                appendable: false,
+                selectable: {
+                    multiple: true
+                }
+            },
+            sorters: [{ name: 'valueDate' }]
+        };
+    }
+    pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.grist.fetch();
+        }
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        const response = await client.query({
+            query: gql `
+        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {
+          responses: kpiMetricValues(filters: $filters, pagination: $pagination, sortings: $sortings) {
+            items {
+              id
+              metric {
+                id
+                name
+              }
+              valueDate
+              value
+              meta
+              org
+              project {
+                id
+                name
+              }
+              updater {
+                id
+                name
+              }
+              updatedAt
+              creator {
+                id
+                name
+              }
+              createdAt
+            }
+            total
+          }
+        }
+      `,
+            variables: {
+                filters,
+                pagination: { page, limit },
+                sortings
+            }
+        });
+        return {
+            total: response.data.responses.total || 0,
+            records: response.data.responses.items || []
+        };
+    }
+    async _deleteKpiMetricValue() {
+        if (await OxPrompt.open({
+            title: i18next.t('text.are_you_sure'),
+            text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),
+            confirmButton: { text: i18next.t('button.confirm') },
+            cancelButton: { text: i18next.t('button.cancel') }
+        })) {
+            const ids = this.grist.selected.map(record => record.id);
+            if (ids && ids.length > 0) {
+                const response = await client.mutate({
+                    mutation: gql `
+            mutation ($ids: [String!]!) {
+              deleteKpiMetricValues(ids: $ids)
+            }
+          `,
+                    variables: { ids }
+                });
+                if (!response.errors) {
+                    this.grist.fetch();
+                    notify({ message: i18next.t('text.info_x_successfully', { x: i18next.t('text.delete') }) });
+                }
+            }
+        }
+    }
+    async _updateKpiMetricValue() {
+        let patches = this.grist.dirtyRecords;
+        if (patches && patches.length) {
+            patches = patches.map(patch => {
+                let patchField = patch.id ? { id: patch.id } : {};
+                const dirtyFields = patch.__dirtyfields__;
+                for (let key in dirtyFields) {
+                    patchField[key] = dirtyFields[key].after;
+                }
+                patchField.cuFlag = patch.__dirty__;
+                return patchField;
+            });
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($patches: [KpiMetricValuePatch!]!) {
+            updateMultipleKpiMetricValue(patches: $patches) {
+              id
+              metric {
+                id
+                name
+              }
+              org
+              valueDate
+              value
+            }
+          }
+        `,
+                variables: { patches }
+            });
+            if (!response.errors) {
+                this.grist.fetch();
+            }
+        }
+    }
+    async creationCallback(metricValue) {
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation ($metricValue: NewKpiMetricValue!) {
+            createKpiMetricValue(metricValue: $metricValue) {
+              id
+            }
+          }
+        `,
+                variables: { metricValue },
+                context: { hasUpload: true }
+            });
+            if (!response.errors) {
+                this.grist.fetch();
+                document.dispatchEvent(new CustomEvent('notify', { detail: { message: i18next.t('text.data_created_successfully') } }));
+            }
+            return true;
+        }
+        catch (ex) {
+            console.error(ex);
+            document.dispatchEvent(new CustomEvent('notify', { detail: { type: 'error', message: i18next.t('text.error') } }));
+            return false;
+        }
+    }
+    async exportHandler() {
+        const exportTargets = this.grist.selected.length ? this.grist.selected : this.grist.dirtyData.records;
+        const targetFieldSet = new Set(['id', 'metric', 'valueDate', 'value', 'org', 'meta']);
+        return exportTargets.map(metricValue => {
+            let tempObj = {};
+            for (const field of targetFieldSet) {
+                tempObj[field] = metricValue[field];
+            }
+            return tempObj;
+        });
+    }
+    async importHandler(records) {
+        // 임포트 팝업 등은 추후 구현
+    }
+    async _editKpiMetricValue(metricValue) {
+        var _a;
+        const popup = await openPopup(html `
+        <kpi-metric-value-manual-entry-form
+          .metric=${metricValue.metric}
+          .valueDate=${metricValue.valueDate}
+          .value=${metricValue.value}
+          .org=${metricValue.org}
+          .meta=${metricValue.meta ? JSON.stringify(metricValue.meta) : ''}
+          @saved=${() => {
+            this.grist.fetch();
+            popup.close();
+        }}
+        ></kpi-metric-value-manual-entry-form>
+      `, {
+            title: `${((_a = metricValue.metric) === null || _a === void 0 ? void 0 : _a.name) || ''} 값 수정`,
+            size: 'medium',
+            backdrop: true
+        });
+    }
+    async _openEditor() {
+        const { KpiMetricValueEditorPage } = await import('./kpi-metric-value-editor-page.js');
+        await openPopup(html `
+      <${KpiMetricValueEditorPage}></${KpiMetricValueEditorPage}>
+    `, {
+            movable: true
+        });
+    }
+};
+KpiMetricValueListPage.styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    CommonHeaderStyles,
+    css `
+      :host {
+        display: flex;
+        width: 100%;
+      }
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+      ox-filters-form {
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], KpiMetricValueListPage.prototype, "gristConfig", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], KpiMetricValueListPage.prototype, "mode", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], KpiMetricValueListPage.prototype, "grist", void 0);
+KpiMetricValueListPage = __decorate([
+    customElement('kpi-metric-value-list-page')
+], KpiMetricValueListPage);
+export { KpiMetricValueListPage };
+//# sourceMappingURL=kpi-metric-value-list-page.js.map