@zeedhi/common 1.112.0 → 3.0.0

package/src/error/delete-rows.ts

@@ -0,0 +1,13 @@
+import { ZeedhiCommonError } from './zeedhi-error';
+
+/**
+ * Delete rows error
+ */
+export class DeleteRowsError extends ZeedhiCommonError {
+	constructor() {
+		super(
+			"Grid can't automatically delete rows when selectAllPages property is true." + ' You should delete them manually',
+		);
+		this.name = 'DeleteRowsError';
+	}
+}

package/src/error/index.ts

@@ -0,0 +1,2 @@
+export * from './zeedhi-error';
+export * from './delete-rows';

package/src/error/non-initialized.ts

@@ -0,0 +1,11 @@
+import { ZeedhiCommonError } from './zeedhi-error';
+
+/**
+ * NonInitialized error
+ */
+export class NonInitializedError extends ZeedhiCommonError {
+	constructor(className: string) {
+		super(`Class ${className} was used before initialization. Call initialize() first.`);
+		this.name = 'NonInitializedError';
+	}
+}

package/src/error/tek-grid-delete-rows.ts

@@ -0,0 +1,15 @@
+import { TeknisaCommonError } from './teknisa-common-error';
+
+/**
+ * TekGridDelete rows error
+ */
+export class TekGridDeleteRowsError extends TeknisaCommonError {
+	constructor() {
+		super(
+			"TekGrid can't automatically delete rows when selectAllPages property is true." +
+				' You should delete them manually using the beforeDelete event and preventing' +
+				' the default execution',
+		);
+		this.name = 'TekGridDeleteRowsError';
+	}
+}

package/src/error/teknisa-common-error.ts

@@ -0,0 +1,8 @@
+/**
+ * Base Teknisa error
+ */
+export class TeknisaCommonError extends Error {
+	constructor(message: string) {
+		super(`[Teknisa Common err]: ${message}`);
+	}
+}

package/src/error/zeedhi-error.ts

@@ -0,0 +1,8 @@
+/**
+ * Base Zeedhi error
+ */
+export class ZeedhiCommonError extends Error {
+	constructor(message: string) {
+		super(`[Zeedhi Common err]: ${message}`);
+	}
+}

package/src/index.ts

@@ -0,0 +1,26 @@
+// import { VersionService } from '@zeedhi/core';
+
+import { Icons } from './utils';
+
+const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
+
+export * from './components';
+export * from './services';
+export * from './utils';
+
+Icons.addIcons({
+	add: 'mdi-plus-box',
+	delete: 'mdi-trash-can-outline',
+	refresh: 'mdi-refresh',
+	more: 'mdi-dots-vertical',
+	filter: 'mdi-filter',
+	confirmLayout: 'mdi-check',
+	updateLayout: 'mdi-square-edit-outline',
+	layout: 'mdi-table-star',
+});
+
+export { AutoNumeric };
+
+// const packageContent = require('../package.json');
+
+// VersionService.addPackageVersion(packageContent.name, packageContent.version);

package/src/services/index.ts

@@ -0,0 +1,4 @@
+export * from './zd-alert';
+export * from './zd-loading/loading-service';
+export * from './zd-dialog/dialog-service';
+export * from './zd-modal/modal-service';

package/src/services/zd-alert/alert-queue.ts

@@ -0,0 +1,40 @@
+import { Alert, IAlert } from '../../components';
+import { IAlertsManager } from './interfaces';
+
+export class AlertQueue implements IAlertsManager {
+	protected queue: IAlert[] = [];
+
+	public visibleInstances: Alert[] = [];
+
+	show(alert: IAlert): number {
+		this.queue.push(alert);
+
+		if ((this.visibleInstances.length === 0 || !this.visibleInstances[0].isVisible) && this.queue.length === 1) {
+			this.display(alert);
+		}
+
+		return 0;
+	}
+
+	/**
+	 * Displays an alert
+	 * @param alert Alert Structure
+	 */
+	protected display(alert: IAlert) {
+		if (this.visibleInstances.length === 0) {
+			this.visibleInstances.push(new Alert({ name: 'alert-instance', id: 0 }));
+		}
+
+		this.visibleInstances[0].assignAlertProperties(alert);
+		this.visibleInstances[0].show();
+		return 0;
+	}
+
+	remove(index: number): void {
+		this.queue.splice(index, 1);
+
+		if (index === 0 && this.queue[0]) {
+			setTimeout(() => this.display(this.queue[0]), 200);
+		}
+	}
+}

package/src/services/zd-alert/alert-replace.ts

