@qikdev/vue-ui 0.2.42 → 0.2.44

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/lib.es.js CHANGED
@@ -30,9 +30,9 @@ var __objRest = (source, exclude) => {
30
30
  }
31
31
  return target;
32
32
  };
33
- import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, mergeProps, toHandlers, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, h, nextTick, vModelDynamic, reactive, watch } from "vue";
33
+ import { openBlock, createElementBlock, renderSlot, resolveComponent, normalizeClass, Fragment, createVNode, withCtx, renderList, toDisplayString, withDirectives, createBlock, resolveDynamicComponent, vShow, withModifiers, createTextVNode, createCommentVNode, createElementVNode, h, mergeProps, toHandlers, vModelSelect, pushScopeId, popScopeId, normalizeStyle, Teleport, vModelText, withKeys, TransitionGroup, defineComponent, nextTick, vModelDynamic, reactive, watch } from "vue";
34
34
  import { EventDispatcher } from "@qikdev/sdk";
35
- const version$1 = "0.2.42";
35
+ const version$1 = "0.2.44";
36
36
  var flexColumn_vue_vue_type_style_index_0_scoped_true_lang = "";
37
37
  var _export_sfc = (sfc, props2) => {
38
38
  const target = sfc.__vccOpts || sfc;
@@ -41,104 +41,104 @@ var _export_sfc = (sfc, props2) => {
41
41
  }
42
42
  return target;
43
43
  };
44
+ const _sfc_main$1r = {};
45
+ const _hoisted_1$15 = { class: "flex-column" };
46
+ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
47
+ return openBlock(), createElementBlock("div", _hoisted_1$15, [
48
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
49
+ ]);
50
+ }
51
+ var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1r], ["__scopeId", "data-v-203ea86f"]]);
52
+ var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
44
53
  const _sfc_main$1q = {};
45
- const _hoisted_1$14 = { class: "flex-column" };
54
+ const _hoisted_1$14 = { class: "flex-column-body" };
46
55
  function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
47
56
  return openBlock(), createElementBlock("div", _hoisted_1$14, [
48
57
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
49
58
  ]);
50
59
  }
51
- var FlexColumn = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__scopeId", "data-v-203ea86f"]]);
52
- var flexBody_vue_vue_type_style_index_0_scoped_true_lang = "";
60
+ var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1q], ["__scopeId", "data-v-64850355"]]);
61
+ var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
53
62
  const _sfc_main$1p = {};
54
- const _hoisted_1$13 = { class: "flex-column-body" };
63
+ const _hoisted_1$13 = { class: "flex-column-header" };
55
64
  function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
56
65
  return openBlock(), createElementBlock("div", _hoisted_1$13, [
57
66
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
58
67
  ]);
59
68
  }
60
- var FlexBody = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__scopeId", "data-v-64850355"]]);
61
- var flexHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
69
+ var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1p], ["__scopeId", "data-v-10b28f00"]]);
70
+ var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
62
71
  const _sfc_main$1o = {};
63
- const _hoisted_1$12 = { class: "flex-column-header" };
72
+ const _hoisted_1$12 = { class: "flex-column-footer" };
64
73
  function _sfc_render$1o(_ctx, _cache, $props, $setup, $data, $options) {
65
74
  return openBlock(), createElementBlock("div", _hoisted_1$12, [
66
75
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
67
76
  ]);
68
77
  }
69
- var FlexHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__scopeId", "data-v-10b28f00"]]);
70
- var flexFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
78
+ var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1o], ["__scopeId", "data-v-68216a72"]]);
79
+ var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
71
80
  const _sfc_main$1n = {};
72
- const _hoisted_1$11 = { class: "flex-column-footer" };
81
+ const _hoisted_1$11 = { class: "flex-cell" };
73
82
  function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
74
83
  return openBlock(), createElementBlock("div", _hoisted_1$11, [
75
84
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
76
85
  ]);
77
86
  }
78
- var FlexFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__scopeId", "data-v-68216a72"]]);
79
- var flexCell_vue_vue_type_style_index_0_scoped_true_lang = "";
87
+ var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1n], ["__scopeId", "data-v-644bb279"]]);
88
+ var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
80
89
  const _sfc_main$1m = {};
