n8n-editor-ui 2.3.3 → 2.4.1

package/dist/assets/ChatAgentAvatar-lJduQjSM.js

@@ -0,0 +1,67 @@
+import { C as computed, Cn as toDisplayString, D as createElementBlock, Gt as unref, P as defineComponent, T as createBlock, bt as withCtx, et as openBlock, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { St as N8nTooltip_default, jn as N8nIcon_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { nt as useCredentialsStore } from "./users.store-KBMG-745.js";
+import { Jr as PROVIDER_CREDENTIAL_TYPE_MAP } from "./constants-CRdXn3zB.js";
+import { t as CredentialIcon_default } from "./CredentialIcon-Co-DgDkv.js";
+import { f as isLlmProviderModel, g as workflowAgentDefaultIcon, p as personalAgentDefaultIcon } from "./chat.store-DIrG4eKT.js";
+var ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ChatAgentAvatar",
+	props: {
+		agent: {},
+		size: {},
+		tooltip: { type: Boolean }
+	},
+	setup(__props) {
+		const credentialsStore = useCredentialsStore();
+		const isCredentialsIconReady = computed(() => credentialsStore.allCredentialTypes.length > 0);
+		const i18n = useI18n();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(N8nTooltip_default), {
+				"show-after": 100,
+				placement: "left",
+				disabled: !__props.tooltip
+			}, {
+				content: withCtx(() => [createTextVNode(toDisplayString(__props.agent?.name || unref(i18n).baseText("chatHub.agent.unavailableAgent")), 1)]),
+				default: withCtx(() => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.container, _ctx.$attrs.class]) }, [__props.agent?.icon?.type === "emoji" ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([_ctx.$style.emoji, _ctx.$style[__props.size]])
+				}, toDisplayString(__props.agent.icon.value), 3)) : !__props.agent || !unref(isLlmProviderModel)(__props.agent.model) ? (openBlock(), createBlock(unref(N8nIcon_default), {
+					key: 1,
+					color: __props.size === "sm" ? "text-base" : "text-light",
+					class: normalizeClass([_ctx.$style.n8nIcon, _ctx.$style[__props.size]]),
+					icon: __props.agent?.icon?.value ?? (__props.agent?.model.provider === "n8n" ? unref(workflowAgentDefaultIcon) : unref(personalAgentDefaultIcon)).value,
+					size: __props.size === "lg" ? "xxlarge" : __props.size === "sm" ? "large" : "xlarge"
+				}, null, 8, [
+					"color",
+					"class",
+					"icon",
+					"size"
+				])) : (openBlock(), createBlock(CredentialIcon_default, {
+					key: 2,
+					class: normalizeClass([_ctx.$style.credentialsIcon, { [_ctx.$style.isReady]: isCredentialsIconReady.value }]),
+					"credential-type-name": unref(PROVIDER_CREDENTIAL_TYPE_MAP)[__props.agent.model.provider],
+					size: __props.size === "sm" ? 16 : __props.size === "lg" ? 40 : 20
+				}, null, 8, [
+					"class",
+					"credential-type-name",
+					"size"
+				]))], 2)]),
+				_: 1
+			}, 8, ["disabled"]);
+		};
+	}
+});
+var ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default = {
+	container: "_container_1tmx7_123",
+	n8nIcon: "_n8nIcon_1tmx7_130",
+	lg: "_lg_1tmx7_133",
+	emoji: "_emoji_1tmx7_141",
+	sm: "_sm_1tmx7_146",
+	md: "_md_1tmx7_150",
+	credentialsIcon: "_credentialsIcon_1tmx7_161",
+	isReady: "_isReady_1tmx7_164"
+};
+var ChatAgentAvatar_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatAgentAvatar_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatAgentAvatar_vue_vue_type_style_index_0_lang_module_default }]]);
+export { ChatAgentAvatar_default as t };