@@ -0,0 +1,45 @@
+import { Alert, IAlert } from '../../components';
+import { IAlertsManager } from './interfaces';
+
+/**
+ * Displays alerts using replace.
+ * Only one alert can be visible at a time, and when a new alert is shown,
+ * the previous one is instantly removed
+ */
+export class AlertReplace implements IAlertsManager {
+	protected queue: IAlert[] = [];
+
+	public visibleInstances: Alert[] = [];
+
+	show(alert: IAlert): number {
+		this.queue.push(alert);
+
+		if ((this.visibleInstances.length === 0 || !this.visibleInstances[0].isVisible) && this.queue.length === 1) {
+			this.display(alert);
+		}
+
+		this.visibleInstances[0].hide();
+		this.remove(0);
+		setTimeout(() => this.display(alert), 200);
+
+		return 0;
+	}
+
+	/**
+	 * Displays an alert
+	 * @param alert Alert Structure
+	 */
+	protected display(alert: IAlert) {
+		if (this.visibleInstances.length === 0) {
+			this.visibleInstances.push(new Alert({ name: 'alert-instance', id: 0 }));
+		}
+
+		this.visibleInstances[0].assignAlertProperties(alert);
+		this.visibleInstances[0].show();
+		return 0;
+	}
+
+	remove(index: number): void {
+		this.queue.splice(index, 1);
+	}
+}

package/src/services/zd-alert/alert-service.ts

@@ -0,0 +1,77 @@
+import { IAlert } from '../../components/zd-alert/interfaces';
+import { AlertQueue } from './alert-queue';
+import { AlertReplace } from './alert-replace';
+import { AlertStack } from './alert-stack';
+import { IAlertsManager } from './interfaces';
+
+export type Multiple = 'replace' | 'queue' | 'stack';
+
+/**
+ * Alert Service Class
+ */
+export class AlertService {
+	/**
+	 * TODO: conferir se o alertsManager será necessário após a atualização 3.6.0 do vuetify,
+	 * que vai implementar a funcionalidade internamente
+	 * https://github.com/vuetifyjs/vuetify/milestone/72
+	 * https://github.com/vuetifyjs/vuetify/issues/2384
+	 */
+	public static alertsManager: IAlertsManager;
+
+	public static instantiateManager(multiple: Multiple) {
+		if (multiple === 'queue') {
+			return new AlertQueue();
+		}
+		if (multiple === 'stack') {
+			return new AlertStack();
+		}
+		return new AlertReplace();
+	}
+
+	public static registerManager(instance: IAlertsManager) {
+		AlertService.alertsManager = instance;
+	}
+
+	/**
+	 * Displays an alert.
+	 * If has an opened alert it will be closed.
+	 * @param alert Alert structure
+	 * @returns Alert id
+	 */
+	public static show(alert: IAlert): number {
+		return AlertService.alertsManager.show(alert);
+	}
+
+	/**
+	 * Hides alert by index. Default index is 0
+	 */
+	public static hide(index = 0): void {
+		AlertService.alertsManager.visibleInstances[index].hide();
+		AlertService.remove(index);
+	}
+
+	/**
+	 * Hides alert by alert id (returned by the `show` method)
+	 * @param id
+	 */
+	public static hideById(id: number) {
+		const index = AlertService.alertsManager.visibleInstances.findIndex((instance) => instance.id === id);
+		AlertService.hide(index);
+	}
+
+	/**
+	 * Hides all of the alerts
+	 */
+	public static hideAll() {
+		const { length } = AlertService.alertsManager.visibleInstances;
+		for (let i = 0; i < length; i += 1) AlertService.remove(0);
+	}
+
+	/**
+	 * Removes an alert from the alert queue
+	 * @param index index of the alert to be removed
+	 */
+	public static remove(index: number) {
+		AlertService.alertsManager.remove(index);
+	}
+}

package/src/services/zd-alert/alert-stack.ts

@@ -0,0 +1,29 @@
+import { Alert, IAlert } from '../../components';
+import { IAlertsManager } from './interfaces';
+
+export class AlertStack implements IAlertsManager {
+	protected queue: IAlert[] = [];
+
+	public visibleInstances: Alert[] = [];
+
+	public show(alert: IAlert): number {
+		this.queue.push(alert);
+
+		return this.display(alert);
+	}
+
+	private display(alert: IAlert) {
+		const lastAlert = this.visibleInstances.slice(-1)[0];
+		const lastId = lastAlert?.id || 0;
+		const id = lastId + 1;
+		const instance = new Alert({ ...alert, id });
+		this.visibleInstances.push(instance);
+		instance.show();
+		return id;
+	}
+
+	remove(index: number): void {
+		this.queue.splice(index, 1);
+		this.visibleInstances.splice(index, 1);
+	}
+}

