@stsdti/funky-ui-kit 1.8.8 → 1.8.9

package/dist/funky-ui-kit.esm.js

@@ -28476,159 +28476,10 @@ var AppDate_default = /*#__PURE__*/ _plugin_vue_export_helper_default({
 		};
 	}
 }, [["__scopeId", "data-v-dbda72e2"]]);
-//#endregion
-//#region src/components/small/app-date-picker/AppDatePicker.vue
-var _hoisted_1$78 = {
-	class: "flex-center-vertical dp__input dp__pointer dp__input_readonly dp__input_reg",
-	style: { "gap": "3px" }
-};
-var _hoisted_2$58 = [
-	"disabled",
-	"placeholder",
-	"onBlur",
-	"onKeydown",
-	"onKeypress",
-	"onPaste"
-];
-var _hoisted_3$41 = { key: 0 };
-var _hoisted_4$31 = {
-	key: 1,
-	class: "app-form-element-placeholder"
-};
-var _hoisted_5$23 = { class: "form-control-feedback form-control-feedback-end" };
-var _hoisted_6$14 = { class: "form-control-feedback-icon" };
-var _hoisted_7$7 = {
-	key: 0,
-	class: "ml-10"
-};
-var _sfc_main$114 = {
-	__name: "AppDatePicker",
-	props: /*@__PURE__*/ mergeModels({
-		...appDatePickerProps_default,
-		...appFormElementProps_default
-	}, {
-		"modelValue": { type: Date },
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const modelValue = useModel(__props, "modelValue");
-		const inputValue = ref("");
-		const isMenuOpen = ref(false);
-		const props = __props;
-		const { formElementProps, computedName, computedPlaceHolder } = useAppFormElement(props);
-		const computedClass = computed(() => ({
-			"app-date-picker": true,
-			"disabled-element": props.disabled
-		}));
-		const computedFormats = computed(() => ({
-			input: props.currentFormat,
-			preview: props.currentFormat
-		}));
-		const isDayOfWeekVisible = computed(() => props.showDayOfWeek && modelValue.value);
-		watch(modelValue, (newValue) => {
-			inputValue.value = newValue ? format$1(newValue, props.currentFormat) : "";
-		}, { immediate: true });
-		const attemptToParseDate = (dateStr) => {
-			if (!(0, import_lodash.isString)(dateStr)) return null;
-			dateStr = dateStr.replace(/[.,\-\/]/g, ".");
-			const formats = [props.currentFormat.replace("yyyy", "yy"), props.currentFormat];
-			for (const format of formats) {
-				const date = parse$2(dateStr, format, /* @__PURE__ */ new Date());
-				if (!isNaN(date.getTime())) return date;
-			}
-		};
-		const applyInputValue = () => {
-			let parsedDate = attemptToParseDate(inputValue.value);
-			parsedDate ? modelValue.value = parsedDate : clearValues();
-		};
-		const clearValues = () => {
-			modelValue.value = null;
-			inputValue.value = null;
-		};
-		const updateDate = (date) => {
-			date.setHours(0);
-			date.setMinutes(0);
-			date.setSeconds(0);
-		};
-		useClickOutside({ isOpen: isMenuOpen });
-		return (_ctx, _cache) => {
-			const _component_app_date_picker_day_of_week = resolveComponent("app-date-picker-day-of-week");
-			const _component_vue_date_picker = resolveComponent("vue-date-picker");
-			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), createSlots({
-				default: withCtx(() => [createVNode(_component_vue_date_picker, mergeProps({
-					modelValue: modelValue.value,
-					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
-				}, _ctx.$attrs, {
-					position: "left",
-					"action-row": {
-						showSelect: true,
-						showCancel: true,
-						showPreview: true
-					},
-					"auto-apply": true,
-					class: computedClass.value,
-					"disabled-dates": _ctx.disabledDates,
-					disabled: _ctx.disabled,
-					"enable-time-picker": false,
-					locale: unref(locale),
-					formats: computedFormats.value,
-					name: unref(computedName),
-					placeholder: unref(computedPlaceHolder),
-					"text-input": _ctx.isTypeable,
-					onDateUpdate: updateDate,
-					onClosed: _cache[2] || (_cache[2] = ($event) => isMenuOpen.value = false),
-					onOpen: _cache[3] || (_cache[3] = ($event) => isMenuOpen.value = true)
-				}), {
-					"dp-input": withCtx(({ value, isMenuOpen, onTab, onKeypress, onPaste }) => [createElementVNode("div", _hoisted_1$78, [
-						_cache[5] || (_cache[5] = createElementVNode("i", { class: "ph-calendar-blank" }, null, -1)),
-						isDayOfWeekVisible.value ? (openBlock(), createBlock(_component_app_date_picker_day_of_week, {
-							key: 0,
-							language: _ctx.currentLanguage,
-							value: modelValue.value
-						}, null, 8, ["language", "value"])) : createCommentVNode("", true),
-						props.isTypeable ? withDirectives((openBlock(), createElementBlock("input", {
-							key: 1,
-							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-							class: "dp__input_readonly dp__input_icon_pad dp__input_reg borderless-input date-picker-input",
-							type: "text",
-							disabled: _ctx.disabled,
-							placeholder: _ctx.placeholder,
-							onBlur: ($event) => !isMenuOpen && applyInputValue(),
-							onKeydown: [withKeys(applyInputValue, ["enter"]), withKeys(onTab, ["tab"])],
-							onKeypress,
-							onPaste
-						}, null, 40, _hoisted_2$58)), [[vModelText, inputValue.value]]) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [modelValue.value ? (openBlock(), createElementBlock("span", _hoisted_3$41, toDisplayString(value), 1)) : (openBlock(), createElementBlock("span", _hoisted_4$31, toDisplayString(_ctx.placeholder), 1))], 64))
-					])]),
-					"clear-icon": withCtx(() => [createElementVNode("div", _hoisted_5$23, [createElementVNode("div", _hoisted_6$14, [createElementVNode("i", {
-						class: "ph-x-circle app-cross-icon mb-15",
-						onClick: withModifiers(clearValues, ["stop"])
-					})])])]),
-					_: 1
-				}, 16, [
-					"modelValue",
-					"class",
-					"disabled-dates",
-					"disabled",
-					"locale",
-					"formats",
-					"name",
-					"placeholder",
-					"text-input"
-				]), _ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$7, [createVNode(_sfc_main$116, {
-					modelValue: modelValue.value,
-					"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => modelValue.value = $event)
-				}, null, 8, ["modelValue"])])) : createCommentVNode("", true)]),
-				_: 2
-			}, [renderList(Object.keys(_ctx.$slots), (slot) => {
-				return {
-					name: slot,
-					fn: withCtx((scope) => [renderSlot(_ctx.$slots, slot, normalizeProps(guardReactiveProps(scope)))])
-				};
-			})]), 1040);
-		};
-	}
-};
+({
+	...appDatePickerProps_default,
+	...appFormElementProps_default
+});
 //#endregion
 //#region src/components/small/app-date-picker/AppDatePickerRange.vue
 var _hoisted_1$77 = { class: "w-100" };