81
- const _hoisted_1$10 = { class: "flex-cell" };
90
+ const _hoisted_1$10 = { class: "flex-row" };
82
91
  function _sfc_render$1m(_ctx, _cache, $props, $setup, $data, $options) {
83
92
  return openBlock(), createElementBlock("div", _hoisted_1$10, [
84
93
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
85
94
  ]);
86
95
  }
87
- var FlexCell = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-644bb279"]]);
88
- var flexRow_vue_vue_type_style_index_0_scoped_true_lang = "";
96
+ var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1m], ["__scopeId", "data-v-5b76ad1f"]]);
97
+ var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
89
98
  const _sfc_main$1l = {};
90
- const _hoisted_1$$ = { class: "flex-row" };
99
+ const _hoisted_1$$ = { class: "flex-spacer" };
91
100
  function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
92
- return openBlock(), createElementBlock("div", _hoisted_1$$, [
93
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
94
- ]);
101
+ return openBlock(), createElementBlock("div", _hoisted_1$$);
95
102
  }
96
- var FlexRow = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-5b76ad1f"]]);
97
- var flexSpacer_vue_vue_type_style_index_0_scoped_true_lang = "";
103
+ var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1l], ["__scopeId", "data-v-35b15579"]]);
104
+ var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
98
105
  const _sfc_main$1k = {};
99
- const _hoisted_1$_ = { class: "flex-spacer" };
106
+ const _hoisted_1$_ = { class: "panel" };
100
107
  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
101
- return openBlock(), createElementBlock("div", _hoisted_1$_);
108
+ return openBlock(), createElementBlock("div", _hoisted_1$_, [
109
+ renderSlot(_ctx.$slots, "default", {}, void 0, true)
110
+ ]);
102
111
  }
103
- var FlexSpacer = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-35b15579"]]);
104
- var panel_vue_vue_type_style_index_0_scoped_true_lang = "";
112
+ var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1k], ["__scopeId", "data-v-50ae77fc"]]);
113
+ var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
105
114
  const _sfc_main$1j = {};
106
- const _hoisted_1$Z = { class: "panel" };
115
+ const _hoisted_1$Z = { class: "panel-body" };
107
116
  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
108
117
  return openBlock(), createElementBlock("div", _hoisted_1$Z, [
109
118
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
110
119
  ]);
111
120
  }
112
- var Panel = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-50ae77fc"]]);
113
- var panelBody_vue_vue_type_style_index_0_scoped_true_lang = "";
121
+ var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1j], ["__scopeId", "data-v-c82dca76"]]);
122
+ var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
114
123
  const _sfc_main$1i = {};
115
- const _hoisted_1$Y = { class: "panel-body" };
124
+ const _hoisted_1$Y = { class: "panel-header" };
116
125
  function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
117
126
  return openBlock(), createElementBlock("div", _hoisted_1$Y, [
118
127
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
119
128
  ]);
120
129
  }
121
- var PanelBody = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-c82dca76"]]);
122
- var panelHeader_vue_vue_type_style_index_0_scoped_true_lang = "";
130
+ var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1i], ["__scopeId", "data-v-13bf11da"]]);
131
+ var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
123
132
  const _sfc_main$1h = {};
124
- const _hoisted_1$X = { class: "panel-header" };
133
+ const _hoisted_1$X = { class: "panel-footer" };
125
134
  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
126
135
  return openBlock(), createElementBlock("div", _hoisted_1$X, [
127
136
  renderSlot(_ctx.$slots, "default", {}, void 0, true)
128
137
  ]);
129
138
  }
130
- var PanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-13bf11da"]]);
131
- var panelFooter_vue_vue_type_style_index_0_scoped_true_lang = "";
132
- const _sfc_main$1g = {};
133
- const _hoisted_1$W = { class: "panel-footer" };
134
- function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
135
- return openBlock(), createElementBlock("div", _hoisted_1$W, [
136
- renderSlot(_ctx.$slots, "default", {}, void 0, true)
137
- ]);
138
- }
139
- var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-b4f4786a"]]);
139
+ var PanelFooter = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1h], ["__scopeId", "data-v-b4f4786a"]]);
140
140
  var tabset_vue_vue_type_style_index_0_scoped_true_lang = "";
