quasar 2.15.1 → 2.15.2

package/dist/quasar.sass

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.15.1
+ * Quasar Framework v2.15.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -1976,42 +1976,6 @@ body.q-ios-padding .q-dialog__inner
     max-width: 560px
 .q-body--dialog
   overflow: hidden
-.q-bottom-sheet
-  padding-bottom: 8px
-  &__avatar
-    border-radius: 50%
-  &--list
-    width: 400px
-    .q-icon, img
-      font-size: 24px
-      width: 24px
-      height: 24px
-  &--grid
-    width: 700px
-    .q-bottom-sheet__item
-      padding: 8px
-      text-align: center
-      min-width: 100px
-    .q-icon, img, .q-bottom-sheet__empty-icon
-      font-size: 48px
-      width: 48px
-      height: 48px
-      margin-bottom: 8px
-    .q-separator
-      margin: 12px 0
-  &__item
-    flex: 0 0 33.3333%
-@media (min-width: $breakpoint-sm-min)
-  .q-bottom-sheet__item
-    flex: 0 0 25%
-.q-dialog-plugin
-  width: 400px
-  &__form
-    max-height: 50vh
-  .q-card__section + .q-card__section
-    padding-top: 0
-  &--progress
-    text-align: center
 .q-editor
   border: 1px solid $editor-border-color
   border-radius: $generic-border-radius
@@ -5336,6 +5300,42 @@ img.responsive
   position: fixed !important
   right: 200vw !important
   bottom: 200vh !important
+.q-bottom-sheet
+  padding-bottom: 8px
+  &__avatar
+    border-radius: 50%
+  &--list
+    width: 400px
+    .q-icon, img
+      font-size: 24px
+      width: 24px
+      height: 24px
+  &--grid
+    width: 700px
+    .q-bottom-sheet__item
+      padding: 8px
+      text-align: center
+      min-width: 100px
+    .q-icon, img, .q-bottom-sheet__empty-icon
+      font-size: 48px
+      width: 48px
+      height: 48px
+      margin-bottom: 8px
+    .q-separator
+      margin: 12px 0
+  &__item
+    flex: 0 0 33.3333%
+@media (min-width: $breakpoint-sm-min)
+  .q-bottom-sheet__item
+    flex: 0 0 25%
+.q-dialog-plugin
+  width: 400px
+  &__form
+    max-height: 50vh
+  .q-card__section + .q-card__section
+    padding-top: 0
+  &--progress
+    text-align: center
 .q-loading
   color: #000
   

package/dist/quasar.umd.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.15.1
+ * Quasar Framework v2.15.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -284,7 +284,7 @@
     return target2;
   }
 
-  // src/plugins/Platform.js
+  // src/plugins/platform/Platform.js
   var isRuntimeSsrPreHydration = false ? { value: true } : ref(
     false
   );
@@ -322,7 +322,7 @@
       browser.winphone = true;
       delete browser["windows phone"];
     }
-    if (browser.edga || browser.edgios) {
+    if (browser.edga || browser.edgios || browser.edg) {
       browser.edge = true;
       matched.browser = "edge";
     } else if (browser.crios) {
@@ -344,10 +344,7 @@
     ) {
       browser.webkit = true;
     }
-    if (browser.edg) {
-      matched.browser = "edgechromium";
-      browser.edgeChromium = true;
-    } else if (browser.opr) {
+    if (browser.opr) {
       matched.browser = "opera";
       browser.opera = true;
     }
@@ -650,7 +647,7 @@
     return debounced;
   }
 
-  // src/plugins/Screen.js
+  // src/plugins/screen/Screen.js
   var SIZE_LIST = ["sm", "md", "lg", "xl"];
   var { passive } = listenOpts;
   var Screen_default = define_reactive_plugin_default({
@@ -789,7 +786,7 @@
     }
   });
 
