@stsdti/funky-ui-kit 1.3.4 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/funky-ui-kit.css +1 -1
- package/dist/funky-ui-kit.es.js +28 -72
- package/dist/funky-ui-kit.es.js.map +1 -1
- package/package.json +1 -1
- package/web-types.json +1 -1
package/dist/funky-ui-kit.es.js
CHANGED
|
@@ -18036,8 +18036,8 @@ const _hoisted_4$s = {
|
|
|
18036
18036
|
class: "app-form-element-placeholder"
|
|
18037
18037
|
};
|
|
18038
18038
|
const _hoisted_5$m = { class: "form-control-feedback form-control-feedback-end" };
|
|
18039
|
-
const _hoisted_6$
|
|
18040
|
-
const _hoisted_7$
|
|
18039
|
+
const _hoisted_6$d = { class: "form-control-feedback-icon" };
|
|
18040
|
+
const _hoisted_7$6 = {
|
|
18041
18041
|
key: 0,
|
|
18042
18042
|
class: "ml-10"
|
|
18043
18043
|
};
|
|
@@ -18140,7 +18140,7 @@ const _sfc_main$1A = {
|
|
|
18140
18140
|
]),
|
|
18141
18141
|
"clear-icon": withCtx(() => [
|
|
18142
18142
|
createElementVNode("div", _hoisted_5$m, [
|
|
18143
|
-
createElementVNode("div", _hoisted_6$
|
|
18143
|
+
createElementVNode("div", _hoisted_6$d, [
|
|
18144
18144
|
createElementVNode("i", {
|
|
18145
18145
|
class: "ph-x-circle app-cross-icon mb-15",
|
|
18146
18146
|
onClick: withModifiers(clearValues, ["stop"])
|
|
@@ -18150,7 +18150,7 @@ const _sfc_main$1A = {
|
|
|
18150
18150
|
]),
|
|
18151
18151
|
_: 1
|
|
18152
18152
|
}, 16, ["modelValue", "class", "disabled-dates", "disabled", "format-locale", "format", "name", "placeholder", "text-input"]),
|
|
18153
|
-
_ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$
|
|
18153
|
+
_ctx.showEasyButtons && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_7$6, [
|
|
18154
18154
|
createVNode(_sfc_main$1B, {
|
|
18155
18155
|
modelValue: modelValue.value,
|
|
18156
18156
|
"onUpdate:modelValue": _cache2[2] || (_cache2[2] = ($event) => modelValue.value = $event)
|
|
@@ -19661,13 +19661,6 @@ const createVueComponent = (type, iconName, iconNamePascal, iconNode) => ({ colo
|
|
|
19661
19661
|
children
|
|
19662
19662
|
);
|
|
19663
19663
|
};
|
|
19664
|
-
/**
|
|
19665
|
-
* @license @tabler/icons-vue v3.31.0 - MIT
|
|
19666
|
-
*
|
|
19667
|
-
* This source code is licensed under the MIT license.
|
|
19668
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
19669
|
-
*/
|
|
19670
|
-
var IconAlertTriangle = createVueComponent("outline", "alert-triangle", "IconAlertTriangle", [["path", { "d": "M12 9v4", "key": "svg-0" }], ["path", { "d": "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z", "key": "svg-1" }], ["path", { "d": "M12 16h.01", "key": "svg-2" }]]);
|
|
19671
19664
|
/**
|
|
19672
19665
|
* @license @tabler/icons-vue v3.31.0 - MIT
|
|
19673
19666
|
*
|
|
@@ -19682,13 +19675,6 @@ var IconCirclePlus = createVueComponent("outline", "circle-plus", "IconCirclePlu
|
|
|
19682
19675
|
* See the LICENSE file in the root directory of this source tree.
|
|
19683
19676
|
*/
|
|
19684
19677
|
var IconCloudUpload = createVueComponent("outline", "cloud-upload", "IconCloudUpload", [["path", { "d": "M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1", "key": "svg-0" }], ["path", { "d": "M9 15l3 -3l3 3", "key": "svg-1" }], ["path", { "d": "M12 12l0 9", "key": "svg-2" }]]);
|
|
19685
|
-
/**
|
|
19686
|
-
* @license @tabler/icons-vue v3.31.0 - MIT
|
|
19687
|
-
*
|
|
19688
|
-
* This source code is licensed under the MIT license.
|
|
19689
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
19690
|
-
*/
|
|
19691
|
-
var IconInfoCircle = createVueComponent("outline", "info-circle", "IconInfoCircle", [["path", { "d": "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", "key": "svg-0" }], ["path", { "d": "M12 9h.01", "key": "svg-1" }], ["path", { "d": "M11 12h1v4h1", "key": "svg-2" }]]);
|
|
19692
19678
|
/**
|
|
19693
19679
|
* @license @tabler/icons-vue v3.31.0 - MIT
|
|
19694
19680
|
*
|
|
@@ -19833,7 +19819,7 @@ const _hoisted_2$M = { class: "flex-center-vertical pr-20 pl-20 w-100 mt-15" };
|
|
|
19833
19819
|
const _hoisted_3$w = { class: "flex-1 mb-10" };
|
|
19834
19820
|
const _hoisted_4$o = { class: "mb-0" };
|
|
19835
19821
|
const _hoisted_5$j = { class: "p-20 flex-1 w-100" };
|
|
19836
|
-
const _hoisted_6$
|
|
19822
|
+
const _hoisted_6$c = { class: "flex-center p-10 w-100 gap-1" };
|
|
19837
19823
|
const _sfc_main$1p = {
|
|
19838
19824
|
__name: "AppTableFilterDrawer",
|
|
19839
19825
|
props: {
|
|
@@ -19907,7 +19893,7 @@ const _sfc_main$1p = {
|
|
|
19907
19893
|
renderSlot(_ctx.$slots, "content", {}, void 0, true)
|
|
19908
19894
|
]),
|
|
19909
19895
|
_cache2[1] || (_cache2[1] = createElementVNode("hr", { class: "mb-5 mt-0 w-100" }, null, -1)),
|
|
19910
|
-
createElementVNode("div", _hoisted_6$
|
|
19896
|
+
createElementVNode("div", _hoisted_6$c, [
|
|
19911
19897
|
createVNode(_sfc_main$1E, {
|
|
19912
19898
|
class: "btn-default",
|
|
19913
19899
|
onClick: onFilterReset
|
|
@@ -20523,16 +20509,14 @@ const _sfc_main$1n = {
|
|
|
20523
20509
|
}
|
|
20524
20510
|
};
|
|
20525
20511
|
const AppModal = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["__scopeId", "data-v-e8a3ed1f"]]);
|
|
20526
|
-
const _hoisted_1$$ = { class: "
|
|
20527
|
-
const _hoisted_2$L = { class: "
|
|
20528
|
-
const _hoisted_3$v =
|
|
20529
|
-
const _hoisted_4$n = {
|
|
20530
|
-
const _hoisted_5$i = ["innerHTML"];
|
|
20531
|
-
const _hoisted_6$c = {
|
|
20512
|
+
const _hoisted_1$$ = { class: "app-alert-modal rounded-3 shadow p-3" };
|
|
20513
|
+
const _hoisted_2$L = { class: "mb-2 fw-semibold" };
|
|
20514
|
+
const _hoisted_3$v = ["innerHTML"];
|
|
20515
|
+
const _hoisted_4$n = {
|
|
20532
20516
|
key: 1,
|
|
20533
|
-
class: "mb-0"
|
|
20517
|
+
class: "mb-0 app-alert-modal-text"
|
|
20534
20518
|
};
|
|
20535
|
-
const
|
|
20519
|
+
const _hoisted_5$i = { class: "d-flex justify-content-end gap-2 mt-4" };
|
|
20536
20520
|
const _sfc_main$1m = {
|
|
20537
20521
|
__name: "AppAlertModal",
|
|
20538
20522
|
props: {
|
|
@@ -20572,30 +20556,11 @@ const _sfc_main$1m = {
|
|
|
20572
20556
|
setup(__props) {
|
|
20573
20557
|
const props2 = __props;
|
|
20574
20558
|
const isVisible = ref(false);
|
|
20575
|
-
const iconMap = {
|
|
20576
|
-
warning: IconAlertTriangle,
|
|
20577
|
-
info: IconInfoCircle
|
|
20578
|
-
};
|
|
20579
|
-
const selectedIcon = computed(() => {
|
|
20580
|
-
return props2.icon ? iconMap[props2.icon] ?? iconMap.info : null;
|
|
20581
|
-
});
|
|
20582
|
-
const iconClass = computed(() => {
|
|
20583
|
-
if (props2.icon === "warning") {
|
|
20584
|
-
return "bg-warning bg-opacity-25 text-warning";
|
|
20585
|
-
}
|
|
20586
|
-
if (props2.icon === "info") {
|
|
20587
|
-
return "bg-info bg-opacity-25 text-info";
|
|
20588
|
-
}
|
|
20589
|
-
return "bg-success bg-opacity-25 text-success";
|
|
20590
|
-
});
|
|
20591
20559
|
const confirmButtonClass = computed(() => {
|
|
20592
|
-
if (props2.variant === "danger") {
|
|
20593
|
-
return "btn text-white
|
|
20594
|
-
}
|
|
20595
|
-
if (props2.variant === "info") {
|
|
20596
|
-
return "btn text-white bg-blue";
|
|
20560
|
+
if (props2.variant === "danger" || props2.variant === "destructive") {
|
|
20561
|
+
return "btn btn-danger text-white";
|
|
20597
20562
|
}
|
|
20598
|
-
return "btn
|
|
20563
|
+
return "btn btn-black";
|
|
20599
20564
|
});
|
|
20600
20565
|
onMounted(() => {
|
|
20601
20566
|
isVisible.value = true;
|
|
@@ -20611,37 +20576,28 @@ const _sfc_main$1m = {
|
|
|
20611
20576
|
close2({ value: false });
|
|
20612
20577
|
}
|
|
20613
20578
|
return (_ctx, _cache2) => {
|
|
20579
|
+
const _component_app_button = resolveComponent("app-button");
|
|
20614
20580
|
return openBlock(), createBlock(AppModal, {
|
|
20615
20581
|
modelValue: isVisible.value,
|
|
20616
20582
|
"onUpdate:modelValue": _cache2[0] || (_cache2[0] = ($event) => isVisible.value = $event),
|
|
20617
20583
|
width: "450px",
|
|
20618
20584
|
"click-to-close": true,
|
|
20619
|
-
onHide: onCancel
|
|
20585
|
+
onHide: onCancel,
|
|
20586
|
+
class: "app-modal-content"
|
|
20620
20587
|
}, {
|
|
20621
20588
|
default: withCtx(() => [
|
|
20622
20589
|
createElementVNode("div", _hoisted_1$$, [
|
|
20623
|
-
createElementVNode("div",
|
|
20624
|
-
|
|
20590
|
+
createElementVNode("div", null, [
|
|
20591
|
+
createElementVNode("h5", _hoisted_2$L, toDisplayString(__props.title), 1),
|
|
20592
|
+
__props.html ? (openBlock(), createElementBlock("div", {
|
|
20625
20593
|
key: 0,
|
|
20626
|
-
class:
|
|
20627
|
-
|
|
20628
|
-
},
|
|
20629
|
-
(openBlock(), createBlock(resolveDynamicComponent(selectedIcon.value), {
|
|
20630
|
-
size: 26,
|
|
20631
|
-
"stroke-width": 2
|
|
20632
|
-
}))
|
|
20633
|
-
], 2)) : createCommentVNode("", true),
|
|
20634
|
-
createElementVNode("div", _hoisted_3$v, [
|
|
20635
|
-
createElementVNode("h5", _hoisted_4$n, toDisplayString(__props.title), 1),
|
|
20636
|
-
__props.html ? (openBlock(), createElementBlock("div", {
|
|
20637
|
-
key: 0,
|
|
20638
|
-
innerHTML: __props.text
|
|
20639
|
-
}, null, 8, _hoisted_5$i)) : (openBlock(), createElementBlock("p", _hoisted_6$c, toDisplayString(__props.text), 1))
|
|
20640
|
-
])
|
|
20594
|
+
class: "app-alert-modal-text",
|
|
20595
|
+
innerHTML: __props.text
|
|
20596
|
+
}, null, 8, _hoisted_3$v)) : (openBlock(), createElementBlock("p", _hoisted_4$n, toDisplayString(__props.text), 1))
|
|
20641
20597
|
]),
|
|
20642
|
-
createElementVNode("div",
|
|
20643
|
-
createVNode(
|
|
20644
|
-
class: "btn btn
|
|
20598
|
+
createElementVNode("div", _hoisted_5$i, [
|
|
20599
|
+
createVNode(_component_app_button, {
|
|
20600
|
+
class: "btn app-alert-cancel-btn border",
|
|
20645
20601
|
onClick: onCancel
|
|
20646
20602
|
}, {
|
|
20647
20603
|
default: withCtx(() => [
|
|
@@ -20649,7 +20605,7 @@ const _sfc_main$1m = {
|
|
|
20649
20605
|
]),
|
|
20650
20606
|
_: 1
|
|
20651
20607
|
}),
|
|
20652
|
-
createVNode(
|
|
20608
|
+
createVNode(_component_app_button, {
|
|
20653
20609
|
class: normalizeClass(confirmButtonClass.value),
|
|
20654
20610
|
onClick: onConfirm
|
|
20655
20611
|
}, {
|