141
- const _sfc_main$1f = {
141
+ const _sfc_main$1g = {
142
142
  props: {
143
143
  vertical: {
144
144
  type: Boolean
@@ -171,9 +171,9 @@ const _sfc_main$1f = {
171
171
  }
172
172
  }
173
173
  };
174
- const _hoisted_1$V = ["onClick"];
174
+ const _hoisted_1$W = ["onClick"];
175
175
  const _hoisted_2$L = ["onClick"];
176
- function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
176
+ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
177
177
  const _component_flex_body = resolveComponent("flex-body");
178
178
  const _component_flex_column = resolveComponent("flex-column");
179
179
  const _component_flex_row = resolveComponent("flex-row");
@@ -191,7 +191,7 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
191
191
  class: normalizeClass({ active: index2 === $data.activeIndex }),
192
192
  key: `tab-link-${tab.props.heading}`,
193
193
  onClick: ($event) => $options.select(index2)
194
- }, toDisplayString(tab.props.heading), 11, _hoisted_1$V);
194
+ }, toDisplayString(tab.props.heading), 11, _hoisted_1$W);
195
195
  }), 128))
196
196
  ]),
197
197
  _: 1
@@ -254,8 +254,8 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
254
254
  ], 64))
255
255
  ], 2);
256
256
  }
257
- var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f], ["__scopeId", "data-v-621f2a2f"]]);
258
- const _sfc_main$1e = {
257
+ var UXTabset = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1g], ["__scopeId", "data-v-621f2a2f"]]);
258
+ const _sfc_main$1f = {
259
259
  props: {
260
260
  heading: {
261
261
  type: String,
@@ -282,7 +282,7 @@ const _sfc_main$1e = {
282
282
  }
283
283
  }
284
284
  };
285
- function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
285
+ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
286
286
  const _component_flex_column = resolveComponent("flex-column");
287
287
  return openBlock(), createBlock(_component_flex_column, null, {
288
288
  default: withCtx(() => [
@@ -291,7 +291,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
291
291
  _: 3
292
292
  });
293
293
  }
294
- var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e]]);
294
+ var UXTab = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$1f]]);
295
295
  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
296
296
  var isArray$5 = Array.isArray;
297
297
  var isArray_1 = isArray$5;
@@ -759,7 +759,7 @@ var TableCellMixin = {
759
759
  }
760
760
  };
761
761
  var Thumbnail_vue_vue_type_style_index_0_scoped_true_lang = "";
762
- const _sfc_main$1d = {
762
+ const _sfc_main$1e = {
763
763
  mixins: [TableCellMixin],
764
764
  computed: {
765
765
  imageSource() {
@@ -776,11 +776,11 @@ const _sfc_main$1d = {
776
776
  }
777
777
  }
778
778
  };
779
- const _hoisted_1$U = { class: "table-image-cell" };
780
- function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
779
+ const _hoisted_1$V = { class: "table-image-cell" };
780
+ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
781
781
  const _component_ux_image = resolveComponent("ux-image");
782
782
  const _component_ux_icon = resolveComponent("ux-icon");
783
- return openBlock(), createElementBlock("td", _hoisted_1$U, [
783
+ return openBlock(), createElementBlock("td", _hoisted_1$V, [
784
784
  $options.type == "image" || $options.type == "video" ? (openBlock(), createElementBlock("div", {
785
785
  key: 0,
786
786
  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => $options.clicked(_ctx.value), ["stop", "prevent"])),
@@ -798,9 +798,9 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
798
798
  }))
799
799
  ]);
800
800
  }
801
- var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-246a2688"]]);
801
+ var ThumbnailCell = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$1e], ["__scopeId", "data-v-246a2688"]]);
802
802
  var Currency_vue_vue_type_style_index_0_scoped_true_lang = "";
803
- const _sfc_main$1c = {
803
+ const _sfc_main$1d = {
804
804
  mixins: [TableCellMixin],
805
805
  computed: {
806
806
  string() {
@@ -823,14 +823,14 @@ const _sfc_main$1c = {
823
823
  }
824
824
  }
825
825
  };
826
- function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
826
+ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
827
827
  return openBlock(), createElementBlock("td", {
828
828
  class: normalizeClass(["table-currency-cell", { credit: $options.credit, empty: $options.empty, debit: $options.debit }])
829
829
  }, toDisplayString($options.string), 3);
830
830
  }
831
- var CurrencyCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-33a0b926"]]);
831
+ var CurrencyCell = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$1d], ["__scopeId", "data-v-33a0b926"]]);
832
832
  var Button_vue_vue_type_style_index_0_scoped_true_lang = "";