package/dist/assets/{ChatFile-B6hcldJk.js → ChatFile-DGN9Z6P_.js}

@@ -1,15 +1,15 @@
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, et as openBlock, h as withModifiers, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, T as createBlock, et as openBlock, h as withModifiers, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
 var _hoisted_1$6 = {
 	viewBox: "0 0 24 24",
 	width: "1.2em",
 	height: "1.2em"
 };
 function render$5(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$6, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$6, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M20 6.91L17.09 4L12 9.09L6.91 4L4 6.91L9.09 12L4 17.09L6.91 20L12 14.91L17.09 20L20 17.09L14.91 12z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var closeThick_default = {
 	name: "mdi-closeThick",
@@ -21,10 +21,10 @@ var _hoisted_1$5 = {
 	height: "1.2em"
 };
 function render$4(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$5, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$5, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m0 18h12v-8l-4 4l-2-2zM8 9a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var fileImage_default = {
 	name: "mdi-fileImage",
@@ -36,10 +36,10 @@ var _hoisted_1$4 = {
 	height: "1.2em"
 };
 function render$3(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm-1 11h-2v5a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2c.4 0 .7.1 1 .3V11h3zm0-4V3.5L18.5 9z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var fileMusic_default = {
 	name: "mdi-fileMusic",
@@ -51,10 +51,10 @@ var _hoisted_1$3 = {
 	height: "1.2em"
 };
 function render$2(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$3, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$3, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m9 16v-2H6v2zm3-4v-2H6v2z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var fileText_default = {
 	name: "mdi-fileText",
@@ -66,10 +66,10 @@ var _hoisted_1$2 = {
 	height: "1.2em"
 };
 function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M13 9h5.5L13 3.5zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2m11 17v-6l-3 2.2V13H7v6h7v-2.2z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var fileVideo_default = {
 	name: "mdi-fileVideo",
@@ -81,10 +81,10 @@ var _hoisted_1$1 = {
 	height: "1.2em"
 };
 function render(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M14 3v2h3.59l-9.83 9.83l1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var openInNew_default = {
 	name: "mdi-openInNew",
@@ -129,13 +129,13 @@ var ChatFile_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__
 				onClick
 			}, [
 				createVNode(unref(TypeIcon), { class: "chat-icon" }),
-				createBaseVNode("p", _hoisted_1, toDisplayString(_ctx.file.name), 1),
-				_ctx.isRemovable ? (openBlock(), createElementBlock("span", {
+				createBaseVNode("p", _hoisted_1, toDisplayString(__props.file.name), 1),
+				__props.isRemovable ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: "chat-file-delete",
 					"data-test-id": "chat-file-remove",
 					onClick: withModifiers(onDelete, ["stop"])
-				}, [createVNode(unref(closeThick_default))])) : _ctx.isPreviewable || _ctx.href ? (openBlock(), createBlock(unref(openInNew_default), {
+				}, [createVNode(unref(closeThick_default))])) : __props.isPreviewable || __props.href ? (openBlock(), createBlock(unref(openInNew_default), {
 					key: 1,
 					class: "chat-file-preview"
 				})) : createCommentVNode("", true)

package/dist/assets/{ChatLayout-ZIIWLYox.js → ChatLayout-B3HCEtmF.js}

@@ -1,12 +1,12 @@
-import { C as computed, D as createElementBlock, Gt as unref, It as ref, P as defineComponent, _t as watch, at as renderSlot, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { M as useLocalStorage, N as useMediaQuery, O as useEventListener } from "./_MapCache-ficiegRb.js";
-import { ct as useDeviceSupport } from "./src-BiuB4CZc.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { y as useRouter } from "./truncate-B1HVeveJ.js";
-import { Xn as useProjectsStore, gn as useCredentialsStore, gs as useSettingsStore, oa as useUIStore } from "./builder.store-CgMqPgnW.js";
-import { $r as chatHubProviderSchema, Ds as LOCAL_STORAGE_CHAT_HUB_CREDENTIALS, Fo as objectType, Io as recordType, Lo as stringType, Po as nullType, Xr as agentIconOrEmojiSchema, Yr as PROVIDER_CREDENTIAL_TYPE_MAP, Zr as chatHubConversationModelSchema } from "./constants-B5yiZflE.js";
-import { f as MOBILE_MEDIA_QUERY, u as CHAT_VIEW } from "./constants-vjryKFt3.js";
-import { l as isLlmProvider, u as isLlmProviderModel } from "./chat.store-CIFGQpTZ.js";
+import { C as computed, D as createElementBlock, It as ref, P as defineComponent, _t as watch, at as renderSlot, et as openBlock, vn as normalizeClass } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { M as useLocalStorage, O as useEventListener } from "./_MapCache-DkLivSSb.js";
+import { mt as useDeviceSupport } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { y as useRouter } from "./truncate-BrM_9cme.js";
+import { ls as useSettingsStore, nt as useCredentialsStore, r as useUIStore, zt as useProjectsStore } from "./users.store-KBMG-745.js";
+import { Fo as recordType, Io as stringType, Jr as PROVIDER_CREDENTIAL_TYPE_MAP, No as nullType, Po as objectType, Qr as chatHubProviderSchema, Ts as LOCAL_STORAGE_CHAT_HUB_CREDENTIALS, Xr as chatHubConversationModelSchema, Yr as agentIconOrEmojiSchema } from "./constants-CRdXn3zB.js";
+import { u as CHAT_VIEW } from "./constants-Bgby4me8.js";
+import { d as isLlmProvider, f as isLlmProviderModel } from "./chat.store-DIrG4eKT.js";
 const credentialsMapSchema = recordType(chatHubProviderSchema, stringType().or(nullType()));
 const chatHubConversationModelWithCachedDisplayNameSchema = chatHubConversationModelSchema.and(objectType({
 	cachedDisplayName: stringType().optional(),
@@ -69,7 +69,6 @@ function useChatCredentials(userId) {
 var ChatLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatLayout",
 	setup(__props) {
-		const isMobileDevice$1 = useMediaQuery(MOBILE_MEDIA_QUERY);
 		const router = useRouter();
 		const uiStore = useUIStore();
 		const { isCtrlKeyPressed } = useDeviceSupport();
@@ -84,13 +83,10 @@ var ChatLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.component, { [_ctx.$style.isMobileDevice]: unref(isMobileDevice$1) }]) }, [renderSlot(_ctx.$slots, "default")], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.component) }, [renderSlot(_ctx.$slots, "default")], 2);
 		};
 	}
 });
-var ChatLayout_vue_vue_type_style_index_0_lang_module_default = {
-	component: "_component_gldft_123",
-	isMobileDevice: "_isMobileDevice_gldft_134"
-};
+var ChatLayout_vue_vue_type_style_index_0_lang_module_default = { component: "_component_1e22o_123" };
 var ChatLayout_default = /* @__PURE__ */ __plugin_vue_export_helper_default(ChatLayout_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": ChatLayout_vue_vue_type_style_index_0_lang_module_default }]]);
 export { useChatCredentials as n, chatHubConversationModelWithCachedDisplayNameSchema as r, ChatLayout_default as t };

package/dist/assets/{ChatLayout-CxM-3LAt.css → ChatLayout-C5Cltxb6.css}

@@ -120,18 +120,11 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._component_gldft_123 {
-  margin: var(--spacing--4xs);
+._component_1e22o_123 {
   width: 100%;
   background-color: var(--color--background--light-2);
-  border: var(--border);
-  border-radius: var(--radius);
   display: flex;
   flex-direction: column;
   align-items: stretch;
   overflow: hidden;
-}
-._component_gldft_123._isMobileDevice_gldft_134 {
-  margin: 0;
-  border: none;
 }

package/dist/assets/{ChatPersonalAgentsView-CHjVJlH9.js → ChatPersonalAgentsView-CfuU16Wx.js}

@@ -1,27 +1,22 @@
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { N as useMediaQuery, _t as useI18n } from "./_MapCache-ficiegRb.js";
-import { Sn as N8nButton_default, xn as N8nText_default } from "./src-BiuB4CZc.js";
-import "./en-CF30SCh2.js";
-import "./preload-helper-CR0ecmWK.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import "./truncate-B1HVeveJ.js";
-import { Dr as useUsersStore, m as useMessage, oa as useUIStore, v as useToast } from "./builder.store-CgMqPgnW.js";
-import "./empty-BUjCyq3U.js";
-import "./sanitize-html-BkT1y0bJ.js";
-import "./CalendarDate-zWqgZMlk.js";
-import { as as MODAL_CONFIRM } from "./constants-B5yiZflE.js";
-import "./merge-DjI8TA-7.js";
-import "./_baseOrderBy-DwurmLcj.js";
-import "./dateformat-BlfbK1ki.js";
-import "./useDebounce-BjcMkTu4.js";
-import "./retry-B-tGcWte.js";
-import "./CredentialIcon-CsmA8n5q.js";
-import { f as MOBILE_MEDIA_QUERY, t as AGENT_EDITOR_MODAL_KEY } from "./constants-vjryKFt3.js";
-import { f as stringifyModel, r as filterAndSortAgents, t as useChatStore } from "./chat.store-CIFGQpTZ.js";
-import "./fileUtils-Bt1vr1SC.js";
-import "./ChatAgentAvatar-DoN0Vr4x.js";
-import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-felAhV_j.js";
-import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-ZIIWLYox.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, _ as Fragment, _t as watch, bt as withCtx, et as openBlock, it as renderList, j as createTextVNode, vn as normalizeClass, w as createBaseVNode } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { N as useMediaQuery, _t as useI18n } from "./_MapCache-DkLivSSb.js";
+import { On as N8nText_default, kn as N8nButton_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import "./truncate-BrM_9cme.js";
+import { br as useToast, gr as useMessage, r as useUIStore, t as useUsersStore } from "./users.store-KBMG-745.js";
+import "./sanitize-html-DeDnsMgc.js";
+import "./empty-nq5-pHAR.js";
+import { is as MODAL_CONFIRM } from "./constants-CRdXn3zB.js";
+import "./merge-B0-p153C.js";
+import "./_baseOrderBy-Cy5MGJv_.js";
+import "./dateformat-BeHi9sF4.js";
+import "./useDebounce-C4ttil9E.js";
+import "./CredentialIcon-Co-DgDkv.js";
+import { g as MOBILE_MEDIA_QUERY, t as AGENT_EDITOR_MODAL_KEY } from "./constants-Bgby4me8.js";
+import { i as filterAndSortAgents, m as stringifyModel, t as useChatStore } from "./chat.store-DIrG4eKT.js";
+import "./ChatAgentAvatar-lJduQjSM.js";
+import { n as ChatAgentSearchSort_default, r as ChatAgentCard_default, t as SkeletonAgentCard_default } from "./SkeletonAgentCard-DNUy88vs.js";
+import { n as useChatCredentials, t as ChatLayout_default } from "./ChatLayout-B3HCEtmF.js";
 var ChatPersonalAgentsView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ChatPersonalAgentsView",
 	setup(__props) {

package/dist/assets/{ChatSidebar-DcNxY7Pt.css → ChatSidebar-D-hWKn7w.css}

@@ -295,6 +295,132 @@
 --------------------------*/
 /* Break-point
 --------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._avatar_12l0r_123 {
+  width: var(--spacing--lg);
+  height: var(--spacing--lg);
+  min-width: var(--spacing--lg);
+}/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
 /* Break-points
  -------------------------- */
 /* Scrollbar