@contena/meteor-component-library 5.5.0 → 5.6.0

package/dist/esm/MtDataTable.js

@@ -1,5 +1,5 @@
 import '../mt-data-table.css';
-import { nextTick, watch, onUpdated, onMounted, onBeforeUnmount, defineComponent, reactive, computed, ref, onBeforeUpdate, resolveComponent, resolveDirective, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, createCommentVNode, createSlots, createVNode, toDisplayString, createElementBlock, Fragment, renderList, renderSlot, withDirectives, normalizeStyle, withModifiers } from "vue";
+import { nextTick, watch, onUpdated, onMounted, onBeforeUnmount, defineComponent, reactive, computed, ref, onBeforeUpdate, resolveComponent, resolveDirective, openBlock, createBlock, normalizeClass, createSlots, withCtx, createElementBlock, createVNode, Fragment, renderList, createCommentVNode, createElementVNode, toDisplayString, withDirectives, normalizeStyle, withModifiers, renderSlot } from "vue";
 import MtCard from "./MtCard.js";
 import MtButton from "./MtButton.js";
 import MtSelect from "./MtSelect.js";
@@ -26,21 +26,21 @@ import MtDataTableResetFilterButton from "./MtDataTableResetFilterButton.js";
 import MtDataTableFilter from "./MtDataTableFilter.js";
 import MtInset from "./MtInset.js";
 import { useI18n } from "vue-i18n";
+import { h as hasSlotContent } from "../mt-base-field-ddfd1f81.mjs";
 import { h as useDebounceFn } from "../index-431c2592.mjs";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
 import "./MtLoader.js";
 import "./MtText.js";
 import "../useFutureFlags-af867fe7.mjs";
-import "../mt-base-field-3b5538c6.mjs";
+import "./MtFieldError.js";
+import "../id-1e5b8276.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";
 import "../floating-ui.dom-3a2ca2f5.mjs";
 import "../useIsInsideTooltip-0c3bd290.mjs";
 import "./MtFieldCopyable.js";
-import "../id-1e5b8276.mjs";
 import "./MtHelpText.js";
-import "./MtFieldError.js";
 import "../mt-switch.vue_vue_type_style_index_0_lang-4d293db9.mjs";
 import "./MtFieldLabel.js";
 import "./MtSmoothReflow.js";