833
- const _sfc_main$1b = {
833
+ const _sfc_main$1c = {
834
834
  data() {
835
835
  return {
836
836
  processing: false
@@ -854,11 +854,11 @@ const _sfc_main$1b = {
854
854
  }
855
855
  }
856
856
  };
857
- const _hoisted_1$T = { class: "table-button-cell" };
858
- function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
857
+ const _hoisted_1$U = { class: "table-button-cell" };
858
+ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
859
859
  const _component_ux_icon = resolveComponent("ux-icon");
860
860
  const _component_ux_button = resolveComponent("ux-button");
861
- return openBlock(), createElementBlock("td", _hoisted_1$T, [
861
+ return openBlock(), createElementBlock("td", _hoisted_1$U, [
862
862
  createVNode(_component_ux_button, {
863
863
  color: $options.button.color,
864
864
  size: $options.button.size,
@@ -879,7 +879,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
879
879
  }, 8, ["color", "size", "loading", "onClick"])
880
880
  ]);
881
881
  }
882
- var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__scopeId", "data-v-36768853"]]);
882
+ var ButtonCell = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$1c], ["__scopeId", "data-v-36768853"]]);
883
883
  class LuxonError extends Error {
884
884
  }
885
885
  class InvalidDateTimeError extends LuxonError {
@@ -4713,7 +4713,7 @@ function friendlyDateTime(dateTimeish) {
4713
4713
  }
4714
4714
  }
4715
4715
  var DateCell_vue_vue_type_style_index_0_scoped_true_lang = "";
4716
- const _sfc_main$1a = {
4716
+ const _sfc_main$1b = {
4717
4717
  mixins: [TableCellMixin],
4718
4718
  computed: {
4719
4719
  hasValue() {
@@ -4734,13 +4734,13 @@ const _sfc_main$1a = {
4734
4734
  }
4735
4735
  }
4736
4736
  };
4737
- const _hoisted_1$S = { class: "table-date-cell" };
4737
+ const _hoisted_1$T = { class: "table-date-cell" };
4738
4738
  const _hoisted_2$K = { key: 0 };
4739
4739
  const _hoisted_3$C = { class: "off" };
4740
4740
  const _hoisted_4$t = { class: "on" };
4741
4741
  const _hoisted_5$o = { class: "spacer" };
4742
- function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
4743
- return openBlock(), createElementBlock("td", _hoisted_1$S, [
4742
+ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
4743
+ return openBlock(), createElementBlock("td", _hoisted_1$T, [
4744
4744
  $options.hasValue ? (openBlock(), createElementBlock("div", _hoisted_2$K, [
4745
4745
  createElementVNode("span", _hoisted_3$C, toDisplayString($options.readable), 1),
4746
4746
  createElementVNode("span", _hoisted_4$t, toDisplayString($options.timeago), 1),
@@ -4748,9 +4748,9 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
4748
4748
  ])) : createCommentVNode("", true)
4749
4749
  ]);
4750
4750
  }
4751
- var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__scopeId", "data-v-3687693f"]]);
4751
+ var DateCell = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$1b], ["__scopeId", "data-v-3687693f"]]);
4752
4752
  var BooleanCell_vue_vue_type_style_index_0_scoped_true_lang = "";
4753
- const _sfc_main$19 = {
4753
+ const _sfc_main$1a = {
4754
4754
  mixins: [TableCellMixin],
4755
4755
  computed: {
4756
4756
  boolean() {
@@ -4758,7 +4758,7 @@ const _sfc_main$19 = {
4758
4758
  }
4759
4759
  }
4760
4760
  };
4761
- function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
4761
+ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
4762
4762
  const _component_ux_icon = resolveComponent("ux-icon");
4763
4763
  return openBlock(), createElementBlock("td", {
4764
4764
  class: normalizeClass(["table-boolean-cell", { true: $options.boolean, false: !$options.boolean }])
@@ -4768,32 +4768,76 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
4768
4768
  }, null, 8, ["icon"])
4769
4769
  ], 2);
4770
4770
  }
4771
- var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-27f127ae"]]);
4771
+ var BooleanCell = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$1a], ["__scopeId", "data-v-27f127ae"]]);
4772
4772
  var SecurityCell_vue_vue_type_style_index_0_scoped_true_lang = "";
