@contena/meteor-component-library 5.5.0 → 5.6.0

package/dist/common/MtDataTable.js

@@ -27,21 +27,21 @@ const MtDataTableResetFilterButton = require("./MtDataTableResetFilterButton.js"
 const MtDataTableFilter = require("./MtDataTableFilter.js");
 const MtInset = require("./MtInset.js");
 const vueI18n = require("vue-i18n");
+const MtBaseField = require("../mt-base-field-b1264b8e.js");
 const index = require("../index-efdf1622.js");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
 require("./MtLoader.js");
 require("./MtText.js");
 require("../useFutureFlags-bd0f8e37.js");
-require("../mt-base-field-32e14998.js");
+require("./MtFieldError.js");
+require("../id-8e80f112.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");
 require("../floating-ui.dom-fe395b67.js");
 require("../useIsInsideTooltip-f4674e27.js");
 require("./MtFieldCopyable.js");
-require("../id-8e80f112.js");
 require("./MtHelpText.js");
-require("./MtFieldError.js");
 require("../mt-switch.vue_vue_type_style_index_0_lang-c202621e.js");
 require("./MtFieldLabel.js");
 require("./MtSmoothReflow.js");
@@ -551,7 +551,7 @@ const _sfc_main = vue.defineComponent({
     "update:appliedFilters",
     "context-select"
   ],
-  setup(props, { emit }) {
+  setup(props, { emit, slots }) {
     const { t } = vueI18n.useI18n({
       messages: {
         en: {
@@ -627,6 +627,7 @@ const _sfc_main = vue.defineComponent({
     const filterChildViews = vue.computed(() => {
       return props.filters.map(({ id, label }) => ({ name: id, title: label }));
     });
+    const showToolbar = () => props.disableSearch !== true || props.filters.length > 0 || props.appliedFilters.length > 0 || MtBaseField.hasSlotContent(slots.toolbar);
     const sortedColumns = vue.computed(() => {
       return columnsWithChanges.value.slice().sort((a, b) => a.position - b.position);
     });
@@ -1272,6 +1273,7 @@ const _sfc_main = vue.defineComponent({
       emptyData,
       getRealIndex,
       isDragging,
+      showToolbar,
       filterChildViews,
       removeFilter,
       addOption,
@@ -1382,130 +1384,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass(["mt-data-table", _ctx.MtDataTableClasses]),
     title: _ctx.title,
     subtitle: _ctx.subtitle
-  }, {
-    toolbar: vue.withCtx(() => [
-      vue.createElementVNode("div", _hoisted_1, [
-        _ctx.disableSearch !== true ? (vue.openBlock(), vue.createBlock(_component_mt_search, {
-          key: 0,
-          class: "mt-data-table__search",
-          size: "small",
-          "model-value": _ctx.searchValue,
-          "onUpdate:modelValue": _ctx.handleSearchUpdate
-        }, null, 8, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("", true),
-        _ctx.filters.length > 0 ? (vue.openBlock(), vue.createBlock(_component_mt_popover, {
-          key: 1,
-          title: "Filters",
-          "child-views": _ctx.filterChildViews
-        }, vue.createSlots({
-          trigger: vue.withCtx(({ toggleFloatingUi }) => [
-            vue.createVNode(_component_mt_button, {
-              variant: "secondary",
-              onClick: toggleFloatingUi
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_mt_icon, {
-                  name: "solid-filter-s",
-                  "aria-hidden": "true"
-                }),
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.t("filter.addFilter")), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]),
-          "popover-items__base": vue.withCtx(({ changeView }) => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
-              return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
-                key: filter.id,
-                label: filter.label,
-                "show-options": "",
-                onClickOptions: () => changeView(filter.id)
-              }, null, 8, ["label", "onClickOptions"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          vue.renderList(_ctx.filters, (filter) => {
-            return {
-              name: `popover-items__${filter.id}`,
-              fn: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filter.type.options, (option) => {
-                  return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
-                    key: option.id,
-                    label: option.label,
-                    "show-checkbox": "",
-                    "checkbox-checked": _ctx.isOptionSelected(filter.id, option.id),
-                    onChangeCheckbox: (isChecked) => isChecked ? _ctx.addOption(filter.id, option.id) : _ctx.removeOption(filter.id, option.id)
-                  }, null, 8, ["label", "checkbox-checked", "onChangeCheckbox"]);
-                }), 128))
-              ])
-            };
-          })
-        ]), 1032, ["child-views"])) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, "toolbar")
-      ]),
-      _ctx.appliedFilters.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-        vue.createElementVNode("span", null, vue.toDisplayString(_ctx.isLoading ? _ctx.t("filter.fetchingFilteredResults") : _ctx.t("filter.numberOfResults", { n: _ctx.numberOfResults ?? 0 })), 1),
-        vue.createElementVNode("div", _hoisted_3, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.appliedFilters, (filter) => {
-            return vue.openBlock(), vue.createBlock(_component_mt_data_table_filter, {
-              key: filter.id,
-              filter: _ctx.filters.find((f) => f.id === filter.id),
-              "applied-options": filter.type.options,
-              onAddOption: _cache[0] || (_cache[0] = (filterId, optionId) => _ctx.addOption(filterId, optionId)),
-              onRemoveOption: _cache[1] || (_cache[1] = (filterId, optionId) => _ctx.removeOption(filterId, optionId)),
-              onRemoveFilter: ($event) => _ctx.removeFilter(filter.id)
-            }, null, 8, ["filter", "applied-options", "onRemoveFilter"]);
-          }), 128))
-        ]),
-        vue.createVNode(_component_mt_popover, {
-          title: "Filters",
-          "child-views": _ctx.filterChildViews
-        }, vue.createSlots({
-          trigger: vue.withCtx(({ toggleFloatingUi }) => [
-            vue.createElementVNode("button", {
-              type: "button",
-              class: "mt-data-table__add-filter-button",
-              "aria-label": _ctx.t("filter.addFilter"),
-              onClick: toggleFloatingUi
-            }, [
-              vue.createVNode(_component_mt_icon, { name: "solid-plus-square-s" })
-            ], 8, _hoisted_4)
-          ]),
-          "popover-items__base": vue.withCtx(({ changeView }) => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
-              return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
-                key: filter.id,
-                label: filter.label,
-                "show-options": "",
-                onClickOptions: () => changeView(filter.id)
-              }, null, 8, ["label", "onClickOptions"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          vue.renderList(_ctx.filters, (filter) => {
-            return {
-              name: `popover-items__${filter.id}`,
-              fn: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filter.type.options, (option) => {
-                  return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
-                    key: option.id,
-                    label: option.label,
-                    "show-checkbox": "",
-                    "checkbox-checked": _ctx.isOptionSelected(filter.id, option.id),
-                    onChangeCheckbox: (isChecked) => isChecked ? _ctx.addOption(filter.id, option.id) : _ctx.removeOption(filter.id, option.id)
-                  }, null, 8, ["label", "checkbox-checked", "onChangeCheckbox"]);
-                }), 128))
-              ])
-            };
-          })
-        ]), 1032, ["child-views"]),
-        vue.createVNode(_component_mt_data_table_reset_filter_button, {
-          "number-of-applied-filters": _ctx.appliedFilters.length,
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:appliedFilters", []))
-        }, null, 8, ["number-of-applied-filters"])
-      ])) : vue.createCommentVNode("", true)
-    ]),
+  }, vue.createSlots({
     default: vue.withCtx(() => [
       _ctx.somethingSelected ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
         vue.createVNode(_component_mt_segmented_control, {
@@ -1906,8 +1785,136 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ]),
-    _: 3
-  }, 8, ["class", "title", "subtitle"]);
+    _: 2
+  }, [
+    _ctx.showToolbar() ? {
+      name: "toolbar",
+      fn: vue.withCtx(() => [
+        vue.createElementVNode("div", _hoisted_1, [
+          _ctx.disableSearch !== true ? (vue.openBlock(), vue.createBlock(_component_mt_search, {
+            key: 0,
+            class: "mt-data-table__search",
+            size: "small",
+            "model-value": _ctx.searchValue,
+            "onUpdate:modelValue": _ctx.handleSearchUpdate
+          }, null, 8, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("", true),
+          _ctx.filters.length > 0 ? (vue.openBlock(), vue.createBlock(_component_mt_popover, {
+            key: 1,
+            title: "Filters",
+            "child-views": _ctx.filterChildViews
+          }, vue.createSlots({
+            trigger: vue.withCtx(({ toggleFloatingUi }) => [
+              vue.createVNode(_component_mt_button, {
+                variant: "secondary",
+                onClick: toggleFloatingUi
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_mt_icon, {
+                    name: "solid-filter-s",
+                    "aria-hidden": "true"
+                  }),
+                  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.t("filter.addFilter")), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            "popover-items__base": vue.withCtx(({ changeView }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
+                return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
+                  key: filter.id,
+                  label: filter.label,
+                  "show-options": "",
+                  onClickOptions: () => changeView(filter.id)
+                }, null, 8, ["label", "onClickOptions"]);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            vue.renderList(_ctx.filters, (filter) => {
+              return {
+                name: `popover-items__${filter.id}`,
+                fn: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filter.type.options, (option) => {
+                    return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
+                      key: option.id,
+                      label: option.label,
+                      "show-checkbox": "",
+                      "checkbox-checked": _ctx.isOptionSelected(filter.id, option.id),
+                      onChangeCheckbox: (isChecked) => isChecked ? _ctx.addOption(filter.id, option.id) : _ctx.removeOption(filter.id, option.id)
+                    }, null, 8, ["label", "checkbox-checked", "onChangeCheckbox"]);
+                  }), 128))
+                ])
+              };
+            })
+          ]), 1032, ["child-views"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "toolbar")
+        ]),
+        _ctx.appliedFilters.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createElementVNode("span", null, vue.toDisplayString(_ctx.isLoading ? _ctx.t("filter.fetchingFilteredResults") : _ctx.t("filter.numberOfResults", { n: _ctx.numberOfResults ?? 0 })), 1),
+          vue.createElementVNode("div", _hoisted_3, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.appliedFilters, (filter) => {
+              return vue.openBlock(), vue.createBlock(_component_mt_data_table_filter, {
+                key: filter.id,
+                filter: _ctx.filters.find((f) => f.id === filter.id),
+                "applied-options": filter.type.options,
+                onAddOption: _cache[0] || (_cache[0] = (filterId, optionId) => _ctx.addOption(filterId, optionId)),
+                onRemoveOption: _cache[1] || (_cache[1] = (filterId, optionId) => _ctx.removeOption(filterId, optionId)),
+                onRemoveFilter: ($event) => _ctx.removeFilter(filter.id)
+              }, null, 8, ["filter", "applied-options", "onRemoveFilter"]);
+            }), 128))
+          ]),
+          vue.createVNode(_component_mt_popover, {
+            title: "Filters",
+            "child-views": _ctx.filterChildViews
+          }, vue.createSlots({
+            trigger: vue.withCtx(({ toggleFloatingUi }) => [
+              vue.createElementVNode("button", {
+                type: "button",
+                class: "mt-data-table__add-filter-button",
+                "aria-label": _ctx.t("filter.addFilter"),
+                onClick: toggleFloatingUi
+              }, [
+                vue.createVNode(_component_mt_icon, { name: "solid-plus-square-s" })
+              ], 8, _hoisted_4)
+            ]),
+            "popover-items__base": vue.withCtx(({ changeView }) => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.filters, (filter) => {
+                return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
+                  key: filter.id,
+                  label: filter.label,
+                  "show-options": "",
+                  onClickOptions: () => changeView(filter.id)
+                }, null, 8, ["label", "onClickOptions"]);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            vue.renderList(_ctx.filters, (filter) => {
+              return {
+                name: `popover-items__${filter.id}`,
+                fn: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filter.type.options, (option) => {
+                    return vue.openBlock(), vue.createBlock(_component_mt_popover_item, {
+                      key: option.id,
+                      label: option.label,
+                      "show-checkbox": "",
+                      "checkbox-checked": _ctx.isOptionSelected(filter.id, option.id),
+                      onChangeCheckbox: (isChecked) => isChecked ? _ctx.addOption(filter.id, option.id) : _ctx.removeOption(filter.id, option.id)
+                    }, null, 8, ["label", "checkbox-checked", "onChangeCheckbox"]);
+                  }), 128))
+                ])
+              };
+            })
+          ]), 1032, ["child-views"]),
+          vue.createVNode(_component_mt_data_table_reset_filter_button, {
+            "number-of-applied-filters": _ctx.appliedFilters.length,
+            onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:appliedFilters", []))
+          }, null, 8, ["number-of-applied-filters"])
+        ])) : vue.createCommentVNode("", true)
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "title", "subtitle"]);
 }
 const MtDataTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = MtDataTable;