-  // src/plugins/Dark.js
+  // src/plugins/dark/Dark.js
   var Plugin = define_reactive_plugin_default({
     isActive: false,
     mode: false
@@ -1370,7 +1367,7 @@
   }
   var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
     const $q = {
-      version: "2.15.1",
+      version: "2.15.2",
       config: opts.config || {}
     };
     Object.assign(ssrContext, {
@@ -1400,7 +1397,7 @@
       ssrContext
     });
   } : function(parentApp, opts = {}) {
-    const $q = { version: "2.15.1" };
+    const $q = { version: "2.15.2" };
     if (globalConfigIsFrozen === false) {
       if (opts.config !== void 0) {
         Object.assign(globalConfig, opts.config);
@@ -2627,7 +2624,7 @@
     };
   }
 
-  // src/directives/Ripple.js
+  // src/directives/ripple/Ripple.js
   function showRipple(evt, el, ctx, forceCenter) {
     ctx.modifiers.stop === true && stop(evt);
     const color = ctx.modifiers.color;
@@ -3641,6 +3638,12 @@
   }
 
   // src/composables/private/use-portal.js
+  var QPortal = createComponent({
+    name: "QPortal",
+    setup(_, { slots }) {
+      return () => slots.default();
+    }
+  });
   function isOnGlobalDialog(vm2) {
     vm2 = vm2.parent;
     while (vm2 !== void 0 && vm2 !== null) {
@@ -3710,7 +3713,7 @@
       hidePortal,
       portalIsActive,
       portalIsAccessible,
-      renderPortal: () => onGlobalDialog === true ? renderPortalContent() : portalIsActive.value === true ? [h(Teleport, { to: portalEl }, renderPortalContent())] : void 0
+      renderPortal: () => onGlobalDialog === true ? renderPortalContent() : portalIsActive.value === true ? [h(Teleport, { to: portalEl }, h(QPortal, renderPortalContent))] : void 0
     };
   }
 
@@ -5069,7 +5072,7 @@
     return ctx.event === void 0 && evt.target !== void 0 && evt.target.draggable !== true && typeof ctx.handler === "function" && avoidNodeNamesList.includes(evt.target.nodeName.toUpperCase()) === false && (evt.qClonedBy === void 0 || evt.qClonedBy.indexOf(ctx.uid) === -1);
   }
 
-  // src/directives/TouchSwipe.js
+  // src/directives/touch-swipe/TouchSwipe.js
   function parseArg(arg) {
     const data = [0.06, 6, 50];
     if (typeof arg === "string" && arg.length) {
@@ -6474,7 +6477,7 @@
     }
   });
 
-  // src/directives/TouchPan.js
+  // src/directives/touch-pan/TouchPan.js
   function getChanges(evt, ctx, isFinal) {
     const pos = position(evt);
     let dir, distX = pos.left - ctx.event.x, distY = pos.top - ctx.event.y, absX = Math.abs(distX), absY = Math.abs(distY);
@@ -13794,7 +13797,7 @@
       );
       const headerSlotScope = computed(() => ({
         expanded: showing.value === true,
-        detailsId: props4.targetUid,
+        detailsId: targetUid.value,
         toggle,
         show,
         hide
@@ -16911,7 +16914,7 @@
     }
   });
 
-  // src/directives/Intersection.js
+  // src/directives/intersection/Intersection.js
   var defaultCfg = {
     threshold: 0,
     root: null,
@@ -24928,7 +24931,7 @@
     props: {
       rows: {
         type: Array,
-        default: () => []
+        required: true
       },
       rowKey: {
         type: [String, Function],
@@ -27752,7 +27755,7 @@
     TouchSwipe: () => TouchSwipe_default
   });
 
-  // src/directives/ClosePopup.js
+  // src/directives/close-popup/ClosePopup.js
   function getDepth(value2) {
     if (value2 === false) {
       return 0;
@@ -28538,7 +28541,7 @@
     return (abort) => cancel(abort);
   }
 
-  // src/directives/Morph.js
+  // src/directives/morph/Morph.js
   var morphGroups = {};
   var props2 = [
     "duration",
@@ -28722,7 +28725,7 @@
     }
   );
 
-  // src/directives/Mutation.js
+  // src/directives/mutation/Mutation.js
   var defaultCfg2 = {
     childList: true,
     subtree: true,
@@ -28772,7 +28775,7 @@
     }
   );
 