4773
- const _sfc_main$18 = {
4773
+ const _sfc_main$19 = {
4774
4774
  mixins: [TableCellMixin],
4775
+ methods: {
4776
+ async clicked() {
4777
+ const self2 = this;
4778
+ const id = self2.$sdk.utils.id(self2.row);
4779
+ const security = self2.public ? "secure" : "public";
4780
+ self2.processing = true;
4781
+ self2.$sdk.content.patch(id, {
4782
+ meta: {
4783
+ security
4784
+ }
4785
+ }).catch(function(err) {
4786
+ self2.$sdk.error(err);
4787
+ self2.processing = false;
4788
+ }).then(function(res) {
4789
+ self2.v = security;
4790
+ self2.processing = false;
4791
+ self2.$sdk.notify(`Set security to ${security}`);
4792
+ });
4793
+ }
4794
+ },
4795
+ data() {
4796
+ return {
4797
+ processing: false,
4798
+ v: this.value
4799
+ };
4800
+ },
4775
4801
  computed: {
4802
+ canEdit() {
4803
+ var user = this.user;
4804
+ return this.$sdk.access.canEditItem(user, this.row);
4805
+ },
4776
4806
  public() {
4777
4807
  return this.security === "public";
4778
4808
  },
4779
4809
  security() {
4780
- return this.value || "secure";
4810
+ return this.v || "secure";
4781
4811
  }
4782
4812
  }
4783
4813
  };
4784
- function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
4814
+ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
4785
4815
  const _component_ux_icon = resolveComponent("ux-icon");
4816
+ const _component_ux_button = resolveComponent("ux-button");
4786
4817
  return openBlock(), createElementBlock("td", {
4787
4818
  class: normalizeClass(["table-security-cell", $options.security])
4788
4819
  }, [
4789
- createVNode(_component_ux_icon, {
4820
+ $options.canEdit ? (openBlock(), createBlock(_component_ux_button, {
4821
+ key: 0,
4822
+ size: "sm",
4823
+ loading: $data.processing,
4824
+ onClick: withModifiers($options.clicked, ["stop", "prevent"])
4825
+ }, {
4826
+ default: withCtx(() => [
4827
+ createVNode(_component_ux_icon, {
4828
+ icon: $options.public ? `fa-lock-open` : `fa-lock`
4829
+ }, null, 8, ["icon"])
4830
+ ]),
4831
+ _: 1
4832
+ }, 8, ["loading", "onClick"])) : (openBlock(), createBlock(_component_ux_icon, {
4833
+ key: 1,
4790
4834
  icon: $options.public ? `fa-lock-open` : `fa-lock`
4791
- }, null, 8, ["icon"])
4835
+ }, null, 8, ["icon"]))
4792
4836
  ], 2);
4793
4837
  }
4794
- var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-51f8608e"]]);
4838
+ var SecurityCell = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$19], ["__scopeId", "data-v-8845b144"]]);
4795
4839
  var URLCell_vue_vue_type_style_index_0_scoped_true_lang = "";