package/dist/common/MtDataTableFilter.js

@@ -8,7 +8,7 @@ const MtText = require("./MtText.js");
 const vueI18n = require("vue-i18n");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
 require("./MtCheckbox.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");
@@ -53,7 +53,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           removeButton: "Remove filter"
         },
         zh: {
-          is: "为",
+          is: "等于",
           removeButton: "移除筛选"
         }
       }
@@ -119,6 +119,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const mtDataTableFilter_vue_vue_type_style_index_0_scoped_a876f3f0_lang = "";
-const MtDataTableFilter = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-a876f3f0"]]);
+const mtDataTableFilter_vue_vue_type_style_index_0_scoped_444741f3_lang = "";
+const MtDataTableFilter = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-444741f3"]]);
 module.exports = MtDataTableFilter;

package/dist/common/MtDataTableSettings.js

@@ -12,7 +12,7 @@ require("../useIsInsideTooltip-f4674e27.js");
 require("./MtLoader.js");
 require("./MtText.js");
 require("./MtCheckbox.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtEntityDataTable.js

@@ -1,15 +1,16 @@
 import '../mt-entity-data-table.css';
 "use strict";
-const mtEntityDataTable_vue_vue_type_style_index_0_lang = require("../mt-entity-data-table.vue_vue_type_style_index_0_lang-5acc37b3.js");
+const mtEntityDataTable_vue_vue_type_style_index_0_lang = require("../mt-entity-data-table.vue_vue_type_style_index_0_lang-84494335.js");
 require("vue");
-require("../useRepository-c69e2597.js");
+require("../Criteria-86968a69.js");
+require("../useRepository-6804d3b6.js");
 require("./MtDataTable.js");
 require("./MtCard.js");
 require("../mt-context-button.vue_vue_type_style_index_0_lang-fda7578e.js");
 require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
 require("./MtPopover.js");
 require("./MtCheckbox.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtEntitySelect.js

@@ -1,5 +1,5 @@
 "use strict";
-const mtEntitySelect_vue_vue_type_script_setup_true_lang = require("../mt-entity-select.vue_vue_type_script_setup_true_lang-50315e8d.js");
+const mtEntitySelect_vue_vue_type_script_setup_true_lang = require("../mt-entity-select.vue_vue_type_script_setup_true_lang-2cdffea0.js");
 require("vue");
 require("./MtSelect.js");
 require("../debounce-77fa4677.js");
@@ -8,7 +8,7 @@ require("./MtFieldHint.js");
 require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
 require("../_plugin-vue_export-helper-9c783a34.js");
 require("./MtSelectBase.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");
@@ -32,5 +32,6 @@ require("./MtSelectSelectionList.js");
 require("../mt-label.vue_vue_type_style_index_0_lang-cdaf52a6.js");
 require("./MtButton.js");
 require("../mt-highlight-text.vue_vue_type_style_index_0_lang-a463da9a.js");
-require("../useRepository-c69e2597.js");
+require("../Criteria-86968a69.js");
+require("../useRepository-6804d3b6.js");
 module.exports = mtEntitySelect_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/common/MtGrantPermissionServiceBanner.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/common/MtGrantPermissionServiceBanner.js

@@ -0,0 +1,155 @@
+import '../mt-grant-permission-service-banner.css';
+"use strict";
+const vue = require("vue");
+const index = require("../index-e582fef8.js");
+const vueI18n = require("vue-i18n");
+const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
+const MtText = require("./MtText.js");
+const MtButton = require("./MtButton.js");
+const index$1 = require("../index-f8d7f486.js");
+const channel = require("../channel-c7fd2abb.js");
+const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
+require("../index-efdf1622.js");
+require("../useIsInsideTooltip-f4674e27.js");
+require("./MtLoader.js");
+require("../Criteria-86968a69.js");
+const dispatch = channel.createSender("telemetryDispatch");
+const isService = channel.createSender("contextIsService", {});
+const grant = channel.createSender("servicePermissionGrant", {});
+const isGranted = channel.createSender("servicePermissionIsGranted", {});
+const _hoisted_1 = {
+  key: 0,
+  class: "mt-grant-permission-service-banner__container"
+};
+const _hoisted_2 = ["aria-labelledby"];
+const _hoisted_3 = { class: "mt-grant-permission-service-banner__body" };
+const _hoisted_4 = { class: "mt-grant-permission-service-banner__actions" };
+const _hoisted_5 = { class: "mt-grant-permission-service-banner__label--short" };
+const _hoisted_6 = { class: "mt-grant-permission-service-banner__label--long" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "mt-grant-permission-service-banner",
+  setup(__props) {
+    const { t } = vueI18n.useI18n({
+      messages: {
+        en: {
+          title: "Grant permissions to activate this service.",
+          description: "Only the data needed to function will be accessed.",
+          grantLabel: "Grant permissions",
+          grantLongLabel: "Grant permissions and activate",
+          moreInfo: "More info",
+          moreInfoUrl: "https://developer.contena.cn/docs/"
+        },
+        zh: {
+          title: "授予权限以启用此服务。",
+          description: "仅访问此功能运行所需的数据。",
+          grantLabel: "授予权限",
+          grantLongLabel: "授予权限并启用",
+          moreInfo: "了解更多",
+          moreInfoUrl: "https://developer.contena.cn/docs/"
+        }
+      }
+    });
+    const titleId = vue.useId();
+    const isLoading = vue.ref(false);
+    const isShowUI = index.computedAsync(async () => {
+      return await isService() && !await isGranted();
+    }, false);
+    const appInfo = index.computedAsync(async () => {
+      return await index$1.getAppInformation();
+    }, null);
+    function track(event, data) {
+      dispatch({ event, data }).catch(() => void 0);
+    }
+    async function handleGrantPermission() {
+      var _a, _b;
+      track(`${(_a = appInfo.value) == null ? void 0 : _a.name}_grant_permission_clicked`, {
+        contena_version: (_b = appInfo.value) == null ? void 0 : _b.version
+      });
+      if (isLoading.value) {
+        return;
+      }
+      isLoading.value = true;
+      try {
+        await grant();
+      } catch (error) {
+        console.error("Error granting permission:", error);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    function handleClickMoreInfo() {
+      var _a;
+      track(`${(_a = appInfo.value) == null ? void 0 : _a.name}_grant_permission_more_info`);
+    }
+    return (_ctx, _cache) => {
+      return vue.unref(isShowUI) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("section", {
+          class: "mt-grant-permission-service-banner",
+          "aria-labelledby": vue.unref(titleId)
+        }, [
+          vue.createVNode(mtIcon_vue_vue_type_style_index_0_lang._sfc_main, {
+            class: "mt-grant-permission-service-banner__icon",
+            name: "regular-trust",
+            size: "32",
+            decorative: ""
+          }),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(MtText, {
+              id: vue.unref(titleId),
+              as: "h3",
+              weight: "bold",
+              size: "xs",
+              class: "mt-grant-permission-service-banner__title"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("title")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"]),
+            vue.createVNode(MtText, {
+              size: "2xs",
+              color: "color-text-secondary-default",
+              class: "mt-grant-permission-service-banner__description"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("description")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(MtButton, {
+              variant: "primary",
+              class: "mt-grant-permission-service-banner__grant",
+              "is-loading": isLoading.value,
+              onClick: handleGrantPermission
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(vue.unref(t)("grantLabel")), 1),
+                vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(vue.unref(t)("grantLongLabel")), 1)
+              ]),
+              _: 1
+            }, 8, ["is-loading"]),
+            vue.createVNode(MtButton, {
+              is: "a",
+              variant: "secondary",
+              class: "mt-grant-permission-service-banner__more-info",
+              href: vue.unref(t)("moreInfoUrl"),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: handleClickMoreInfo
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(vue.unref(t)("moreInfo")), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])
+          ])
+        ], 8, _hoisted_2)
+      ])) : vue.createCommentVNode("", true);
+    };
+  }
+});
+const mtGrantPermissionServiceBanner_vue_vue_type_style_index_0_scoped_95188d4f_lang = "";
+const mtGrantPermissionServiceBanner = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-95188d4f"]]);
+module.exports = mtGrantPermissionServiceBanner;