-  // src/directives/ScrollFire.js
+  // src/directives/scroll-fire/ScrollFire.js
   var { passive: passive5 } = listenOpts;
   function update4(ctx, { value: value2, oldValue }) {
     if (typeof value2 !== "function") {
@@ -28823,7 +28826,7 @@
     }
   );
 
-  // src/directives/Scroll.js
+  // src/directives/scroll/Scroll.js
   function update5(ctx, { value: value2, oldValue }) {
     if (typeof value2 !== "function") {
       ctx.scrollTarget.removeEventListener("scroll", ctx.scroll, listenOpts.passive);
@@ -28863,7 +28866,7 @@
     }
   );
 
-  // src/directives/TouchHold.js
+  // src/directives/touch-hold/TouchHold.js
   var TouchHold_default = createDirective(
     false ? { name: "touch-hold", getSSRProps: noop_ssr_directive_transform_default } : {
       name: "touch-hold",
@@ -28987,7 +28990,7 @@
     }
   );
 
-  // src/directives/TouchRepeat.js
+  // src/directives/touch-repeat/TouchRepeat.js
   var keyCodes3 = {
     esc: 27,
     tab: 9,
@@ -29184,7 +29187,7 @@
     AddressbarColor: () => AddressbarColor_default,
     AppFullscreen: () => AppFullscreen_default,
     AppVisibility: () => AppVisibility_default,
-    BottomSheet: () => BottomSheet_default2,
+    BottomSheet: () => BottomSheet_default,
     Cookies: () => Cookies_default,
     Dark: () => Dark_default,
     Dialog: () => Dialog_default,
@@ -29209,7 +29212,7 @@
     return getComputedStyle(element).getPropertyValue(`--q-${propName}`).trim() || null;
   }
 
-  // src/plugins/AddressbarColor.js
+  // src/plugins/addressbar/AddressbarColor.js
   var metaValue;
   function getProp() {
     return client.is.winphone ? "msapplication-navbutton-color" : client.is.safari ? "apple-mobile-web-app-status-bar-style" : "theme-color";
@@ -29252,7 +29255,7 @@
     }
   };
 