4796
- const _sfc_main$17 = {
4840
+ const _sfc_main$18 = {
4797
4841
  mixins: [TableCellMixin],
4798
4842
  methods: {
4799
4843
  open() {
@@ -4806,11 +4850,11 @@ const _sfc_main$17 = {
4806
4850
  }
4807
4851
  }
4808
4852
  };
4809
- const _hoisted_1$R = { class: "table-url-cell" };
4853
+ const _hoisted_1$S = { class: "table-url-cell" };
4810
4854
  const _hoisted_2$J = ["href"];
4811
- function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
4855
+ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
4812
4856
  const _component_ux_icon = resolveComponent("ux-icon");
4813
- return openBlock(), createElementBlock("td", _hoisted_1$R, [
4857
+ return openBlock(), createElementBlock("td", _hoisted_1$S, [
4814
4858
  createElementVNode("a", {
4815
4859
  href: $options.href,
4816
4860
  onClick: _cache[0] || (_cache[0] = withModifiers((...args) => $options.open && $options.open(...args), ["stop", "prevent"])),
@@ -4824,7 +4868,84 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
4824
4868
  ], 8, _hoisted_2$J)
4825
4869
  ]);
4826
4870
  }
4827
- var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-17cf3a86"]]);
4871
+ var URLCell = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$18], ["__scopeId", "data-v-17cf3a86"]]);
4872
+ var o = function(t, o2, e) {
4873
+ if (!o2.hasOwnProperty(e)) {
4874
+ var r = Object.getOwnPropertyDescriptor(t, e);
4875
+ Object.defineProperty(o2, e, r);
4876
+ }
4877
+ };
4878
+ var Compile = { props: { template: String, parent: Object, templateProps: { type: Object, default: function() {
4879
+ return {};
4880
+ } } }, render: function() {
4881
+ if (this.template) {
4882
+ var e = this.parent || this.$parent, r = e.$data;
4883
+ r === void 0 && (r = {});
4884
+ var n2 = e.$props;
4885
+ n2 === void 0 && (n2 = {});
4886
+ var a2 = e.$options;
4887
+ a2 === void 0 && (a2 = {});
4888
+ var p = a2.components;
4889
+ p === void 0 && (p = {});
4890
+ var i2 = a2.computed;
4891
+ i2 === void 0 && (i2 = {});
4892
+ var c2 = a2.methods;
4893
+ c2 === void 0 && (c2 = {});
4894
+ var s2 = this.$data;
4895
+ s2 === void 0 && (s2 = {});
4896
+ var d = this.$props;
4897
+ d === void 0 && (d = {});
4898
+ var v = this.$options;
4899
+ v === void 0 && (v = {});
4900
+ var m = v.methods;
4901
+ m === void 0 && (m = {});
4902
+ var f = v.computed;
4903
+ f === void 0 && (f = {});
4904
+ var u2 = v.components;
4905
+ u2 === void 0 && (u2 = {});
4906
+ var h$1 = { $data: {}, $props: {}, $options: {}, components: {}, computed: {}, methods: {} };
4907
+ Object.keys(r).forEach(function(t) {
4908
+ s2[t] === void 0 && (h$1.$data[t] = r[t]);
4909
+ }), Object.keys(n2).forEach(function(t) {
4910
+ d[t] === void 0 && (h$1.$props[t] = n2[t]);
4911
+ }), Object.keys(c2).forEach(function(t) {
4912
+ m[t] === void 0 && (h$1.methods[t] = c2[t]);
4913
+ }), Object.keys(i2).forEach(function(t) {
4914
+ f[t] === void 0 && (h$1.computed[t] = i2[t]);
4915
+ }), Object.keys(p).forEach(function(t) {
4916
+ u2[t] === void 0 && (h$1.components[t] = p[t]);
4917
+ });
4918
+ var $ = Object.keys(h$1.methods || {}), O = Object.keys(h$1.$data || {}), b = Object.keys(h$1.$props || {}), j = Object.keys(this.templateProps), y = O.concat(b).concat($).concat(j), k = (E = e, P = {}, $.forEach(function(t) {
4919
+ return o(E, P, t);
4920
+ }), P), l2 = function(t) {
4921
+ var e2 = {};
4922
+ return t.forEach(function(t2) {
4923
+ t2 && Object.getOwnPropertyNames(t2).forEach(function(r2) {
4924
+ return o(t2, e2, r2);
4925
+ });
4926
+ }), e2;
4927
+ }([h$1.$data, h$1.$props, k, this.templateProps]);
4928
+ return h({ template: this.template || "<div></div>", props: y, computed: h$1.computed, components: h$1.components, provide: this.$parent.$.provides ? this.$parent.$.provides : {} }, Object.assign({}, l2));
4929
+ }
4930
+ var E, P;
4931
+ } };
4932
+ var ComputedCell_vue_vue_type_style_index_0_scoped_true_lang = "";
4933
+ const _sfc_main$17 = {
4934
+ components: {
4935
+ Compile
4936
+ },
4937
+ mixins: [TableCellMixin]
4938
+ };
4939
+ const _hoisted_1$R = { class: "table-computed-cell" };
4940
+ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
4941
+ const _component_compile = resolveComponent("compile");
4942
+ return openBlock(), createElementBlock("td", _hoisted_1$R, [
4943
+ createVNode(_component_compile, {
4944
+ template: this.column.code
4945
+ }, null, 8, ["template"])
4946
+ ]);
4947
+ }
4948
+ var ComputedCell = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$17], ["__scopeId", "data-v-5f42b10c"]]);
4828
4949
  var Value_vue_vue_type_style_index_0_scoped_true_lang = "";
4829
4950
  const _sfc_main$16 = {
4830
4951
  props: {
@@ -4945,6 +5066,9 @@ const _sfc_main$15 = {
4945
5066
  case "datetime":
4946
5067
  component = DateCell;
4947
5068
  break;
5069
+ case "computed":
5070
+ component = ComputedCell;
5071
+ break;
4948
5072
  case "url":
4949
5073
  component = URLCell;
4950
5074
  break;
@@ -5045,7 +5169,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
5045
5169
  }, null, 8, ["type", "value"]))