package/dist/common/MtModal.js

@@ -262,6 +262,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const mtModal_vue_vue_type_style_index_0_scoped_4d6bac13_lang = "";
-const MtModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-4d6bac13"]]);
+const mtModal_vue_vue_type_style_index_0_scoped_684596ac_lang = "";
+const MtModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-684596ac"]]);
 module.exports = MtModal;

package/dist/common/MtNumberField.js

@@ -6,7 +6,7 @@ const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_
 const MtFieldHint = require("./MtFieldHint.js");
 const vueI18n = require("vue-i18n");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtPagination.js

@@ -156,6 +156,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const mtPagination_vue_vue_type_style_index_0_scoped_c2204c1a_lang = "";
-const MtPagination = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c2204c1a"]]);
+const mtPagination_vue_vue_type_style_index_0_scoped_3c2685bd_lang = "";
+const MtPagination = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3c2685bd"]]);
 module.exports = MtPagination;

package/dist/common/MtPasswordField.js

@@ -1,7 +1,7 @@
 import '../mt-password-field.css';
 "use strict";
 const vue = require("vue");
-const MtBaseField = require("../mt-base-field-32e14998.js");
+const MtBaseField = require("../mt-base-field-b1264b8e.js");
 const MtFieldError = require("./MtFieldError.js");
 const MtFieldHint = require("./MtFieldHint.js");
 const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");