-  // src/plugins/AppFullscreen.js
+  // src/plugins/app-fullscreen/AppFullscreen.js
   var prefixes = {};
   function assignFn(fn) {
     Object.assign(Plugin4, {
@@ -29340,7 +29343,7 @@
   }
   var AppFullscreen_default = Plugin4;
 
-  // src/plugins/AppVisibility.js
+  // src/plugins/app-visibility/AppVisibility.js
   var Plugin5 = define_reactive_plugin_default({
     appVisible: true
   }, {
@@ -29373,9 +29376,9 @@
   }
   var AppVisibility_default = Plugin5;
 
-  // src/components/dialog-bottom-sheet/BottomSheet.js
-  var BottomSheet_default = createComponent({
-    name: "BottomSheetPlugin",
+  // src/plugins/bottom-sheet/component/BottomSheetComponent.js
+  var BottomSheetComponent_default = createComponent({
+    name: "BottomSheetComponent",
     props: {
       ...useDarkProps,
       title: String,
@@ -29620,17 +29623,17 @@
     };
   }
 
-  // src/plugins/BottomSheet.js
-  var BottomSheet_default2 = {
+  // src/plugins/bottom-sheet/BottomSheet.js
+  var BottomSheet_default = {
     install({ $q, parentApp }) {
-      $q.bottomSheet = global_dialog_default(BottomSheet_default, false, parentApp);
+      $q.bottomSheet = global_dialog_default(BottomSheetComponent_default, false, parentApp);
       if (this.__installed !== true) {
         this.create = $q.bottomSheet;
       }
     }
   };
 
-  // src/plugins/Cookies.js
+  // src/plugins/cookies/Cookies.js
   function encode(string) {
     return encodeURIComponent(string);
   }
@@ -29780,9 +29783,9 @@
   }
   var Cookies_default = Plugin6;
 
-  // src/components/dialog-plugin/DialogPlugin.js
-  var DialogPlugin_default = createComponent({
-    name: "DialogPlugin",
+  // src/plugins/dialog/component/DialogPluginComponent.js
+  var DialogPluginComponent_default = createComponent({
+    name: "DialogPluginComponent",
     props: {
       ...useDarkProps,
       title: String,
@@ -29997,17 +30000,17 @@
     }
   });
 
-  // src/plugins/Dialog.js
+  // src/plugins/dialog/Dialog.js
   var Dialog_default = {
     install({ $q, parentApp }) {
-      $q.dialog = global_dialog_default(DialogPlugin_default, true, parentApp);
+      $q.dialog = global_dialog_default(DialogPluginComponent_default, true, parentApp);
       if (this.__installed !== true) {
         this.create = $q.dialog;
       }
     }
   };
 
-  // src/plugins/LoadingBar.js
+  // src/plugins/loading-bar/LoadingBar.js
   var barRef = ref(null);
   var Plugin7 = define_reactive_plugin_default({
     isActive: false
@@ -30062,7 +30065,7 @@
   });
   var LoadingBar_default = Plugin7;
 
-  // src/plugins/Loading.js
+  // src/plugins/loading/Loading.js
   var app;
   var vm;
   var uid2 = 0;
@@ -30210,7 +30213,7 @@
   });
   var Loading_default = Plugin8;
 
-  // src/plugins/Meta.js
+  // src/plugins/meta/Meta.js
   var updateId = null;
   var currentClientMeta;
   var clientList = [];
@@ -30365,7 +30368,7 @@
     }
   };
 
-  // src/plugins/Notify.js
+  // src/plugins/notify/Notify.js
   var uid3 = 0;
   var defaults2 = {};
   var groups = {};
@@ -30876,7 +30879,7 @@
     };
   }
 
-  // src/plugins/LocalStorage.js
+  // src/plugins/local-storage/LocalStorage.js
   var storage = client.has.webStorage === false ? getEmptyStorage() : getStorage("local");
   var Plugin9 = {
     install({ $q }) {
@@ -30886,7 +30889,7 @@
   Object.assign(Plugin9, storage);
   var LocalStorage_default = Plugin9;
 
-  // src/plugins/SessionStorage.js
+  // src/plugins/session-storage/SessionStorage.js
   var storage2 = client.has.webStorage === false ? getEmptyStorage() : getStorage("session");
   var Plugin10 = {
     install({ $q }) {
@@ -31213,6 +31216,7 @@
     useFormChild: () => use_form_child_default,
     useHydration: () => use_hydration_default,
     useId: () => use_id_default,
+    useInterval: () => use_interval_default,
     useMeta: () => use_meta_default,
     useQuasar: () => useQuasar,
     useRenderCache: () => use_render_cache_default,
@@ -31292,12 +31296,35 @@
     return inject(quasarKey);
   }
 
+  // src/composables/use-interval.js
+  function use_interval_default() {
+    let timer2 = null;
+    const vm2 = getCurrentInstance();
+    function removeInterval() {
+      if (timer2 !== null) {
+        clearInterval(timer2);
+        timer2 = null;
+      }
+    }
+    onDeactivated(removeInterval);
+    onBeforeUnmount(removeInterval);
+    return {
+      removeInterval,
+      registerInterval(fn, delay) {
+        removeInterval(timer2);
+        if (vmIsDestroyed(vm2) === false) {
+          timer2 = setInterval(fn, delay);
+        }
+      }
+    };
+  }
+
   // src/index.umd.js
   if (window.Vue === void 0) {
     console.error("[ Quasar ] Vue is required to run. Please add a script tag for it before loading Quasar.");
   }
   window.Quasar = {
-    version: "2.15.1",
+    version: "2.15.2",
     install(app2, opts) {
       install_quasar_default(app2, {
         components: components_exports,