5046
5170
  ]));
5047
5171
  }
5048
- var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-44c51175"]]);
5172
+ var TableCell = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$15], ["__scopeId", "data-v-342f534a"]]);
5049
5173
  const _sfc_main$14 = {
5050
5174
  components: {
5051
5175
  TableCell
@@ -11139,7 +11263,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
11139
11263
  key: 0,
11140
11264
  class: "items",
11141
11265
  modelValue: _ctx.model,
11142
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event)
11266
+ "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.model = $event)
11143
11267
  }, {
11144
11268
  item: withCtx(({ element, index: index2 }) => [
11145
11269
  (openBlock(), createBlock(_component_item, {
@@ -11147,9 +11271,19 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
11147
11271
  item: element
11148
11272
  }, {
11149
11273
  actions: withCtx(() => [
11150
- $options.canEdit(element) ? (openBlock(), createBlock(_component_ux_button, {
11274
+ _ctx.$actions ? (openBlock(), createBlock(_component_ux_button, {
11151
11275
  key: 0,
11152
11276
  icon: "",
11277
+ onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$actions.open([_ctx.model]), ["stop", "prevent"]))
11278
+ }, {
11279
+ default: withCtx(() => [
11280
+ createVNode(_component_ux_icon, { icon: "fa-ellipsis" })
11281
+ ]),
11282
+ _: 1
11283
+ })) : createCommentVNode("", true),
11284
+ $options.canEdit(element) ? (openBlock(), createBlock(_component_ux_button, {
11285
+ key: 1,
11286
+ icon: "",
11153
11287
  onClick: withModifiers(($event) => $options.edit(element), ["stop", "prevent"])
11154
11288
  }, {
11155
11289
  default: withCtx(() => [
@@ -11175,10 +11309,20 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
11175
11309
  ], 64)) : _ctx.model ? (openBlock(), createElementBlock("div", _hoisted_4$o, [
11176
11310
  createVNode(_component_item, { item: _ctx.model }, {
11177
11311
  actions: withCtx(() => [
11178
- $options.canEdit(_ctx.model) ? (openBlock(), createBlock(_component_ux_button, {
11312
+ _ctx.$actions ? (openBlock(), createBlock(_component_ux_button, {
11179
11313
  key: 0,
11180
11314
  icon: "",
11181
- onClick: _cache[1] || (_cache[1] = withModifiers(($event) => $options.edit(_ctx.model), ["stop", "prevent"]))
11315
+ onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$actions.open([_ctx.model]), ["stop", "prevent"]))
11316
+ }, {
11317
+ default: withCtx(() => [
11318
+ createVNode(_component_ux_icon, { icon: "fa-ellipsis" })
11319
+ ]),
11320
+ _: 1
11321
+ })) : createCommentVNode("", true),
11322
+ $options.canEdit(_ctx.model) ? (openBlock(), createBlock(_component_ux_button, {
11323
+ key: 1,
11324
+ icon: "",
11325
+ onClick: _cache[3] || (_cache[3] = withModifiers(($event) => $options.edit(_ctx.model), ["stop", "prevent"]))
11182
11326
  }, {
11183
11327
  default: withCtx(() => [
11184
11328
  createVNode(_component_ux_icon, { icon: "fa-pencil" })
@@ -11242,7 +11386,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
11242
11386
  })) : createCommentVNode("", true)
11243
11387
  ], 64);
11244
11388
  }
11245
- var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-236b5d48"]]);
11389
+ var ContentSelect = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$L], ["__scopeId", "data-v-391cbaa6"]]);
11246
11390
  var typeSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
11247
11391
  function isUndefined$5(entry) {
11248
11392
  return entry === void 0 || typeof entry === "undefined" || entry === null || String(entry) === "null" || String(entry) === "undefined";
@@ -19176,14 +19320,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
19176
19320
  modelValue: $options.formModel,
19177
19321
  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.formModel = $event),
19178
19322
  parentModel: $props.parentModel || $options.formModel,
19179
- class: normalizeClass($options.fieldClass),
19323
+ class: normalizeClass([$options.fieldClass, { "ux-field-clear": field.clear }]),
19180
19324
  key: `ux-form-field-${$options.getFieldKey(field)}-${index2}`
19181
19325
  }, null, 8, ["trail", "submission", "includeOfficeOnly", "onField:mount", "onField:unmount", "onField:dirty", "onField:invalid", "onField:valid", "onField:error", "onField:focus", "onField:blur", "onField:touched", "field", "modelValue", "parentModel", "class"]);
19182
19326
  }), 128))
19183
19327
  ], true)
19184
19328
  ], 2);
19185
19329
  }
19186
- var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-09c6d713"]]);
19330
+ var UXForm = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-b4748e98"]]);
19187
19331
  var submissionform_vue_vue_type_style_index_0_scoped_true_lang = "";
19188
19332
  const STATE_READY = "form.ready";
19189
19333
  const STATE_PROCESSING = "form.processing";
@@ -19487,66 +19631,6 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
19487
19631
  ]);
19488
19632
  }
19489
19633
  var Search = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-17abf7d1"]]);
19490
- var o = function(t, o2, e) {
19491
- if (!o2.hasOwnProperty(e)) {
19492
- var r = Object.getOwnPropertyDescriptor(t, e);
19493
- Object.defineProperty(o2, e, r);
19494
- }
19495
- };
19496
- var Compile = { props: { template: String, parent: Object, templateProps: { type: Object, default: function() {
19497
- return {};
19498
- } } }, render: function() {
19499
- if (this.template) {
19500
- var e = this.parent || this.$parent, r = e.$data;
19501
- r === void 0 && (r = {});
19502
- var n2 = e.$props;
19503
- n2 === void 0 && (n2 = {});
19504
- var a2 = e.$options;
19505
- a2 === void 0 && (a2 = {});
19506
- var p = a2.components;
19507
- p === void 0 && (p = {});
19508
- var i2 = a2.computed;
19509
- i2 === void 0 && (i2 = {});
19510
- var c2 = a2.methods;
19511
- c2 === void 0 && (c2 = {});
19512
- var s2 = this.$data;
19513
- s2 === void 0 && (s2 = {});
19514
- var d = this.$props;
19515
- d === void 0 && (d = {});
19516
- var v = this.$options;
19517
- v === void 0 && (v = {});
19518
- var m = v.methods;
19519
- m === void 0 && (m = {});
19520
- var f = v.computed;
19521
- f === void 0 && (f = {});
19522
- var u2 = v.components;
19523
- u2 === void 0 && (u2 = {});
19524
- var h$1 = { $data: {}, $props: {}, $options: {}, components: {}, computed: {}, methods: {} };
19525
- Object.keys(r).forEach(function(t) {
19526
- s2[t] === void 0 && (h$1.$data[t] = r[t]);
19527
- }), Object.keys(n2).forEach(function(t) {
19528
- d[t] === void 0 && (h$1.$props[t] = n2[t]);
19529
- }), Object.keys(c2).forEach(function(t) {
19530
- m[t] === void 0 && (h$1.methods[t] = c2[t]);
19531
- }), Object.keys(i2).forEach(function(t) {
19532
- f[t] === void 0 && (h$1.computed[t] = i2[t]);
19533
- }), Object.keys(p).forEach(function(t) {
19534
- u2[t] === void 0 && (h$1.components[t] = p[t]);
19535
- });
19536
- var $ = Object.keys(h$1.methods || {}), O = Object.keys(h$1.$data || {}), b = Object.keys(h$1.$props || {}), j = Object.keys(this.templateProps), y = O.concat(b).concat($).concat(j), k = (E = e, P = {}, $.forEach(function(t) {
19537
- return o(E, P, t);
19538
- }), P), l2 = function(t) {
19539
- var e2 = {};
19540
- return t.forEach(function(t2) {
19541
- t2 && Object.getOwnPropertyNames(t2).forEach(function(r2) {
19542
- return o(t2, e2, r2);
19543
- });
19544
- }), e2;
19545
- }([h$1.$data, h$1.$props, k, this.templateProps]);
19546
- return h({ template: this.template || "<div></div>", props: y, computed: h$1.computed, components: h$1.components, provide: this.$parent.$.provides ? this.$parent.$.provides : {} }, Object.assign({}, l2));
19547
- }
19548
- var E, P;
19549
- } };
19550
19634
  var RenderMixin = {
19551
19635
  props: {
19552
19636
  field: {