package/dist/common/MtPopover.js

@@ -10,7 +10,7 @@ const MtSmoothReflow = require("./MtSmoothReflow.js");
 const mtFloatingUi_vue_vue_type_style_index_0_lang = require("../mt-floating-ui.vue_vue_type_style_index_0_lang-2ea8a18a.js");
 const MtText = require("./MtText.js");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtPopoverItem.js

@@ -7,7 +7,7 @@ const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_
 const id = require("../id-8e80f112.js");
 const index = require("../index-efdf1622.js");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtPopoverItemResult.js

@@ -8,7 +8,7 @@ require("vue-i18n");
 require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
 require("./MtPopoverItem.js");
 require("./MtCheckbox.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtSegmentedControl.js

@@ -5,7 +5,7 @@ const mtIcon_vue_vue_type_style_index_0_lang = require("../mt-icon.vue_vue_type_
 const MtPopover = require("./MtPopover.js");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");

package/dist/common/MtSelect.js

@@ -11,7 +11,7 @@ const mtHighlightText_vue_vue_type_style_index_0_lang = require("../mt-highlight
 const vueI18n = require("vue-i18n");
 const _pluginVue_exportHelper = require("../_plugin-vue_export-helper-9c783a34.js");
 require("../mt-icon.vue_vue_type_style_index_0_lang-228a1bb5.js");
-require("../mt-base-field-32e14998.js");
+require("../mt-base-field-b1264b8e.js");
 require("./MtInheritanceSwitch.js");
 require("./MtTooltip.js");
 require("../floating-ui.vue-48d5c774.js");