@@ -550,7 +550,7 @@ const _sfc_main = defineComponent({
     "update:appliedFilters",
     "context-select"
   ],
-  setup(props, { emit }) {
+  setup(props, { emit, slots }) {
     const { t } = useI18n({
       messages: {
         en: {
@@ -626,6 +626,7 @@ const _sfc_main = defineComponent({
     const filterChildViews = computed(() => {
       return props.filters.map(({ id, label }) => ({ name: id, title: label }));
     });
+    const showToolbar = () => props.disableSearch !== true || props.filters.length > 0 || props.appliedFilters.length > 0 || hasSlotContent(slots.toolbar);
     const sortedColumns = computed(() => {
       return columnsWithChanges.value.slice().sort((a, b) => a.position - b.position);
     });
@@ -1271,6 +1272,7 @@ const _sfc_main = defineComponent({
       emptyData,
       getRealIndex,
       isDragging,
+      showToolbar,
       filterChildViews,
       removeFilter,
       addOption,
@@ -1381,130 +1383,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["mt-data-table", _ctx.MtDataTableClasses]),
     title: _ctx.title,
     subtitle: _ctx.subtitle
-  }, {
-    toolbar: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        _ctx.disableSearch !== true ? (openBlock(), 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"])) : createCommentVNode("", true),
-        _ctx.filters.length > 0 ? (openBlock(), createBlock(_component_mt_popover, {
-          key: 1,
-          title: "Filters",
-          "child-views": _ctx.filterChildViews
-        }, createSlots({
-          trigger: withCtx(({ toggleFloatingUi }) => [
-            createVNode(_component_mt_button, {
-              variant: "secondary",
-              onClick: toggleFloatingUi
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_mt_icon, {
-                  name: "solid-filter-s",
-                  "aria-hidden": "true"
-                }),
-                createElementVNode("span", null, toDisplayString(_ctx.t("filter.addFilter")), 1)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]),
-          "popover-items__base": withCtx(({ changeView }) => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
-              return openBlock(), createBlock(_component_mt_popover_item, {
-                key: filter.id,
-                label: filter.label,
-                "show-options": "",
-                onClickOptions: () => changeView(filter.id)
-              }, null, 8, ["label", "onClickOptions"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          renderList(_ctx.filters, (filter) => {
-            return {
-              name: `popover-items__${filter.id}`,
-              fn: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(filter.type.options, (option) => {
-                  return openBlock(), 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"])) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "toolbar")
-      ]),
-      _ctx.appliedFilters.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
-        createElementVNode("span", null, toDisplayString(_ctx.isLoading ? _ctx.t("filter.fetchingFilteredResults") : _ctx.t("filter.numberOfResults", { n: _ctx.numberOfResults ?? 0 })), 1),
-        createElementVNode("div", _hoisted_3, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.appliedFilters, (filter) => {
-            return openBlock(), 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))
-        ]),
-        createVNode(_component_mt_popover, {
-          title: "Filters",
-          "child-views": _ctx.filterChildViews
-        }, createSlots({
-          trigger: withCtx(({ toggleFloatingUi }) => [
-            createElementVNode("button", {
-              type: "button",
-              class: "mt-data-table__add-filter-button",
-              "aria-label": _ctx.t("filter.addFilter"),
-              onClick: toggleFloatingUi
-            }, [
-              createVNode(_component_mt_icon, { name: "solid-plus-square-s" })
-            ], 8, _hoisted_4)
-          ]),
-          "popover-items__base": withCtx(({ changeView }) => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
-              return openBlock(), createBlock(_component_mt_popover_item, {
-                key: filter.id,
-                label: filter.label,
-                "show-options": "",
-                onClickOptions: () => changeView(filter.id)
-              }, null, 8, ["label", "onClickOptions"]);
-            }), 128))
-          ]),
-          _: 2
-        }, [
-          renderList(_ctx.filters, (filter) => {
-            return {
-              name: `popover-items__${filter.id}`,
-              fn: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(filter.type.options, (option) => {
-                  return openBlock(), 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"]),
-        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"])
-      ])) : createCommentVNode("", true)
-    ]),
+  }, createSlots({
     default: withCtx(() => [
       _ctx.somethingSelected ? (openBlock(), createElementBlock("div", _hoisted_5, [
         createVNode(_component_mt_segmented_control, {
@@ -1905,8 +1784,136 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       })
     ]),
-    _: 3
-  }, 8, ["class", "title", "subtitle"]);
+    _: 2
+  }, [
+    _ctx.showToolbar() ? {
+      name: "toolbar",
+      fn: withCtx(() => [
+        createElementVNode("div", _hoisted_1, [
+          _ctx.disableSearch !== true ? (openBlock(), 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"])) : createCommentVNode("", true),
+          _ctx.filters.length > 0 ? (openBlock(), createBlock(_component_mt_popover, {
+            key: 1,
+            title: "Filters",
+            "child-views": _ctx.filterChildViews
+          }, createSlots({
+            trigger: withCtx(({ toggleFloatingUi }) => [
+              createVNode(_component_mt_button, {
+                variant: "secondary",
+                onClick: toggleFloatingUi
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_mt_icon, {
+                    name: "solid-filter-s",
+                    "aria-hidden": "true"
+                  }),
+                  createElementVNode("span", null, toDisplayString(_ctx.t("filter.addFilter")), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"])
+            ]),
+            "popover-items__base": withCtx(({ changeView }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
+                return openBlock(), createBlock(_component_mt_popover_item, {
+                  key: filter.id,
+                  label: filter.label,
+                  "show-options": "",
+                  onClickOptions: () => changeView(filter.id)
+                }, null, 8, ["label", "onClickOptions"]);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            renderList(_ctx.filters, (filter) => {
+              return {
+                name: `popover-items__${filter.id}`,
+                fn: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filter.type.options, (option) => {
+                    return openBlock(), 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"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "toolbar")
+        ]),
+        _ctx.appliedFilters.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("span", null, toDisplayString(_ctx.isLoading ? _ctx.t("filter.fetchingFilteredResults") : _ctx.t("filter.numberOfResults", { n: _ctx.numberOfResults ?? 0 })), 1),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.appliedFilters, (filter) => {
+              return openBlock(), 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))
+          ]),
+          createVNode(_component_mt_popover, {
+            title: "Filters",
+            "child-views": _ctx.filterChildViews
+          }, createSlots({
+            trigger: withCtx(({ toggleFloatingUi }) => [
+              createElementVNode("button", {
+                type: "button",
+                class: "mt-data-table__add-filter-button",
+                "aria-label": _ctx.t("filter.addFilter"),
+                onClick: toggleFloatingUi
+              }, [
+                createVNode(_component_mt_icon, { name: "solid-plus-square-s" })
+              ], 8, _hoisted_4)
+            ]),
+            "popover-items__base": withCtx(({ changeView }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filters, (filter) => {
+                return openBlock(), createBlock(_component_mt_popover_item, {
+                  key: filter.id,
+                  label: filter.label,
+                  "show-options": "",
+                  onClickOptions: () => changeView(filter.id)
+                }, null, 8, ["label", "onClickOptions"]);
+              }), 128))
+            ]),
+            _: 2
+          }, [
+            renderList(_ctx.filters, (filter) => {
+              return {
+                name: `popover-items__${filter.id}`,
+                fn: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(filter.type.options, (option) => {
+                    return openBlock(), 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"]),
+          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"])
+        ])) : createCommentVNode("", true)
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1032, ["class", "title", "subtitle"]);
 }
 const MtDataTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/esm/MtDataTableFilter.js

@@ -7,7 +7,7 @@ import MtText from "./MtText.js";
 import { useI18n } from "vue-i18n";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
 import "./MtCheckbox.js";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           removeButton: "Remove filter"
         },
         zh: {
-          is: "为",
+          is: "等于",
           removeButton: "移除筛选"
         }
       }
@@ -118,8 +118,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mtDataTableFilter_vue_vue_type_style_index_0_scoped_a876f3f0_lang = "";
-const MtDataTableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a876f3f0"]]);
+const mtDataTableFilter_vue_vue_type_style_index_0_scoped_444741f3_lang = "";
+const MtDataTableFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-444741f3"]]);
 export {
   MtDataTableFilter as default
 };

package/dist/esm/MtDataTableSettings.js

@@ -11,7 +11,7 @@ import "../useIsInsideTooltip-0c3bd290.mjs";
 import "./MtLoader.js";
 import "./MtText.js";
 import "./MtCheckbox.js";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtEntityDataTable.js

@@ -1,14 +1,15 @@
 import '../mt-entity-data-table.css';
-import { _ as _sfc_main } from "../mt-entity-data-table.vue_vue_type_style_index_0_lang-40d1a210.mjs";
+import { _ as _sfc_main } from "../mt-entity-data-table.vue_vue_type_style_index_0_lang-20da6e77.mjs";
 import "vue";
-import "../useRepository-dfff5b4a.mjs";
+import "../Criteria-dda62b10.mjs";
+import "../useRepository-28dfccf5.mjs";
 import "./MtDataTable.js";
 import "./MtCard.js";
 import "../mt-context-button.vue_vue_type_style_index_0_lang-c4b5d005.mjs";
 import "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
 import "./MtPopover.js";
 import "./MtCheckbox.js";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtEntitySelect.js

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "../mt-entity-select.vue_vue_type_script_setup_true_lang-3733f9fc.mjs";
+import { _ as _sfc_main } from "../mt-entity-select.vue_vue_type_script_setup_true_lang-f3c35d00.mjs";
 import "vue";
 import "./MtSelect.js";
 import "../debounce-b18437e2.mjs";
@@ -7,7 +7,7 @@ import "./MtFieldHint.js";
 import "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
 import "../_plugin-vue_export-helper-cc2b3d55.mjs";
 import "./MtSelectBase.js";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";
@@ -31,7 +31,8 @@ import "./MtSelectSelectionList.js";
 import "../mt-label.vue_vue_type_style_index_0_lang-3ceffd12.mjs";
 import "./MtButton.js";
 import "../mt-highlight-text.vue_vue_type_style_index_0_lang-550f3bfe.mjs";
-import "../useRepository-dfff5b4a.mjs";
+import "../Criteria-dda62b10.mjs";
+import "../useRepository-28dfccf5.mjs";
 export {
   _sfc_main as default
 };

package/dist/esm/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/esm/MtGrantPermissionServiceBanner.js

@@ -0,0 +1,156 @@
+import '../mt-grant-permission-service-banner.css';
+import { defineComponent, useId, ref, unref, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { c as computedAsync } from "../index-03602e2a.mjs";
+import { useI18n } from "vue-i18n";
+import { _ as _sfc_main$1 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
+import MtText from "./MtText.js";
+import MtButton from "./MtButton.js";
+import { g as getAppInformation } from "../index-26e65048.mjs";
+import { c as createSender } from "../channel-c0a7f238.mjs";
+import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
+import "../index-431c2592.mjs";
+import "../useIsInsideTooltip-0c3bd290.mjs";
+import "./MtLoader.js";
+import "../Criteria-dda62b10.mjs";
+const dispatch = createSender("telemetryDispatch");
+const isService = createSender("contextIsService", {});
+const grant = createSender("servicePermissionGrant", {});
+const isGranted = 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__ */ defineComponent({
+  __name: "mt-grant-permission-service-banner",
+  setup(__props) {
+    const { t } = 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 = useId();
+    const isLoading = ref(false);
+    const isShowUI = computedAsync(async () => {
+      return await isService() && !await isGranted();
+    }, false);
+    const appInfo = computedAsync(async () => {
+      return await 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 unref(isShowUI) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("section", {
+          class: "mt-grant-permission-service-banner",
+          "aria-labelledby": unref(titleId)
+        }, [
+          createVNode(_sfc_main$1, {
+            class: "mt-grant-permission-service-banner__icon",
+            name: "regular-trust",
+            size: "32",
+            decorative: ""
+          }),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(MtText, {
+              id: unref(titleId),
+              as: "h3",
+              weight: "bold",
+              size: "xs",
+              class: "mt-grant-permission-service-banner__title"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("title")), 1)
+              ]),
+              _: 1
+            }, 8, ["id"]),
+            createVNode(MtText, {
+              size: "2xs",
+              color: "color-text-secondary-default",
+              class: "mt-grant-permission-service-banner__description"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("description")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createVNode(MtButton, {
+              variant: "primary",
+              class: "mt-grant-permission-service-banner__grant",
+              "is-loading": isLoading.value,
+              onClick: handleGrantPermission
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_5, toDisplayString(unref(t)("grantLabel")), 1),
+                createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("grantLongLabel")), 1)
+              ]),
+              _: 1
+            }, 8, ["is-loading"]),
+            createVNode(MtButton, {
+              is: "a",
+              variant: "secondary",
+              class: "mt-grant-permission-service-banner__more-info",
+              href: unref(t)("moreInfoUrl"),
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: handleClickMoreInfo
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("moreInfo")), 1)
+              ]),
+              _: 1
+            }, 8, ["href"])
+          ])
+        ], 8, _hoisted_2)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const mtGrantPermissionServiceBanner_vue_vue_type_style_index_0_scoped_95188d4f_lang = "";
+const mtGrantPermissionServiceBanner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95188d4f"]]);
+export {
+  mtGrantPermissionServiceBanner as default
+};

package/dist/esm/MtModal.js

@@ -261,8 +261,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mtModal_vue_vue_type_style_index_0_scoped_4d6bac13_lang = "";
-const MtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d6bac13"]]);
+const mtModal_vue_vue_type_style_index_0_scoped_684596ac_lang = "";
+const MtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-684596ac"]]);
 export {
   MtModal as default
 };

package/dist/esm/MtNumberField.js

@@ -5,7 +5,7 @@ import { _ as _sfc_main$1 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90
 import MtFieldHint from "./MtFieldHint.js";
 import { useI18n } from "vue-i18n";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtPagination.js

@@ -155,8 +155,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const mtPagination_vue_vue_type_style_index_0_scoped_c2204c1a_lang = "";
-const MtPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c2204c1a"]]);
+const mtPagination_vue_vue_type_style_index_0_scoped_3c2685bd_lang = "";
+const MtPagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c2685bd"]]);
 export {
   MtPagination as default
 };

package/dist/esm/MtPasswordField.js

@@ -1,6 +1,6 @@
 import '../mt-password-field.css';
 import { defineComponent, mergeModels, useModel, useSlots, computed, ref, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, renderSlot, createElementVNode, withModifiers, withKeys, createElementBlock, unref, createVNode, createCommentVNode } from "vue";
-import { M as MtBaseField } from "../mt-base-field-3b5538c6.mjs";
+import { M as MtBaseField } from "../mt-base-field-ddfd1f81.mjs";
 import MtFieldError from "./MtFieldError.js";
 import MtFieldHint from "./MtFieldHint.js";
 import { _ as _sfc_main$1 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";

package/dist/esm/MtPopover.js

@@ -9,7 +9,7 @@ import MtSmoothReflow from "./MtSmoothReflow.js";
 import { _ as _sfc_main$3 } from "../mt-floating-ui.vue_vue_type_style_index_0_lang-90b9d50a.mjs";
 import MtText from "./MtText.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtPopoverItem.js

@@ -6,7 +6,7 @@ import { _ as _sfc_main$2 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90
 import { c as createId } from "../id-1e5b8276.mjs";
 import { h as useDebounceFn } from "../index-431c2592.mjs";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtPopoverItemResult.js

@@ -7,7 +7,7 @@ import "vue-i18n";
 import "../mt-icon.vue_vue_type_style_index_0_lang-c90dc25b.mjs";
 import "./MtPopoverItem.js";
 import "./MtCheckbox.js";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";

package/dist/esm/MtSegmentedControl.js

@@ -4,7 +4,7 @@ import { _ as _sfc_main$1 } from "../mt-icon.vue_vue_type_style_index_0_lang-c90
 import mtPopover from "./MtPopover.js";
 import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createCommentVNode, createBlock, createSlots, withCtx, createElementVNode, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-cc2b3d55.mjs";
-import "../mt-base-field-3b5538c6.mjs";
+import "../mt-base-field-ddfd1f81.mjs";
 import "./MtInheritanceSwitch.js";
 import "./MtTooltip.js";
 import "../floating-ui.vue-61aa2b7b.mjs";