@contena/meteor-component-library 5.5.0 → 5.6.0

package/dist/mt-card.css

@@ -4,13 +4,13 @@
  */
 @media not all and (min-resolution: 0.001dpcm) {
 @supports (-webkit-appearance: none) {
-.mt-card[data-v-d055dd0b] {
+.mt-card[data-v-5534e4b5] {
       transform: translateZ(0);
 }
 }
 }
 .mt-card {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   max-width: 60rem;
   margin: 0 auto var(--scale-size-40);
   position: relative;
@@ -19,15 +19,15 @@
   border-radius: var(--border-radius-card);
   overflow: hidden;
 }
-&:not(:has(.mt-card__tabs:empty)) .mt-card__header[data-v-d055dd0b] {
+&:not(:has(.mt-card__tabs:empty)) .mt-card__header[data-v-5534e4b5] {
     border-bottom: none;
 }
 }
-.mt-card--future-remove-default-margin[data-v-d055dd0b] {
+.mt-card--future-remove-default-margin[data-v-5534e4b5] {
   margin-block-end: 0;
 }
 .mt-card__content {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   --mt-card-content-padding: var(--scale-size-24);
   --mt-inset-block-start: var(--mt-card-content-padding);
   --mt-inset-block-end: var(--mt-card-content-padding);
@@ -41,23 +41,23 @@
   position: relative;
   color: var(--color-text-primary-default);
 }
-&[data-v-d055dd0b] > :where(h1, h2, h3, h4, h5, h6) {
+&[data-v-5534e4b5] > :where(h1, h2, h3, h4, h5, h6) {
     font-weight: normal;
 }
-& > h1[data-v-d055dd0b] {
+& > h1[data-v-5534e4b5] {
     font-size: 1.5rem;
 }
-& > h2[data-v-d055dd0b] {
+& > h2[data-v-5534e4b5] {
     font-size: 1.375rem;
 }
-& > h3[data-v-d055dd0b] {
+& > h3[data-v-5534e4b5] {
     font-size: 1.25rem;
 }
-&[data-v-d055dd0b] > :where(h4, h5, h6) {
+&[data-v-5534e4b5] > :where(h4, h5, h6) {
     font-size: 1.125rem;
 }
 & a.mt-card__quick-link {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
     display: grid;
     grid-auto-flow: column;
     grid-column-gap: 0.375rem;
@@ -66,13 +66,13 @@
     color: var(--color-text-brand-default);
     font-size: 0.875rem;
 }
-&[data-v-d055dd0b]:hover {
+&[data-v-5534e4b5]:hover {
       color: var(--color-text-brand-hover);
 }
 }
 }
 .mt-card--has-footer {
-& .mt-card__content[data-v-d055dd0b] {
+& .mt-card__content[data-v-5534e4b5] {
     border: none;
     border-radius: var(--border-radius-none);
 }
@@ -80,11 +80,11 @@
 
 /* @depracated v4.0.0 - will be removed without replacement */
 .mt-card--large {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   max-width: 83.125rem;
 }
-& .mt-card__title[data-v-d055dd0b],
-  & .mt-card__subtitle[data-v-d055dd0b] {
+& .mt-card__title[data-v-5534e4b5],
+  & .mt-card__subtitle[data-v-5534e4b5] {
     width: auto;
     position: relative;
     top: 0;
@@ -92,17 +92,17 @@
     text-align: left;
 }
 }
-.mt-card--future-ignore-max-width[data-v-d055dd0b] {
+.mt-card--future-ignore-max-width[data-v-5534e4b5] {
   max-width: none;
   margin-inline: 0;
 }
-.mt-card__titles[data-v-d055dd0b] {
+.mt-card__titles[data-v-5534e4b5] {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .mt-card__titles--has-inheritance-toggle {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   display: grid;
   grid-template-columns: min-content 1fr;
   column-gap: var(--scale-size-4);
@@ -110,33 +110,33 @@
     "inheritance title"
     "subtitle subtitle";
 }
-& .mt-card__subtitle[data-v-d055dd0b] {
+& .mt-card__subtitle[data-v-5534e4b5] {
     grid-column: 1 / -1;
 }
 }
 .mt-card--is-inherited {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   border-color: var(--color-border-accent-default);
 }
-& .mt-card__title[data-v-d055dd0b] {
+& .mt-card__title[data-v-5534e4b5] {
     color: var(--color-text-accent-default);
 }
-& .mt-card__inheritance-toggle[data-v-d055dd0b] {
+& .mt-card__inheritance-toggle[data-v-5534e4b5] {
     color: var(--color-icon-accent-default);
 }
 }
 .mt-card--grid {
 & .mt-card__content {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
     display: grid;
     padding: 0;
 }
-& .mt-grid[data-v-d055dd0b] {
+& .mt-grid[data-v-5534e4b5] {
       border-top: none;
 }
 }
 }
-.mt-card__header[data-v-d055dd0b] {
+.mt-card__header[data-v-5534e4b5] {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
@@ -144,55 +144,55 @@
   padding: var(--scale-size-24);
   border-bottom: 1px solid var(--color-border-secondary-default);
 }
-.mt-card__title[data-v-d055dd0b] {
+.mt-card__title[data-v-5534e4b5] {
   margin: 0;
 }
 .mt-card__toolbar {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   display: flex;
   flex-basis: auto;
   gap: var(--scale-size-8);
   padding: var(--scale-size-20) var(--scale-size-24) var(--scale-size-16) var(--scale-size-24);
 }
-&[data-v-d055dd0b]:empty {
+&[data-v-5534e4b5]:empty {
     display: none;
 }
 }
 .mt-card__avatar {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   overflow: hidden;
   border-radius: var(--border-radius-xs);
   width: var(--scale-size-40);
   height: var(--scale-size-40);
 }
-& img[data-v-d055dd0b] {
+& img[data-v-5534e4b5] {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
-&[data-v-d055dd0b]:empty {
+&[data-v-5534e4b5]:empty {
     display: none;
 }
 }
 .mt-card__inheritance-toggle {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   cursor: pointer;
   outline-offset: 2px;
   outline-color: var(--color-border-brand-default);
   color: var(--color-icon-primary-default);
 }
-&[data-v-d055dd0b]:focus-visible {
+&[data-v-5534e4b5]:focus-visible {
     outline: 2px solid var(--color-border-brand-default);
     outline-offset: 2px;
     border-radius: var(--border-radius-button);
 }
 }
-.mt-card__titles-right-slot[data-v-d055dd0b] {
+.mt-card__titles-right-slot[data-v-5534e4b5] {
   color: var(--color-text-primary-default);
   margin-left: auto;
 }
 .mt-card__footer {
-&[data-v-d055dd0b] {
+&[data-v-5534e4b5] {
   --mt-card-footer-padding: 1.5rem;
 
   --mt-inset-block-start: var(--mt-card-footer-padding);
@@ -204,7 +204,7 @@
   padding: var(--mt-card-footer-padding);
   color: var(--color-text-secondary-default);
 }
-&[data-v-d055dd0b]:empty {
+&[data-v-5534e4b5]:empty {
     display: none;
 }
 }

package/dist/mt-data-table-filter.css

@@ -1,15 +1,15 @@
 
 .mt-data-table-filter {
-&[data-v-a876f3f0] {
+&[data-v-444741f3] {
   display: inline-flex;
 }
-&[data-v-a876f3f0] > * {
+&[data-v-444741f3] > * {
     height: var(--scale-size-24);
     display: grid;
     place-items: center;
 }
 }
-.mt-data-table-filter__property[data-v-a876f3f0] {
+.mt-data-table-filter__property[data-v-444741f3] {
   border: 1px solid var(--color-border-primary-default);
   border-right: 0 none;
   border-top-left-radius: var(--border-radius-xs);
@@ -17,13 +17,13 @@
   color: var(--color-text-primary-default);
   padding-inline: var(--scale-size-8);
 }
-.mt-data-table-filter__rule[data-v-a876f3f0] {
+.mt-data-table-filter__rule[data-v-444741f3] {
   border-top: 1px solid var(--color-border-primary-default);
   border-bottom: 1px solid var(--color-border-primary-default);
   padding-right: var(--scale-size-4);
 }
 .mt-data-table-filter__option {
-&[data-v-a876f3f0] {
+&[data-v-444741f3] {
   color: var(--color-text-primary-default);
   font-size: var(--font-size-2xs);
   font-family: var(--font-family-body);
@@ -32,20 +32,20 @@
   border-bottom: 1px solid var(--color-border-primary-default);
   padding-inline: var(--scale-size-4) var(--scale-size-8);
 }
-& button[data-v-a876f3f0] {
+& button[data-v-444741f3] {
     outline: 0 none;
 }
-&[data-v-a876f3f0]:has(button:hover) {
+&[data-v-444741f3]:has(button:hover) {
     background-color: var(--color-interaction-secondary-hover);
 }
-&[data-v-a876f3f0]:has(button:focus-visible) {
+&[data-v-444741f3]:has(button:focus-visible) {
     background-color: var(--color-background-brand-default);
     outline: var(--color-border-brand-default) solid 1px;
     outline-offset: -1px;
 }
 }
 .mt-data-table-filter__remove-button {
-&[data-v-a876f3f0] {
+&[data-v-444741f3] {
   color: var(--color-icon-primary-default);
   border-top-right-radius: var(--border-radius-xs);
   border-bottom-right-radius: var(--border-radius-xs);
@@ -55,17 +55,17 @@
   height: var(--scale-size-24);
   width: var(--scale-size-24);
 }
-& .mt-icon[data-v-a876f3f0] {
+& .mt-icon[data-v-444741f3] {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
-&[data-v-a876f3f0]:focus-visible {
+&[data-v-444741f3]:focus-visible {
     background-color: var(--color-background-brand-default);
     border-color: var(--color-border-brand-default);
 }
-&[data-v-a876f3f0]:hover {
+&[data-v-444741f3]:hover {
     background-color: var(--color-interaction-secondary-hover);
 }
 }

package/dist/mt-data-table.css

@@ -113,11 +113,6 @@
 .mt-data-table * {
   font-family: var(--font-family-body);
 }
-@supports (font-variation-settings: normal) {
-.mt-data-table * {
-    font-feature-settings: "ss01" on, "ss02" on, "case" on, "cpsp" on, "zero" on, "cv09" on, "cv07" on, "cv06" on, "cv10" on, "cv11" on;
-}
-}
 .mt-data-table .mt-data-table__toolbar {
   width: 100%;
   display: flex;
@@ -567,11 +562,6 @@
   text-transform: uppercase;
   transition: 0.3s rotate ease-in-out;
 }
-@supports (font-variation-settings: normal) {
-.mt-data-table__table-wrapper-table-head.is--drag-element {
-    font-feature-settings: "ss01" on, "ss02" on, "case" on, "cpsp" on, "zero" on, "cv09" on, "cv07" on, "cv06" on, "cv10" on, "cv11" on;
-}
-}
 thead th.is--dragging {
   cursor: grabbing;
 }

package/dist/{mt-entity-data-table.vue_vue_type_style_index_0_lang-40d1a210.mjs → mt-entity-data-table.vue_vue_type_style_index_0_lang-20da6e77.mjs}

@@ -1,6 +1,7 @@
 import './mt-entity-data-table.css';
 import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, Fragment, createVNode, mergeProps, unref, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, toDisplayString, createBlock, createCommentVNode, createTextVNode } from "vue";
-import { u as useRepository, g as getRepository, C as Criteria } from "./useRepository-dfff5b4a.mjs";
+import { C as Criteria } from "./Criteria-dda62b10.mjs";
+import { u as useRepository, g as getRepository } from "./useRepository-28dfccf5.mjs";
 import MtDataTable from "./esm/MtDataTable.js";
 import { c as computedAsync } from "./index-03602e2a.mjs";
 import { useI18n } from "vue-i18n";
@@ -236,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       itemToDelete.value = id;
       const isInIframe = window.self !== window.top;
       if (isInIframe && !props.forceRealModal) {
-        const { ui } = await import("./index-8ddee025.mjs");
+        const { ui } = await import("./index-ddce4e37.mjs");
         ui.modal.open({
           title: t("entity.delete.title"),
           textContent: t("entity.delete.description"),

package/dist/{mt-entity-data-table.vue_vue_type_style_index_0_lang-5acc37b3.js → mt-entity-data-table.vue_vue_type_style_index_0_lang-84494335.js}

@@ -1,7 +1,8 @@
 import './mt-entity-data-table.css';
 "use strict";
 const vue = require("vue");
-const useRepository = require("./useRepository-c69e2597.js");
+const Criteria = require("./Criteria-86968a69.js");
+const useRepository = require("./useRepository-6804d3b6.js");
 const MtDataTable = require("./common/MtDataTable.js");
 const index = require("./index-e582fef8.js");
 const vueI18n = require("vue-i18n");
@@ -115,7 +116,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           filter.id,
           props.repository
         );
-        const optionCriteria = new useRepository.Criteria(1, 500);
+        const optionCriteria = new Criteria.Criteria(1, 500);
         optionCriteria.addIncludes({
           [filter.id]: ["id", "name"]
         });
@@ -139,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function addDataTableFilters(criteria, filters) {
       filters.forEach((filter) => {
         filter.type.options.forEach((option) => {
-          criteria.addFilter(useRepository.Criteria.equals(filter.id, option.id));
+          criteria.addFilter(Criteria.Criteria.equals(filter.id, option.id));
         });
       });
       return criteria;
@@ -147,7 +148,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const fetchData = async () => {
       isLoading.value = true;
       try {
-        const criteria = new useRepository.Criteria();
+        const criteria = new Criteria.Criteria();
         criteria.setLimit(paginationLimit.value);
         criteria.setPage(currentPage.value);
         if (sortBy.value) {
@@ -237,7 +238,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       itemToDelete.value = id;
       const isInIframe = window.self !== window.top;
       if (isInIframe && !props.forceRealModal) {
-        const { ui } = await Promise.resolve().then(() => require("./index-f60dc18c.js"));
+        const { ui } = await Promise.resolve().then(() => require("./index-2cb63874.js"));
         ui.modal.open({
           title: t("entity.delete.title"),
           textContent: t("entity.delete.description"),

package/dist/{mt-entity-select.vue_vue_type_script_setup_true_lang-50315e8d.js → mt-entity-select.vue_vue_type_script_setup_true_lang-2cdffea0.js}

@@ -1,7 +1,8 @@
 "use strict";
 const vue = require("vue");
 const MtSelect = require("./common/MtSelect.js");
-const useRepository = require("./useRepository-c69e2597.js");
+const Criteria = require("./Criteria-86968a69.js");
+const useRepository = require("./useRepository-6804d3b6.js");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "mt-entity-select",
   props: {
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const total = vue.ref(0);
     const repo = useRepository.useRepository(props.entity, props.repository);
     const getPage = async (page, term) => {
-      const criteria = new useRepository.Criteria(page, limit.value);
+      const criteria = new Criteria.Criteria(page, limit.value);
       const currentSearchTerm = term || searchTerm.value;
       if (currentSearchTerm) {
         criteria.setTerm(currentSearchTerm);
@@ -77,8 +78,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (ids.length === 0) {
         return [];
       }
-      const criteria = new useRepository.Criteria(1, ids.length);
-      criteria.addFilter(useRepository.Criteria.equalsAny("id", ids));
+      const criteria = new Criteria.Criteria(1, ids.length);
+      criteria.addFilter(Criteria.Criteria.equalsAny("id", ids));
       try {
         const result = await repo.value.search(criteria);
         return result ? [...result] : [];

package/dist/{mt-entity-select.vue_vue_type_script_setup_true_lang-3733f9fc.mjs → mt-entity-select.vue_vue_type_script_setup_true_lang-f3c35d00.mjs}

@@ -1,6 +1,7 @@
 import { defineComponent, ref, onMounted, openBlock, createBlock, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import MtSelect from "./esm/MtSelect.js";
-import { u as useRepository, C as Criteria } from "./useRepository-dfff5b4a.mjs";
+import { C as Criteria } from "./Criteria-dda62b10.mjs";
+import { u as useRepository } from "./useRepository-28dfccf5.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "mt-entity-select",
   props: {

package/dist/mt-grant-permission-service-banner.css

@@ -0,0 +1,88 @@
+
+.mt-grant-permission-service-banner__container[data-v-95188d4f] {
+  container-type: inline-size;
+  container-name: mt-grant-permission-service-banner;
+  background: var(--color-elevation-surface-raised);
+}
+.mt-grant-permission-service-banner[data-v-95188d4f] {
+  display: grid;
+  gap: var(--scale-size-8) var(--scale-size-12);
+  padding: var(--scale-size-24) var(--scale-size-20);
+  border: 1px solid var(--color-border-primary-default);
+  border-radius: var(--border-radius-card);
+  background-color: var(--color-elevation-surface-raised);
+  grid-template-areas:
+    "icon"
+    "body"
+    "actions";
+  justify-items: center;
+  text-align: center;
+}
+.mt-grant-permission-service-banner__icon[data-v-95188d4f] {
+  grid-area: icon;
+  color: var(--color-icon-positive-default);
+}
+.mt-grant-permission-service-banner__body[data-v-95188d4f] {
+  grid-area: body;
+  display: flex;
+  flex-direction: column;
+  gap: var(--scale-size-2);
+  min-width: 0;
+}
+.mt-grant-permission-service-banner__title[data-v-95188d4f] {
+  margin-block-end: 0;
+}
+.mt-grant-permission-service-banner__description[data-v-95188d4f] {
+  text-wrap: pretty;
+}
+.mt-grant-permission-service-banner__actions[data-v-95188d4f] {
+  grid-area: actions;
+  display: flex;
+  gap: var(--scale-size-8);
+  flex-direction: column;
+  justify-self: stretch;
+  margin-block-start: var(--scale-size-8);
+}
+.mt-grant-permission-service-banner__actions .mt-button[data-v-95188d4f] {
+  width: 100%;
+}
+.mt-grant-permission-service-banner__label--long[data-v-95188d4f] {
+  display: none;
+}
+@container mt-grant-permission-service-banner (width >= 25rem) {
+.mt-grant-permission-service-banner[data-v-95188d4f] {
+    grid-template-columns: auto 1fr;
+    grid-template-areas:
+      "icon body"
+      ".    actions";
+    justify-items: start;
+    text-align: start;
+    padding: var(--scale-size-20);
+}
+.mt-grant-permission-service-banner__actions[data-v-95188d4f] {
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+}
+.mt-grant-permission-service-banner__actions .mt-button[data-v-95188d4f] {
+    width: auto;
+}
+.mt-grant-permission-service-banner__label--short[data-v-95188d4f] {
+    display: none;
+}
+.mt-grant-permission-service-banner__label--long[data-v-95188d4f] {
+    display: revert;
+}
+}
+@container mt-grant-permission-service-banner (width >= 43rem) {
+.mt-grant-permission-service-banner[data-v-95188d4f] {
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "icon body actions";
+    align-items: center;
+    padding: var(--scale-size-16) var(--scale-size-20);
+}
+.mt-grant-permission-service-banner__actions[data-v-95188d4f] {
+    flex-wrap: nowrap;
+    margin-block-start: 0;
+}
+}