quasar 2.15.0 → 2.15.2

package/dist/quasar.css

@@ -1758,59 +1758,6 @@ body.q-ios-padding .q-dialog__inner > div {
   overflow: hidden;
 }
 
-.q-bottom-sheet {
-  padding-bottom: 8px;
-}
-.q-bottom-sheet__avatar {
-  border-radius: 50%;
-}
-.q-bottom-sheet--list {
-  width: 400px;
-}
-.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img {
-  font-size: 24px;
-  width: 24px;
-  height: 24px;
-}
-.q-bottom-sheet--grid {
-  width: 700px;
-}
-.q-bottom-sheet--grid .q-bottom-sheet__item {
-  padding: 8px;
-  text-align: center;
-  min-width: 100px;
-}
-.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
-  font-size: 48px;
-  width: 48px;
-  height: 48px;
-  margin-bottom: 8px;
-}
-.q-bottom-sheet--grid .q-separator {
-  margin: 12px 0;
-}
-.q-bottom-sheet__item {
-  flex: 0 0 33.3333%;
-}
-
-@media (min-width: 600px) {
-  .q-bottom-sheet__item {
-    flex: 0 0 25%;
-  }
-}
-.q-dialog-plugin {
-  width: 400px;
-}
-.q-dialog-plugin__form {
-  max-height: 50vh;
-}
-.q-dialog-plugin .q-card__section + .q-card__section {
-  padding-top: 0;
-}
-.q-dialog-plugin--progress {
-  text-align: center;
-}
-
 .q-editor {
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 4px;
@@ -6112,6 +6059,59 @@ img.responsive {
 }
 
 /* Plugins */
+.q-bottom-sheet {
+  padding-bottom: 8px;
+}
+.q-bottom-sheet__avatar {
+  border-radius: 50%;
+}
+.q-bottom-sheet--list {
+  width: 400px;
+}
+.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img {
+  font-size: 24px;
+  width: 24px;
+  height: 24px;
+}
+.q-bottom-sheet--grid {
+  width: 700px;
+}
+.q-bottom-sheet--grid .q-bottom-sheet__item {
+  padding: 8px;
+  text-align: center;
+  min-width: 100px;
+}
+.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon {
+  font-size: 48px;
+  width: 48px;
+  height: 48px;
+  margin-bottom: 8px;
+}
+.q-bottom-sheet--grid .q-separator {
+  margin: 12px 0;
+}
+.q-bottom-sheet__item {
+  flex: 0 0 33.3333%;
+}
+
+@media (min-width: 600px) {
+  .q-bottom-sheet__item {
+    flex: 0 0 25%;
+  }
+}
+.q-dialog-plugin {
+  width: 400px;
+}
+.q-dialog-plugin__form {
+  max-height: 50vh;
+}
+.q-dialog-plugin .q-card__section + .q-card__section {
+  padding-top: 0;
+}
+.q-dialog-plugin--progress {
+  text-align: center;
+}
+
 .q-loading {
   color: #000;
   position: fixed !important;

package/dist/quasar.esm.js

@@ -1,5 +1,5 @@
 /*!
- * Quasar Framework v2.15.0
+ * Quasar Framework v2.15.2
  * (c) 2015-present Razvan Stoenescu
  * Released under the MIT License.
  */
@@ -263,7 +263,7 @@ var require_material_icons = __commonJS({
 // src/install-quasar.js
 import { createApp } from "vue";
 
-// src/plugins/Platform.js
+// src/plugins/platform/Platform.js
 import { ref, reactive } from "vue";
 
 // src/utils/private/inject-obj-prop.js
@@ -282,7 +282,7 @@ function injectMultipleProps(target2, props4) {
   return target2;
 }
 
-// src/plugins/Platform.js
+// src/plugins/platform/Platform.js
 var isRuntimeSsrPreHydration = false ? { value: true } : ref(
   __QUASAR_SSR_CLIENT__ && (__QUASAR_SSR_PWA__ ? document.body.getAttribute("data-server-rendered") !== null : true)
 );
@@ -320,7 +320,7 @@ function getPlatform(UA) {
     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) {
@@ -342,10 +342,7 @@ function getPlatform(UA) {
   ) {
     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;
   }
@@ -649,7 +646,7 @@ function debounce_default(fn, wait = 250, immediate) {
   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({
@@ -788,7 +785,7 @@ var Screen_default = define_reactive_plugin_default({
   }
 });
 
-// src/plugins/Dark.js
+// src/plugins/dark/Dark.js
 var Plugin = define_reactive_plugin_default({
   isActive: false,
   mode: false
@@ -1369,7 +1366,7 @@ function prepareApp(app2, uiOpts, pluginOpts) {
 }
 var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext) {
   const $q = {
-    version: "2.15.0",
+    version: "2.15.2",
     config: opts.config || {}
   };
   Object.assign(ssrContext, {
@@ -1399,7 +1396,7 @@ var install_quasar_default = false ? function(parentApp, opts = {}, ssrContext)
     ssrContext
   });
 } : function(parentApp, opts = {}) {
-  const $q = { version: "2.15.0" };
+  const $q = { version: "2.15.2" };
   if (globalConfigIsFrozen === false) {
     if (opts.config !== void 0) {
       Object.assign(globalConfig, opts.config);
@@ -2532,7 +2529,7 @@ function throttle_default(fn, limit = 250) {
   };
 }
 
-// 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;
@@ -3562,6 +3559,12 @@ function closePortals(proxy, evt, depth) {
 }
 
 // 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) {
@@ -3631,7 +3634,7 @@ function use_portal_default(vm2, innerRef, renderPortalContent, type) {
     hidePortal,
     portalIsActive,
     portalIsAccessible,
-    renderPortal: () => onGlobalDialog === true ? renderPortalContent() : portalIsActive.value === true ? [h13(Teleport, { to: portalEl }, renderPortalContent())] : void 0
+    renderPortal: () => onGlobalDialog === true ? renderPortalContent() : portalIsActive.value === true ? [h13(Teleport, { to: portalEl }, h13(QPortal, renderPortalContent))] : void 0
   };
 }
 
@@ -3714,7 +3717,10 @@ function use_timeout_default() {
     registerTimeout(fn, delay) {
       removeTimeout(timer2);
       if (vmIsDestroyed(vm2) === false) {
-        timer2 = setTimeout(fn, delay);
+        timer2 = setTimeout(() => {
+          timer2 = null;
+          fn();
+        }, delay);
       }
     }
   };
@@ -5006,7 +5012,7 @@ function shouldStart(evt, ctx) {
   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) {
@@ -6429,7 +6435,7 @@ var QCircularProgress_default = createComponent({
 // src/components/color/QColor.js
 import { h as h37, ref as ref19, computed as computed41, watch as watch12, nextTick as nextTick6, getCurrentInstance as getCurrentInstance26 } from "vue";
 
-// 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);
@@ -8655,7 +8661,7 @@ var QColor_default = createComponent({
       updateModel2(rgb2, change);
     }
     function onHueChange(val) {
-      onHueChange(val, true);
+      onHue(val, true);
     }
     function onNumericChange(value2, formatModel, max, evt, change) {
       evt !== void 0 && stop(evt);
@@ -13790,7 +13796,7 @@ var QExpansionItem_default = createComponent({
     );
     const headerSlotScope = computed52(() => ({
       expanded: showing.value === true,
-      detailsId: props4.targetUid,
+      detailsId: targetUid.value,
       toggle,
       show,
       hide
@@ -16940,7 +16946,7 @@ var QInput_default = createComponent({
 // src/components/intersection/QIntersection.js
 import { h as h62, ref as ref40, computed as computed68, Transition as Transition11 } from "vue";
 
-// src/directives/Intersection.js
+// src/directives/intersection/Intersection.js
 var defaultCfg = {
   threshold: 0,
   root: null,
@@ -25042,7 +25048,7 @@ var QTable_default = createComponent({
   props: {
     rows: {
       type: Array,
-      default: () => []
+      required: true
     },
     rowKey: {
       type: [String, Function],
@@ -27873,7 +27879,7 @@ var QVideo_default = createComponent({
   }
 });
 
-// src/directives/ClosePopup.js
+// src/directives/close-popup/ClosePopup.js
 function getDepth(value2) {
   if (value2 === false) {
     return 0;
@@ -28659,7 +28665,7 @@ function morph(_options) {
   return (abort) => cancel(abort);
 }
 
-// src/directives/Morph.js
+// src/directives/morph/Morph.js
 var morphGroups = {};
 var props2 = [
   "duration",
@@ -28843,7 +28849,7 @@ var Morph_default = createDirective(
   }
 );
 
-// src/directives/Mutation.js
+// src/directives/mutation/Mutation.js
 var defaultCfg2 = {
   childList: true,
   subtree: true,
@@ -28893,7 +28899,7 @@ var Mutation_default = createDirective(
   }
 );
 
-// src/directives/ScrollFire.js
+// src/directives/scroll-fire/ScrollFire.js
 var { passive: passive5 } = listenOpts;
 function update4(ctx, { value: value2, oldValue }) {
   if (typeof value2 !== "function") {
@@ -28944,7 +28950,7 @@ var ScrollFire_default = createDirective(
   }
 );
 
-// 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);
@@ -28984,7 +28990,7 @@ var Scroll_default = createDirective(
   }
 );
 
-// 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",
@@ -29108,7 +29114,7 @@ var TouchHold_default = createDirective(
   }
 );
 
-// src/directives/TouchRepeat.js
+// src/directives/touch-repeat/TouchRepeat.js
 var keyCodes3 = {
   esc: 27,
   tab: 9,
@@ -29310,7 +29316,7 @@ function getCssVar(propName, element = document.body) {
   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";
@@ -29353,7 +29359,7 @@ var AddressbarColor_default = {
   }
 };
 
-// src/plugins/AppFullscreen.js
+// src/plugins/app-fullscreen/AppFullscreen.js
 var prefixes = {};
 function assignFn(fn) {
   Object.assign(Plugin4, {
@@ -29441,7 +29447,7 @@ if (false) {
 }
 var AppFullscreen_default = Plugin4;
 
-// src/plugins/AppVisibility.js
+// src/plugins/app-visibility/AppVisibility.js
 var Plugin5 = define_reactive_plugin_default({
   appVisible: true
 }, {
@@ -29474,10 +29480,10 @@ if (true) {
 }
 var AppVisibility_default = Plugin5;
 
-// src/components/dialog-bottom-sheet/BottomSheet.js
+// src/plugins/bottom-sheet/component/BottomSheetComponent.js
 import { h as h131, ref as ref67, getCurrentInstance as getCurrentInstance84 } from "vue";
-var BottomSheet_default = createComponent({
-  name: "BottomSheetPlugin",
+var BottomSheetComponent_default = createComponent({
+  name: "BottomSheetComponent",
   props: {
     ...useDarkProps,
     title: String,
@@ -29723,17 +29729,17 @@ function global_dialog_default(DefaultComponent, supportsCustomComponent, parent
   };
 }
 
-// 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);
 }
@@ -29883,10 +29889,10 @@ if (true) {
 }
 var Cookies_default = Plugin6;
 
-// src/components/dialog-plugin/DialogPlugin.js
+// src/plugins/dialog/component/DialogPluginComponent.js
 import { h as h133, ref as ref69, computed as computed115, watch as watch49, toRaw as toRaw3, getCurrentInstance as getCurrentInstance85 } from "vue";
-var DialogPlugin_default = createComponent({
-  name: "DialogPlugin",
+var DialogPluginComponent_default = createComponent({
+  name: "DialogPluginComponent",
   props: {
     ...useDarkProps,
     title: String,
@@ -30101,17 +30107,17 @@ var DialogPlugin_default = createComponent({
   }
 });
 
-// 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
 import { h as h134, ref as ref70 } from "vue";
 var barRef = ref70(null);
 var Plugin7 = define_reactive_plugin_default({
@@ -30167,7 +30173,7 @@ var Plugin7 = define_reactive_plugin_default({
 });
 var LoadingBar_default = Plugin7;
 
-// src/plugins/Loading.js
+// src/plugins/loading/Loading.js
 import { h as h135, Transition as Transition14, onMounted as onMounted23 } from "vue";
 var app;
 var vm;
@@ -30316,7 +30322,7 @@ var Plugin8 = define_reactive_plugin_default({
 });
 var Loading_default = Plugin8;
 
-// src/plugins/Meta.js
+// src/plugins/meta/Meta.js
 var updateId = null;
 var currentClientMeta;
 var clientList = [];
@@ -30471,7 +30477,7 @@ var Meta_default = {
   }
 };
 
-// src/plugins/Notify.js
+// src/plugins/notify/Notify.js
 import { h as h136, ref as ref71, markRaw as markRaw2, TransitionGroup } from "vue";
 var uid3 = 0;
 var defaults2 = {};
@@ -30983,7 +30989,7 @@ function getStorage(type) {
   };
 }
 
-// src/plugins/LocalStorage.js
+// src/plugins/local-storage/LocalStorage.js
 var storage = client.has.webStorage === false ? getEmptyStorage() : getStorage("local");
 var Plugin9 = {
   install({ $q }) {
@@ -30993,7 +30999,7 @@ var Plugin9 = {
 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 }) {
@@ -31077,6 +31083,30 @@ function useQuasar() {
   return inject13(quasarKey);
 }
 
+// src/composables/use-interval.js
+import { onDeactivated as onDeactivated11, onBeforeUnmount as onBeforeUnmount38, getCurrentInstance as getCurrentInstance87 } from "vue";
+function use_interval_default() {
+  let timer2 = null;
+  const vm2 = getCurrentInstance87();
+  function removeInterval() {
+    if (timer2 !== null) {
+      clearInterval(timer2);
+      timer2 = null;
+    }
+  }
+  onDeactivated11(removeInterval);
+  onBeforeUnmount38(removeInterval);
+  return {
+    removeInterval,
+    registerInterval(fn, delay) {
+      removeInterval(timer2);
+      if (vmIsDestroyed(vm2) === false) {
+        timer2 = setInterval(fn, delay);
+      }
+    }
+  };
+}
+
 // src/utils/copy-to-clipboard.js
 function fallback(text) {
   const area = document.createElement("textarea");
@@ -31359,7 +31389,7 @@ function runSequentialPromises(sequentialPromises, { threadsNumber = 1, abortOnF
 
 // src/index.dev.js
 var Quasar = {
-  version: "2.15.0",
+  version: "2.15.2",
   install: install_quasar_default,
   lang: lang_default,
   iconSet: icon_set_default
@@ -31368,7 +31398,7 @@ export {
   AddressbarColor_default as AddressbarColor,
   AppFullscreen_default as AppFullscreen,
   AppVisibility_default as AppVisibility,
-  BottomSheet_default2 as BottomSheet,
+  BottomSheet_default as BottomSheet,
   ClosePopup_default as ClosePopup,
   Cookies_default as Cookies,
   Dark_default as Dark,
@@ -31544,6 +31574,7 @@ export {
   use_form_child_default as useFormChild,
   use_hydration_default as useHydration,
   use_id_default as useId,
+  use_interval_default as useInterval,
   use_meta_default as useMeta,
   useQuasar,
   use_render_cache_default as useRenderCache,