@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.
@@ -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$e = { class: "form-control-feedback-icon" };
18040
- const _hoisted_7$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$e, [
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$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$d = { class: "flex-center p-10 w-100 gap-1" };
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$d, [
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: "p-3 bg-body text-body rounded" };
20527
- const _hoisted_2$L = { class: "d-flex align-items-center gap-3 mb-3" };
20528
- const _hoisted_3$v = { class: "flex-grow-1" };
20529
- const _hoisted_4$n = { class: "mb-2" };
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 _hoisted_7$6 = { class: "d-flex justify-content-end gap-2 mt-2" };
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 bg-red";
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 text-white bg-green";
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", _hoisted_2$L, [
20624
- selectedIcon.value ? (openBlock(), createElementBlock("div", {
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: normalizeClass(["rounded-circle d-flex align-items-center justify-content-center flex-shrink-0", iconClass.value]),
20627
- style: { "width": "42px", "height": "42px" }
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", _hoisted_7$6, [
20643
- createVNode(_sfc_main$1E, {
20644
- class: "btn btn-light",
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(_sfc_main$1E, {
20608
+ createVNode(_component_app_button, {
20653
20609
  class: normalizeClass(confirmButtonClass.value),
20654
20610
  onClick: onConfirm
20655
20611
  }, {