package/src/services/zd-alert/index.ts

@@ -0,0 +1,5 @@
+export * from './alert-queue';
+export * from './alert-stack';
+export * from './alert-replace';
+export * from './alert-service';
+export * from './interfaces';

package/src/services/zd-alert/interfaces.ts

@@ -0,0 +1,7 @@
+import { Alert, IAlert } from '../../components';
+
+export interface IAlertsManager {
+	visibleInstances: Alert[];
+	show(alert: IAlert): number;
+	remove(index: number): void;
+}

package/src/services/zd-dialog/dialog-service.ts

@@ -0,0 +1,40 @@
+import { Dialog } from '../../components/zd-dialog/dialog';
+import { IDialog } from '../../components/zd-dialog/interfaces';
+
+/**
+ * Dialog Service Class
+ */
+export class DialogService {
+	public static instance: Dialog = new Dialog({ name: 'dialog-instance', isVisible: false });
+
+	/**
+	 * Displays a dialog.
+	 * If has an opened dialog it will be closed.
+	 * @param dialog dialog structure
+	 */
+	public static show(dialog: IDialog): void {
+		if (DialogService.instance.isVisible) {
+			DialogService.hide();
+			setTimeout(() => DialogService.display(dialog), 200);
+		} else {
+			DialogService.display(dialog);
+		}
+	}
+
+	/**
+	 * Hides current dialog
+	 */
+	public static hide(): void {
+		DialogService.instance.hide();
+	}
+
+	/**
+	 * Displays a dialog
+	 * @param dialog Dialog structure
+	 * @private
+	 */
+	private static display(dialog: IDialog) {
+		DialogService.instance.assignDialogProperties(dialog);
+		DialogService.instance.show();
+	}
+}

package/src/services/zd-loading/loading-service.ts

@@ -0,0 +1,24 @@
+import { ILoading } from '../..';
+
+/**
+ * Loading Service Class
+ */
+export class LoadingService {
+	public static loading: ILoading;
+
+	/**
+	 * Displays a Loading.
+	 * If has an opened Loading it will be closed.
+	 * @param Loading loading structure
+	 */
+	public static show(text?: string): void {
+		LoadingService.loading.show(text);
+	}
+
+	/**
+	 * Hides current Loading
+	 */
+	public static hide(): void {
+		LoadingService.loading.hide();
+	}
+}

package/src/services/zd-modal/modal-service.ts

@@ -0,0 +1,71 @@
+import { Metadata } from '@zeedhi/core';
+import { IModal, Modal } from '../../components';
+
+/**
+ * Modal service class
+ */
+export class ModalService {
+	/**
+	 * Modals collection
+	 */
+	public static modals: Modal[] = [];
+
+	/**
+	 * Creates a new modal instance
+	 * @param modal modal structure
+	 */
+	public static create(modal: IModal) {
+		const instance = new Modal(modal);
+		ModalService.modals.push(instance);
+		return instance;
+	}
+
+	/**
+	 * Creates a new modal instance from JSON
+	 * @param modal modal structure
+	 */
+	public static async createFromJson(modalPath: string, local?: boolean, JSONCache?: boolean) {
+		const modal = await Metadata.get(modalPath, local, JSONCache);
+		return ModalService.create(modal as IModal);
+	}
+
+	/**
+	 * Creates a new modal instance from JSON
+	 * @param modal modal structure
+	 */
+	public static async createFromJsonPost(modalPath: string, params?: object) {
+		const modal = await Metadata.post(modalPath, params);
+		return ModalService.create(modal as IModal);
+	}
+
+	/**
+	 * Deletes modal
+	 * @param modal modal instance
+	 */
+	public static delete(modal: Modal) {
+		const index = ModalService.modals.findIndex((m) => m.name === modal.name);
+		if (index !== -1) {
+			ModalService.modals.splice(index, 1);
+		}
+	}
+
+	/**
+	 * Closes modal by name
+	 */
+	public static closeByName(name: string) {
+		if (ModalService.modals.length) {
+			const modal = ModalService.modals.filter((m) => m.name === name);
+			if (modal.length) {
+				modal[0].hide();
+			}
+		}
+	}
+
+	/**
+	 * Gets a modal by name
+	 * @param name modal name
+	 */
+	public static getModal(name: string): Modal | undefined {
+		return ModalService.modals.find((m) => m.name === name);
+	}
+}