@@ -30332,6 +30183,10 @@ var _sfc_main$112 = {
 		width: {
 			type: [String, Number],
 			default: null
+		},
+		placement: {
+			type: String,
+			default: "bottom-start"
 		}
 	},
 	setup(__props) {
@@ -30347,7 +30202,7 @@ var _sfc_main$112 = {
 			else anchorEl.value = props.anchor;
 		}, { immediate: true });
 		const { x, y, strategy } = useFloating(anchorEl, floatingEl, {
-			placement: "bottom-start",
+			placement: computed(() => props.placement),
 			strategy: "absolute",
 			whileElementsMounted: autoUpdate,
 			middleware: [
@@ -31209,10 +31064,12 @@ var _sfc_main$10 = {
 			onInput();
 		}, { immediate: true });
 		return (_ctx, _cache) => {
+			const _component_app_date = resolveComponent("app-date");
+			const _component_app_time = resolveComponent("app-time");
 			return openBlock(), createBlock(AppFormElement_default, normalizeProps(guardReactiveProps(unref(formElementProps))), {
 				"help-block": withCtx(() => [renderSlot(_ctx.$slots, "help-block")]),
 				default: withCtx(() => [createElementVNode("div", _hoisted_1$72, [
-					createElementVNode("div", _hoisted_2$53, [createVNode(_sfc_main$114, {
+					createElementVNode("div", _hoisted_2$53, [createVNode(_component_app_date, {
 						modelValue: localDate.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localDate.value = $event),
 						"current-format": "dd.MM.yyyy",
@@ -31224,7 +31081,7 @@ var _sfc_main$10 = {
 						"disabled",
 						"show-day-of-week"
 					])]),
-					createElementVNode("div", _hoisted_3$36, [createVNode(AppTimePicker_default, {
+					createElementVNode("div", _hoisted_3$36, [createVNode(_component_app_time, {
 						ref: "timePicker",
 						modelValue: localTime.value,
 						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => localTime.value = $event),
@@ -137903,9 +137760,10 @@ function useTableModel({ props, emits, tableContext, formContext = null, model,
 }
 //#endregion
 //#region src/index.js
+var components = { ...components_exports };
 var plugin = { install(Vue, config) {
-	for (const prop in components_exports) if ((void 0)(prop)) {
-		const component = components_exports[prop];
+	for (const prop in components) if (components.hasOwnProperty(prop)) {
+		const component = components[prop];
 		Vue.component(prop, component);
 	}
 	if (!Vue.directive("tippy")) Vue.use(plugin$1);