package/src/styles/_display.scss

@@ -0,0 +1,38 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2016-2019 John Jeremy Leider
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally copied from Vuetify package 
+ * (https://github.com/vuetifyjs/vuetify/blob/v1.5.16/packages/vuetify/src/styles/utilities/_display.sass)
+ */
+ 
+/* .zd-hidden */
+@each $size, $media_query in $display-breakpoints {
+    .zd-hidden {
+      &-#{$size} {
+        @media #{$media_query} {
+          display: none !important;
+        }
+      }
+    }
+  }
+  

package/src/styles/_elevation.scss

@@ -0,0 +1,129 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2016-2019 John Jeremy Leider
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally copied from Vuetify package 
+ * (https://github.com/vuetifyjs/vuetify/blob/v1.5.16/packages/vuetify/src/styles/tools/_elevation.sass)
+ */
+ 
+ $shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2) !default;
+ $shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14) !default;
+ $shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12) !default;
+ 
+ $shadow-key-umbra: (
+   0: (0px 0px 0px 0px $shadow-key-umbra-opacity),
+   1: (0px 2px 1px -1px $shadow-key-umbra-opacity),
+   2: (0px 3px 1px -2px $shadow-key-umbra-opacity),
+   3: (0px 3px 3px -2px $shadow-key-umbra-opacity),
+   4: (0px 2px 4px -1px $shadow-key-umbra-opacity),
+   5: (0px 3px 5px -1px $shadow-key-umbra-opacity),
+   6: (0px 3px 5px -1px $shadow-key-umbra-opacity),
+   7: (0px 4px 5px -2px $shadow-key-umbra-opacity),
+   8: (0px 5px 5px -3px $shadow-key-umbra-opacity),
+   9: (0px 5px 6px -3px $shadow-key-umbra-opacity),
+   10: (0px 6px 6px -3px $shadow-key-umbra-opacity),
+   11: (0px 6px 7px -4px $shadow-key-umbra-opacity),
+   12: (0px 7px 8px -4px $shadow-key-umbra-opacity),
+   13: (0px 7px 8px -4px $shadow-key-umbra-opacity),
+   14: (0px 7px 9px -4px $shadow-key-umbra-opacity),
+   15: (0px 8px 9px -5px $shadow-key-umbra-opacity),
+   16: (0px 8px 10px -5px $shadow-key-umbra-opacity),
+   17: (0px 8px 11px -5px $shadow-key-umbra-opacity),
+   18: (0px 9px 11px -5px $shadow-key-umbra-opacity),
+   19: (0px 9px 12px -6px $shadow-key-umbra-opacity),
+   20: (0px 10px 13px -6px $shadow-key-umbra-opacity),
+   21: (0px 10px 13px -6px $shadow-key-umbra-opacity),
+   22: (0px 10px 14px -6px $shadow-key-umbra-opacity),
+   23: (0px 11px 14px -7px $shadow-key-umbra-opacity),
+   24: (0px 11px 15px -7px $shadow-key-umbra-opacity)
+ );
+ 
+ $shadow-key-penumbra: (
+   0: (0px 0px 0px 0px $shadow-key-penumbra-opacity),
+   1: (0px 1px 1px 0px $shadow-key-penumbra-opacity),
+   2: (0px 2px 2px 0px $shadow-key-penumbra-opacity),
+   3: (0px 3px 4px 0px $shadow-key-penumbra-opacity),
+   4: (0px 4px 5px 0px $shadow-key-penumbra-opacity),
+   5: (0px 5px 8px 0px $shadow-key-penumbra-opacity),
+   6: (0px 6px 10px 0px $shadow-key-penumbra-opacity),
+   7: (0px 7px 10px 1px $shadow-key-penumbra-opacity),
+   8: (0px 8px 10px 1px $shadow-key-penumbra-opacity),
+   9: (0px 9px 12px 1px $shadow-key-penumbra-opacity),
+   10: (0px 10px 14px 1px $shadow-key-penumbra-opacity),
+   11: (0px 11px 15px 1px $shadow-key-penumbra-opacity),
+   12: (0px 12px 17px 2px $shadow-key-penumbra-opacity),
+   13: (0px 13px 19px 2px $shadow-key-penumbra-opacity),
+   14: (0px 14px 21px 2px $shadow-key-penumbra-opacity),
+   15: (0px 15px 22px 2px $shadow-key-penumbra-opacity),
+   16: (0px 16px 24px 2px $shadow-key-penumbra-opacity),
+   17: (0px 17px 26px 2px $shadow-key-penumbra-opacity),
+   18: (0px 18px 28px 2px $shadow-key-penumbra-opacity),
+   19: (0px 19px 29px 2px $shadow-key-penumbra-opacity),
+   20: (0px 20px 31px 3px $shadow-key-penumbra-opacity),
+   21: (0px 21px 33px 3px $shadow-key-penumbra-opacity),
+   22: (0px 22px 35px 3px $shadow-key-penumbra-opacity),
+   23: (0px 23px 36px 3px $shadow-key-penumbra-opacity),
+   24: (0px 24px 38px 3px $shadow-key-penumbra-opacity)
+ );
+ 
+ $shadow-key-ambient: (
+   0: (0px 0px 0px 0px $shadow-key-ambient-opacity),
+   1: (0px 1px 3px 0px $shadow-key-ambient-opacity),
+   2: (0px 1px 5px 0px $shadow-key-ambient-opacity),
+   3: (0px 1px 8px 0px $shadow-key-ambient-opacity),
+   4: (0px 1px 10px 0px $shadow-key-ambient-opacity),
+   5: (0px 1px 14px 0px $shadow-key-ambient-opacity),
+   6: (0px 1px 18px 0px $shadow-key-ambient-opacity),
+   7: (0px 2px 16px 1px $shadow-key-ambient-opacity),
+   8: (0px 3px 14px 2px $shadow-key-ambient-opacity),
+   9: (0px 3px 16px 2px $shadow-key-ambient-opacity),
+   10: (0px 4px 18px 3px $shadow-key-ambient-opacity),
+   11: (0px 4px 20px 3px $shadow-key-ambient-opacity),
+   12: (0px 5px 22px 4px $shadow-key-ambient-opacity),
+   13: (0px 5px 24px 4px $shadow-key-ambient-opacity),
+   14: (0px 5px 26px 4px $shadow-key-ambient-opacity),
+   15: (0px 6px 28px 5px $shadow-key-ambient-opacity),
+   16: (0px 6px 30px 5px $shadow-key-ambient-opacity),
+   17: (0px 6px 32px 5px $shadow-key-ambient-opacity),
+   18: (0px 7px 34px 6px $shadow-key-ambient-opacity),
+   19: (0px 7px 36px 6px $shadow-key-ambient-opacity),
+   20: (0px 8px 38px 7px $shadow-key-ambient-opacity),
+   21: (0px 8px 40px 7px $shadow-key-ambient-opacity),
+   22: (0px 8px 42px 7px $shadow-key-ambient-opacity),
+   23: (0px 9px 44px 8px $shadow-key-ambient-opacity),
+   24: (0px 9px 46px 8px $shadow-key-ambient-opacity)
+ );
+ 
+ @mixin elevation($z, $important: false) {
+   box-shadow: map-get($shadow-key-umbra, $z), map-get($shadow-key-penumbra, $z), map-get($shadow-key-ambient, $z) if($important, !important, null);
+ }
+ 
+ $elevation: 24;
+ 
+ /* zd-elevation */
+ @while $elevation >= 0 {
+   .zd-elevation-#{$elevation} {
+     @include elevation($elevation, $important: true);
+   }
+ 
+   $elevation: $elevation - 1;
+ } 

package/src/styles/_functions.scss

@@ -0,0 +1,57 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2016-2019 John Jeremy Leider
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ * Originally copied from Vuetify package
+ * (https://github.com/vuetifyjs/vuetify/blob/v1.5.16/packages/vuetify/src/styles/tools/_functions.sass)
+ */
+
+ @function map-deep-merge($parent-map, $child-map) {
+    $result: $parent-map;
+  
+    @each $key, $child in $child-map {
+      $parent-has-key: map-has-key($result, $key);
+      $parent-value: map-get($result, $key);
+      $parent-type: type-of($parent-value);
+      $child-type: type-of($child);
+      $parent-is-map: $parent-type == map;
+      $child-is-map: $child-type == map;
+  
+      @if (not $parent-has-key) or ($parent-type != $child-type) or (not ($parent-is-map and $child-is-map)){
+        $result: map-merge($result, ( $key: $child ));
+      }
+      @else {
+        $result: map-merge($result, ( $key: map-deep-merge($parent-value, $child) ));
+      }
+    }
+  
+    @return $result;
+  }
+  
+  @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+    $min: map-get($breakpoints, $name);
+    @return if($min != 0, $min, null);
+  }
+  
+  @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+    @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
+  }