@wikicasa-dev/components 1.2.29 → 1.2.30

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.
Files changed (172) hide show
  1. package/dist/AccessibleSelect.js +1 -4
  2. package/dist/BaseAccordion.js +1 -4
  3. package/dist/BaseAccordionBtn.js +1 -4
  4. package/dist/BaseAccordionContent.js +1 -4
  5. package/dist/BaseAccordionItem.js +1 -4
  6. package/dist/BaseAlert.js +1 -4
  7. package/dist/BaseAutocomplete.js +1 -4
  8. package/dist/BaseBadge.js +1 -4
  9. package/dist/BaseBtModal.js +1 -187
  10. package/dist/BaseButton.js +1 -4
  11. package/dist/BaseCard.js +1 -33
  12. package/dist/BaseComplexToggle.js +1 -139
  13. package/dist/BaseDropDown.js +1 -4
  14. package/dist/BaseFloatingLabel.js +1 -48
  15. package/dist/BaseIcon.js +1 -40
  16. package/dist/BaseInput.js +1 -277
  17. package/dist/BaseNavItem.js +1 -58
  18. package/dist/BasePagination.js +1 -164
  19. package/dist/BasePaper.js +1 -14
  20. package/dist/BaseSlider.js +7 -260
  21. package/dist/BaseSnackbar.js +1 -79
  22. package/dist/BaseTab.js +1 -78
  23. package/dist/BaseTextarea.js +1 -142
  24. package/dist/BaseToggle.js +1 -44
  25. package/dist/BaseTooltip.js +1 -53
  26. package/dist/BaseUploadFile.js +1 -70
  27. package/dist/CheckboxBtn.js +1 -74
  28. package/dist/CheckboxGroup.js +1 -4
  29. package/dist/IntersectionObservable.js +1 -4
  30. package/dist/IntersectionObserver.js +1 -4
  31. package/dist/RadioButton.js +1 -59
  32. package/dist/RadioGroup.js +1 -66
  33. package/dist/SelectItem.js +1 -4
  34. package/dist/StaticSpinner.js +1 -31
  35. package/dist/SwiperCarousel.js +1 -4
  36. package/dist/assets/BaseAlert.css +1 -0
  37. package/dist/assets/BaseBadge.css +1 -0
  38. package/dist/assets/BaseBtModal.css +1 -0
  39. package/dist/assets/BaseButton.css +1 -0
  40. package/dist/assets/BaseCard.css +1 -0
  41. package/dist/assets/BaseComplexToggle.css +1 -0
  42. package/dist/assets/BaseFloatingLabel.css +1 -0
  43. package/dist/assets/BaseIcon.css +1 -0
  44. package/dist/assets/BaseInput.css +1 -0
  45. package/dist/assets/BaseNavItem.css +1 -0
  46. package/dist/assets/BasePaper.css +1 -0
  47. package/dist/assets/BaseSlider.css +1 -0
  48. package/dist/assets/BaseSnackbar.css +1 -0
  49. package/dist/assets/BaseTextarea.css +1 -0
  50. package/dist/assets/BaseToggle.css +1 -0
  51. package/dist/assets/BaseTooltip.css +1 -0
  52. package/dist/assets/CheckboxBtn.css +1 -0
  53. package/dist/assets/StaticSpinner.css +1 -0
  54. package/dist/assets/SwiperCarousel.css +1 -0
  55. package/dist/assets/free-mode.css +1 -0
  56. package/dist/assets/index.css +1 -0
  57. package/dist/assets/navigation.css +1 -0
  58. package/dist/assets/pagination.css +1 -0
  59. package/dist/{AccessibleSelect.vue_vue_type_script_setup_true_lang-V0XqgKXS.js → chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BYoss5rN.js} +3 -3
  60. package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.BsiqDUGT.js +1 -0
  61. package/dist/chunks/ArrowIcon.BkjChBnb.js +1 -0
  62. package/dist/{ArrowIcon-BAw-0KtW.js → chunks/ArrowIcon.Dok-D5yM.js} +1 -1
  63. package/dist/chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.C_HkVDZJ.js +1 -0
  64. package/dist/{BaseAccordionBtn.vue_vue_type_script_setup_true_lang-CzbKLH4-.js → chunks/BaseAccordionBtn.vue_vue_type_script_setup_true_lang.DBI-gxoJ.js} +1 -1
  65. package/dist/chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.BiU7T1M1.js +1 -0
  66. package/dist/{BaseAccordionItem.vue_vue_type_script_setup_true_lang-CHXsLP6t.js → chunks/BaseAccordionItem.vue_vue_type_script_setup_true_lang.Dlyi71Ul.js} +3 -3
  67. package/dist/chunks/BaseAlert.vue_vue_type_script_setup_true_lang.CjFsLhwr.js +1 -0
  68. package/dist/{BaseAlert.vue_vue_type_script_setup_true_lang-Bw6gAJuc.js → chunks/BaseAlert.vue_vue_type_script_setup_true_lang.HqYdk4yE.js} +1 -0
  69. package/dist/{BaseAutocomplete.vue_vue_type_script_setup_true_lang-DA6Bh4l4.js → chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.BoWyUvIn.js} +5 -5
  70. package/dist/chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.D8WvGQMa.js +1 -0
  71. package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-CZwx3Pgh.js → chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js} +1 -0
  72. package/dist/chunks/BaseBadge.vue_vue_type_style_index_0_lang.DjrBMyt7.js +1 -0
  73. package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-N-iDFqmD.js → chunks/BaseButton.vue_vue_type_script_setup_true_lang.DZLJGoNO.js} +3 -2
  74. package/dist/chunks/BaseButton.vue_vue_type_script_setup_true_lang.Ns4H_IBk.js +1 -0
  75. package/dist/{BaseDropDown.vue_vue_type_script_setup_true_lang-BweFMHGP.js → chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.dYLwFJCe.js} +2 -2
  76. package/dist/chunks/BaseDropDown.vue_vue_type_script_setup_true_lang.fEH9G16N.js +1 -0
  77. package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-DiWa7fxD.js → chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.C5jcwwv6.js} +3 -3
  78. package/dist/chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JeL27AzP.js +1 -0
  79. package/dist/{CloseIcon-o6CokGLA.js → chunks/CloseIcon.BiYjxFIs.js} +1 -1
  80. package/dist/chunks/CloseIcon.ClSHNHpF.js +1 -0
  81. package/dist/chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CPn3IY_R.js +5 -0
  82. package/dist/{SwiperCarousel.vue_vue_type_style_index_0_lang-wAOLSjLf.js → chunks/SwiperCarousel.vue_vue_type_style_index_0_lang.CbGACfP1.js} +12 -11
  83. package/dist/{index-BgbVfPBC.js → chunks/index.-NHoDoWD.js} +2 -2
  84. package/dist/chunks/index.-WuGFU0l.js +1 -0
  85. package/dist/index.js +1 -66
  86. package/dist/useBreakpoints.js +1 -21
  87. package/dist/useFloatingLabel.js +1 -33
  88. package/dist/useKeyboardController.js +1 -41
  89. package/package.json +1 -1
  90. package/dist/AccessibleSelect.cjs +0 -1
  91. package/dist/AccessibleSelect.vue_vue_type_script_setup_true_lang-CWGYPn_s.cjs +0 -1
  92. package/dist/ArrowIcon-p3-glcm0.cjs +0 -1
  93. package/dist/BaseAccordion.cjs +0 -1
  94. package/dist/BaseAccordionBtn.cjs +0 -1
  95. package/dist/BaseAccordionBtn.vue_vue_type_script_setup_true_lang-BQr2_BlM.cjs +0 -1
  96. package/dist/BaseAccordionContent.cjs +0 -1
  97. package/dist/BaseAccordionItem.cjs +0 -1
  98. package/dist/BaseAccordionItem.vue_vue_type_script_setup_true_lang-0R0-KeUL.cjs +0 -1
  99. package/dist/BaseAlert.cjs +0 -1
  100. package/dist/BaseAlert.vue_vue_type_script_setup_true_lang-CJl2oKcw.cjs +0 -1
  101. package/dist/BaseAutocomplete.cjs +0 -1
  102. package/dist/BaseAutocomplete.vue_vue_type_script_setup_true_lang-CyfnN6eP.cjs +0 -1
  103. package/dist/BaseBadge.cjs +0 -1
  104. package/dist/BaseBadge.vue_vue_type_style_index_0_lang-C1DI15Ap.cjs +0 -1
  105. package/dist/BaseBtModal.cjs +0 -1
  106. package/dist/BaseButton.cjs +0 -1
  107. package/dist/BaseButton.vue_vue_type_script_setup_true_lang-OKgyG00A.cjs +0 -1
  108. package/dist/BaseCard.cjs +0 -1
  109. package/dist/BaseComplexToggle.cjs +0 -1
  110. package/dist/BaseDropDown.cjs +0 -1
  111. package/dist/BaseDropDown.vue_vue_type_script_setup_true_lang-C-tvIgOk.cjs +0 -1
  112. package/dist/BaseFloatingLabel.cjs +0 -1
  113. package/dist/BaseIcon.cjs +0 -1
  114. package/dist/BaseInput.cjs +0 -1
  115. package/dist/BaseNavItem.cjs +0 -1
  116. package/dist/BasePagination.cjs +0 -1
  117. package/dist/BasePaper.cjs +0 -1
  118. package/dist/BaseSlider.cjs +0 -8
  119. package/dist/BaseSnackbar.cjs +0 -1
  120. package/dist/BaseTab.cjs +0 -1
  121. package/dist/BaseTextarea.cjs +0 -1
  122. package/dist/BaseToggle.cjs +0 -1
  123. package/dist/BaseTooltip.cjs +0 -1
  124. package/dist/BaseUploadFile.cjs +0 -1
  125. package/dist/CheckboxBtn.cjs +0 -1
  126. package/dist/CheckboxGroup.cjs +0 -1
  127. package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-Dq_WMwsx.cjs +0 -1
  128. package/dist/CloseIcon-B0iqXdWk.cjs +0 -1
  129. package/dist/IntersectionObservable.cjs +0 -1
  130. package/dist/IntersectionObserver.cjs +0 -1
  131. package/dist/RadioButton.cjs +0 -1
  132. package/dist/RadioGroup.cjs +0 -1
  133. package/dist/SelectItem.cjs +0 -1
  134. package/dist/StaticSpinner.cjs +0 -1
  135. package/dist/SwiperCarousel.cjs +0 -1
  136. package/dist/SwiperCarousel.vue_vue_type_style_index_0_lang-i2Sb9Y22.cjs +0 -5
  137. package/dist/index-zWmFcQq_.cjs +0 -1
  138. package/dist/index.cjs +0 -1
  139. package/dist/navigation-Dyvby5gX.cjs +0 -1
  140. package/dist/navigation-l0sNRNKZ.js +0 -1
  141. package/dist/pagination-Dyvby5gX.cjs +0 -1
  142. package/dist/pagination-l0sNRNKZ.js +0 -1
  143. package/dist/style.css +0 -1
  144. package/dist/thumbs-Dyvby5gX.cjs +0 -1
  145. package/dist/thumbs-l0sNRNKZ.js +0 -1
  146. package/dist/useBreakpoints.cjs +0 -1
  147. package/dist/useFloatingLabel.cjs +0 -1
  148. package/dist/useKeyboardController.cjs +0 -1
  149. /package/dist/{BaseAccordion.vue_vue_type_script_setup_true_lang-CoE2D2rV.js → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.CoE2D2rV.js} +0 -0
  150. /package/dist/{BaseAccordion.vue_vue_type_script_setup_true_lang-f0Al20X4.cjs → chunks/BaseAccordion.vue_vue_type_script_setup_true_lang.f0Al20X4.js} +0 -0
  151. /package/dist/{BaseAccordionContent.vue_vue_type_script_setup_true_lang-N7oILwdv.js → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.N7oILwdv.js} +0 -0
  152. /package/dist/{BaseAccordionContent.vue_vue_type_script_setup_true_lang-U3YQw0dV.cjs → chunks/BaseAccordionContent.vue_vue_type_script_setup_true_lang.U3YQw0dV.js} +0 -0
  153. /package/dist/{DefaultValues-S0CTWW-b.cjs → chunks/DefaultValues.S0CTWW-b.js} +0 -0
  154. /package/dist/{DefaultValues-k7iQWtC2.js → chunks/DefaultValues.k7iQWtC2.js} +0 -0
  155. /package/dist/{IntersectionObservable.vue_vue_type_script_setup_true_lang-BBMxY-re.js → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js} +0 -0
  156. /package/dist/{IntersectionObservable.vue_vue_type_script_setup_true_lang-BPatqpa3.cjs → chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BPatqpa3.js} +0 -0
  157. /package/dist/{IntersectionObserver.vue_vue_type_script_setup_true_lang-Bo-O96cp.js → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.Bo-O96cp.js} +0 -0
  158. /package/dist/{IntersectionObserver.vue_vue_type_script_setup_true_lang-DYKR3Sel.cjs → chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.DYKR3Sel.js} +0 -0
  159. /package/dist/{ObjectUtils-B1Dk4qsM.js → chunks/ObjectUtils.B1Dk4qsM.js} +0 -0
  160. /package/dist/{ObjectUtils-C5gq8MtL.cjs → chunks/ObjectUtils.C5gq8MtL.js} +0 -0
  161. /package/dist/{SelectItem.vue_vue_type_script_setup_true_lang-3ie26G8n.cjs → chunks/SelectItem.vue_vue_type_script_setup_true_lang.3ie26G8n.js} +0 -0
  162. /package/dist/{SelectItem.vue_vue_type_script_setup_true_lang-BOLdDTLM.js → chunks/SelectItem.vue_vue_type_script_setup_true_lang.BOLdDTLM.js} +0 -0
  163. /package/dist/{_plugin-vue_export-helper-BHFhmbuH.cjs → chunks/_plugin-vue_export-helper.BHFhmbuH.js} +0 -0
  164. /package/dist/{_plugin-vue_export-helper-CHgC5LLL.js → chunks/_plugin-vue_export-helper.CHgC5LLL.js} +0 -0
  165. /package/dist/{autoplay-Dyvby5gX.cjs → chunks/autoplay.Dyvby5gX.js} +0 -0
  166. /package/dist/{autoplay-l0sNRNKZ.js → chunks/autoplay.l0sNRNKZ.js} +0 -0
  167. /package/dist/{controller-Dyvby5gX.cjs → chunks/controller.Dyvby5gX.js} +0 -0
  168. /package/dist/{controller-l0sNRNKZ.js → chunks/controller.l0sNRNKZ.js} +0 -0
  169. /package/dist/{js.cookie-BMVAK0Pe.cjs → chunks/js.cookie.BMVAK0Pe.js} +0 -0
  170. /package/dist/{js.cookie-BaTT4o7s.js → chunks/js.cookie.BaTT4o7s.js} +0 -0
  171. /package/dist/{free-mode-Dyvby5gX.cjs → chunks/thumbs.Dyvby5gX.js} +0 -0
  172. /package/dist/{free-mode-l0sNRNKZ.js → chunks/thumbs.l0sNRNKZ.js} +0 -0
package/dist/BaseInput.js CHANGED
@@ -1,277 +1 @@
1
- import v from "./BaseFloatingLabel.js";
2
- import { useFloatingLabel as y } from "./useFloatingLabel.js";
3
- import { defineComponent as w, resolveComponent as g, openBlock as l, createElementBlock as s, normalizeClass as n, renderSlot as d, createElementVNode as o, withModifiers as p, withKeys as V, createCommentVNode as b, createBlock as c, Fragment as m, renderList as $ } from "vue";
4
- import { _ as I } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- const F = w({
6
- name: "BaseInput",
7
- components: { BaseFloatingLabel: v },
8
- inheritAttrs: !1,
9
- props: {
10
- inputClass: { type: [String, Array], required: !1, default: "" },
11
- inputType: {
12
- type: String,
13
- default: "text-input"
14
- },
15
- labelText: { type: String, default: "" },
16
- border: { type: Boolean, default: !0 },
17
- radius: { type: Boolean, default: !0 },
18
- modelValue: { type: [String, Number] },
19
- feedback: { type: Object },
20
- isValid: { type: Boolean, default: null },
21
- auto: { type: Boolean, default: !0 },
22
- keepFloatingLabel: { type: Boolean, default: !1 },
23
- formatter: {
24
- type: Object,
25
- default: null
26
- }
27
- },
28
- emits: [
29
- "update:modelValue",
30
- "click",
31
- "keydown-enter-pressed",
32
- "focusin",
33
- "focusout",
34
- "keydown"
35
- ],
36
- setup(e, t) {
37
- const {
38
- labelState: a,
39
- setInitialLabelState: k,
40
- handleFocusIn: h,
41
- handleFocusOut: f,
42
- setInlineLabel: r,
43
- setFloatingLabel: i
44
- } = y(t.emit);
45
- return {
46
- labelState: a,
47
- setInitialLabelState: k,
48
- handleFocusIn: h,
49
- handleFocusOut: f,
50
- setInlineLabel: r,
51
- setFloatingLabel: i
52
- };
53
- },
54
- data() {
55
- return {
56
- type: "",
57
- //a valid input type
58
- feedbackObj: {},
59
- pointerDownListener: (e) => {
60
- e.preventDefault();
61
- }
62
- };
63
- },
64
- computed: {
65
- passwordIcon() {
66
- return document ? document.querySelector("[data-type='password-icon']") : null;
67
- }
68
- },
69
- watch: {
70
- feedback() {
71
- this.normalizeFeedbackProp();
72
- },
73
- modelValue(e) {
74
- if (e) {
75
- const t = this.$refs.baseInput;
76
- if (!t)
77
- return;
78
- !t.value && this.formatter && (e = t.value);
79
- const a = this.updateInputValue(t, e);
80
- this.$emit("update:modelValue", a);
81
- } else
82
- this.$refs.baseInput.value = "";
83
- e != null && `${e}`.length > 0 && this.auto && this.labelState !== "floating-label" ? this.labelState = "floating-label" : (e == null || e == null) && (this.labelState = "inline-label");
84
- },
85
- //Manually moving the floating label
86
- keepFloatingLabel(e) {
87
- e ? this.setFloatingLabel() : this.handleFocusOut(this.modelValue, !0, this.auto);
88
- }
89
- },
90
- created() {
91
- this.type = this.$attrs.type, this.normalizeFeedbackProp(), this.setInitialLabelState(this.modelValue);
92
- },
93
- mounted() {
94
- if ((this.modelValue != null || this.modelValue != null) && (this.$refs.baseInput.value = `${this.modelValue}`), this.formatter) {
95
- const e = this.updateInputValue(
96
- this.$refs.baseInput,
97
- `${this.modelValue}`
98
- );
99
- this.$emit("update:modelValue", e);
100
- }
101
- this.setPointerOutListener();
102
- },
103
- unmounted() {
104
- this.passwordIcon?.removeEventListener(
105
- "pointerdown",
106
- this.pointerDownListener
107
- );
108
- },
109
- methods: {
110
- select() {
111
- this.$refs.baseInput.select();
112
- },
113
- /**
114
- * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
115
- * */
116
- setPointerOutListener() {
117
- if (this.$attrs.type !== "password")
118
- return;
119
- const e = this.passwordIcon;
120
- e && e.addEventListener("pointerdown", this.pointerDownListener);
121
- },
122
- handleFloatingLabelClick() {
123
- this.$refs.baseInput.focus();
124
- },
125
- normalizeFeedbackProp() {
126
- this.feedback && (this.feedbackObj = this.feedback, this.feedback.valid && typeof this.feedback.valid == "string" && (this.feedbackObj.valid = [this.feedback.valid]), this.feedback.invalid && typeof this.feedback.invalid == "string" && (this.feedbackObj.invalid = [this.feedback.invalid]));
127
- },
128
- updateInputValue(e, t) {
129
- if (!t)
130
- return e.value = "", "";
131
- let a = "";
132
- return this.formatter && this.formatter.unFormatFn ? a = `${this.formatter.unFormatFn(t)}` : a = t, this.formatter ? e.value = this.formatter.formatFn(a) : e.value = a, a;
133
- },
134
- handleInputChange({ target: e }) {
135
- if (this.inputType === "select")
136
- return;
137
- const t = e, a = this.updateInputValue(t, t.value);
138
- this.$emit("update:modelValue", a);
139
- },
140
- handleClick(e) {
141
- this.$emit("click", e);
142
- },
143
- handleClean() {
144
- this.$emit("update:modelValue", ""), this.setInlineLabel();
145
- },
146
- handleShowPasswd() {
147
- this.type === "password" ? this.type = "text" : this.type === "text" && (this.type = "password");
148
- }
149
- }
150
- }), L = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder"], C = {
151
- key: 0,
152
- class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"
153
- }, S = ["innerHTML"], T = ["innerHTML"], O = ["innerHTML"], B = { class: "under-label uikit-absolute uikit-text-12" };
154
- function j(e, t, a, k, h, f) {
155
- const r = g("base-floating-label");
156
- return l(), s("div", {
157
- class: n(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
158
- e.$attrs.class,
159
- { "uikit-mt-10px": e.labelText },
160
- { "floating-label": e.labelText },
161
- e.labelState === "floating-label" ? "floating-state" : "inline-state",
162
- {
163
- "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
164
- },
165
- {
166
- "has-left-icon": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
167
- },
168
- { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
169
- ]])
170
- }, [
171
- d(e.$slots, "leftIcon", {}, void 0, !0),
172
- d(e.$slots, "righticon", {
173
- handleClean: e.handleClean,
174
- handleShowPasswd: e.handleShowPasswd,
175
- curType: e.type
176
- }, void 0, !0),
177
- o("input", {
178
- id: e.$attrs.id,
179
- ref: "baseInput",
180
- "data-cy": e.$attrs["data-cy"],
181
- name: e.$attrs.name,
182
- class: n(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none", [
183
- { "uikit-rounded-xs": e.radius },
184
- {
185
- "input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0": e.inputType === "text-input"
186
- },
187
- { "uikit-text-w-secondary": e.$attrs.disabled },
188
- {
189
- "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
190
- "is-valid valid-bg !uikit-pr-9": e.isValid
191
- },
192
- {
193
- "uikit-pr-[42px]": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
194
- },
195
- {
196
- "uikit-pl-[42px]": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
197
- },
198
- e.inputClass
199
- ]]),
200
- autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
201
- disabled: e.$attrs.disabled,
202
- "aria-labelledby": e.$attrs.id,
203
- readonly: e.$attrs.readonly,
204
- type: e.type,
205
- pattern: e.$attrs.pattern,
206
- min: e.$attrs.min,
207
- max: e.$attrs.max,
208
- maxlength: e.$attrs.maxlength,
209
- inputmode: e.$attrs.inputmode,
210
- placeholder: e.$attrs.placeholder,
211
- onClick: t[0] || (t[0] = (...i) => e.handleClick && e.handleClick(...i)),
212
- onFocusin: t[1] || (t[1] = p(() => e.handleFocusIn(), ["stop"])),
213
- onFocusout: t[2] || (t[2] = p((i) => !e.keepFloatingLabel && e.handleFocusOut(e.modelValue, !1, e.auto), ["stop"])),
214
- onInput: t[3] || (t[3] = p((...i) => e.handleInputChange && e.handleInputChange(...i), ["stop"])),
215
- onKeydown: [
216
- t[4] || (t[4] = V((i) => e.$emit("keydown-enter-pressed"), ["enter"])),
217
- t[5] || (t[5] = (i) => e.$emit("keydown", i))
218
- ]
219
- }, null, 42, L),
220
- o("fieldset", {
221
- class: n(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left", [
222
- { "uikit-border-0": !e.border },
223
- {
224
- "uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger": e.border,
225
- "uikit-rounded-xs": e.radius,
226
- "is-invalid uikit-border-w-danger": e.isValid === !1,
227
- "is-valid uikit-border-w-primary": e.isValid,
228
- "uikit-border-w-secondary": e.isValid === null && e.border
229
- },
230
- { "no-floating-label uikit-top-0": !e.labelText },
231
- e.$attrs["fieldset-classes"]
232
- ]])
233
- }, [
234
- e.labelText ? (l(), s("legend", C, [
235
- o("span", {
236
- class: n(["visible-label uikit-opacity-0", [
237
- { "uikit-mx-5px": e.labelText },
238
- {
239
- "uikit-visible uikit-inline-block": e.labelState === "floating-label"
240
- },
241
- {
242
- "uikit-invisible uikit-hidden": e.labelState === "inline-label"
243
- }
244
- ]]),
245
- innerHTML: e.labelText
246
- }, null, 10, S)
247
- ])) : b("", !0)
248
- ], 2),
249
- e.labelText ? (l(), c(r, {
250
- key: 0,
251
- for: e.$attrs.id,
252
- "label-text": e.labelText,
253
- "label-state": e.labelState,
254
- "is-valid": e.isValid,
255
- required: e.$attrs.required,
256
- disabled: e.$attrs.disabled,
257
- "label-classes": e.$attrs["label-classes"],
258
- onClick: e.handleFloatingLabelClick
259
- }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "onClick"])) : b("", !0),
260
- e.isValid === !1 ? (l(!0), s(m, { key: 1 }, $(e.feedbackObj.invalid, (i, u) => (l(), s("div", {
261
- key: `${e.$attrs.id}_invalid_${u}`,
262
- class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
263
- innerHTML: i
264
- }, null, 8, T))), 128)) : e.isValid === !0 ? (l(!0), s(m, { key: 2 }, $(e.feedbackObj.valid, (i, u) => (l(), s("div", {
265
- key: `${e.$attrs.id}_valid_${u}`,
266
- class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
267
- innerHTML: i
268
- }, null, 8, O))), 128)) : b("", !0),
269
- o("div", B, [
270
- d(e.$slots, "under-label", {}, void 0, !0)
271
- ])
272
- ], 2);
273
- }
274
- const z = /* @__PURE__ */ I(F, [["render", j], ["__scopeId", "data-v-bbdd7899"]]);
275
- export {
276
- z as default
277
- };
1
+ require('./assets/BaseInput.css');"use strict";const d=require("./BaseFloatingLabel.js"),p=require("./useFloatingLabel.js"),t=require("vue"),k=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),b=t.defineComponent({name:"BaseInput",components:{BaseFloatingLabel:d},inheritAttrs:!1,props:{inputClass:{type:[String,Array],required:!1,default:""},inputType:{type:String,default:"text-input"},labelText:{type:String,default:""},border:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},modelValue:{type:[String,Number]},feedback:{type:Object},isValid:{type:Boolean,default:null},auto:{type:Boolean,default:!0},keepFloatingLabel:{type:Boolean,default:!1},formatter:{type:Object,default:null}},emits:["update:modelValue","click","keydown-enter-pressed","focusin","focusout","keydown"],setup(e,i){const{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}=p.useFloatingLabel(i.emit);return{labelState:l,setInitialLabelState:o,handleFocusIn:r,handleFocusOut:u,setInlineLabel:n,setFloatingLabel:a}},data(){return{type:"",feedbackObj:{},pointerDownListener:e=>{e.preventDefault()}}},computed:{passwordIcon(){return document?document.querySelector("[data-type='password-icon']"):null}},watch:{feedback(){this.normalizeFeedbackProp()},modelValue(e){if(e){const i=this.$refs.baseInput;if(!i)return;!i.value&&this.formatter&&(e=i.value);const l=this.updateInputValue(i,e);this.$emit("update:modelValue",l)}else this.$refs.baseInput.value="";e!=null&&`${e}`.length>0&&this.auto&&this.labelState!=="floating-label"?this.labelState="floating-label":(e==null||e==null)&&(this.labelState="inline-label")},keepFloatingLabel(e){e?this.setFloatingLabel():this.handleFocusOut(this.modelValue,!0,this.auto)}},created(){this.type=this.$attrs.type,this.normalizeFeedbackProp(),this.setInitialLabelState(this.modelValue)},mounted(){if((this.modelValue!=null||this.modelValue!=null)&&(this.$refs.baseInput.value=`${this.modelValue}`),this.formatter){const e=this.updateInputValue(this.$refs.baseInput,`${this.modelValue}`);this.$emit("update:modelValue",e)}this.setPointerOutListener()},unmounted(){this.passwordIcon?.removeEventListener("pointerdown",this.pointerDownListener)},methods:{select(){this.$refs.baseInput.select()},setPointerOutListener(){if(this.$attrs.type!=="password")return;const e=this.passwordIcon;e&&e.addEventListener("pointerdown",this.pointerDownListener)},handleFloatingLabelClick(){this.$refs.baseInput.focus()},normalizeFeedbackProp(){this.feedback&&(this.feedbackObj=this.feedback,this.feedback.valid&&typeof this.feedback.valid=="string"&&(this.feedbackObj.valid=[this.feedback.valid]),this.feedback.invalid&&typeof this.feedback.invalid=="string"&&(this.feedbackObj.invalid=[this.feedback.invalid]))},updateInputValue(e,i){if(!i)return e.value="","";let l="";return this.formatter&&this.formatter.unFormatFn?l=`${this.formatter.unFormatFn(i)}`:l=i,this.formatter?e.value=this.formatter.formatFn(l):e.value=l,l},handleInputChange({target:e}){if(this.inputType==="select")return;const i=e,l=this.updateInputValue(i,i.value);this.$emit("update:modelValue",l)},handleClick(e){this.$emit("click",e)},handleClean(){this.$emit("update:modelValue",""),this.setInlineLabel()},handleShowPasswd(){this.type==="password"?this.type="text":this.type==="text"&&(this.type="password")}}}),h=["id","data-cy","name","autocomplete","disabled","aria-labelledby","readonly","type","pattern","min","max","maxlength","inputmode","placeholder"],f={key:0,class:"uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out"},m=["innerHTML"],$=["innerHTML"],v=["innerHTML"],c={class:"under-label uikit-absolute uikit-text-12"};function y(e,i,l,o,r,u){const n=t.resolveComponent("base-floating-label");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px",[e.$attrs.class,{"uikit-mt-10px":e.labelText},{"floating-label":e.labelText},e.labelState==="floating-label"?"floating-state":"inline-state",{"has-right-icon":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"has-left-icon":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},{"is-invalid":e.isValid===!1,"is-valid":e.isValid}]])},[t.renderSlot(e.$slots,"leftIcon",{},void 0,!0),t.renderSlot(e.$slots,"righticon",{handleClean:e.handleClean,handleShowPasswd:e.handleShowPasswd,curType:e.type},void 0,!0),t.createElementVNode("input",{id:e.$attrs.id,ref:"baseInput","data-cy":e.$attrs["data-cy"],name:e.$attrs.name,class:t.normalizeClass(["uikit-peer uikit-box-border uikit-h-11 uikit-truncate !uikit-border-none uikit-bg-no-repeat focus:uikit-shadow-none focus:uikit-outline-none",[{"uikit-rounded-xs":e.radius},{"input-element uikit-block uikit-w-full uikit-appearance-none uikit-px-4 uikit-outline-0":e.inputType==="text-input"},{"uikit-text-w-secondary":e.$attrs.disabled},{"is-invalid invalid-bg !uikit-pr-9":e.isValid===!1,"is-valid valid-bg !uikit-pr-9":e.isValid},{"uikit-pr-[42px]":e.$attrs["with-right-icon"]!==void 0?e.$attrs["with-right-icon"]:!!e.$slots.righticon},{"uikit-pl-[42px]":e.$attrs["with-left-icon"]!==void 0?e.$attrs["with-left-icon"]:!!e.$slots.leftIcon},e.inputClass]]),autocomplete:e.$attrs.autocomplete==="on"?"on":"off",disabled:e.$attrs.disabled,"aria-labelledby":e.$attrs.id,readonly:e.$attrs.readonly,type:e.type,pattern:e.$attrs.pattern,min:e.$attrs.min,max:e.$attrs.max,maxlength:e.$attrs.maxlength,inputmode:e.$attrs.inputmode,placeholder:e.$attrs.placeholder,onClick:i[0]||(i[0]=(...a)=>e.handleClick&&e.handleClick(...a)),onFocusin:i[1]||(i[1]=t.withModifiers(()=>e.handleFocusIn(),["stop"])),onFocusout:i[2]||(i[2]=t.withModifiers(a=>!e.keepFloatingLabel&&e.handleFocusOut(e.modelValue,!1,e.auto),["stop"])),onInput:i[3]||(i[3]=t.withModifiers((...a)=>e.handleInputChange&&e.handleInputChange(...a),["stop"])),onKeydown:[i[4]||(i[4]=t.withKeys(a=>e.$emit("keydown-enter-pressed"),["enter"])),i[5]||(i[5]=a=>e.$emit("keydown",a))]},null,42,h),t.createElementVNode("fieldset",{class:t.normalizeClass(["uikit-pointer-events-none uikit-absolute -uikit-top-[5px] uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-h-12 uikit-overflow-hidden uikit-px-2 uikit-py-0 uikit-text-left",[{"uikit-border-0":!e.border},{"uikit-border uikit-border-solid uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger":e.border,"uikit-rounded-xs":e.radius,"is-invalid uikit-border-w-danger":e.isValid===!1,"is-valid uikit-border-w-primary":e.isValid,"uikit-border-w-secondary":e.isValid===null&&e.border},{"no-floating-label uikit-top-0":!e.labelText},e.$attrs["fieldset-classes"]]])},[e.labelText?(t.openBlock(),t.createElementBlock("legend",f,[t.createElementVNode("span",{class:t.normalizeClass(["visible-label uikit-opacity-0",[{"uikit-mx-5px":e.labelText},{"uikit-visible uikit-inline-block":e.labelState==="floating-label"},{"uikit-invisible uikit-hidden":e.labelState==="inline-label"}]]),innerHTML:e.labelText},null,10,m)])):t.createCommentVNode("",!0)],2),e.labelText?(t.openBlock(),t.createBlock(n,{key:0,for:e.$attrs.id,"label-text":e.labelText,"label-state":e.labelState,"is-valid":e.isValid,required:e.$attrs.required,disabled:e.$attrs.disabled,"label-classes":e.$attrs["label-classes"],onClick:e.handleFloatingLabelClick},null,8,["for","label-text","label-state","is-valid","required","disabled","label-classes","onClick"])):t.createCommentVNode("",!0),e.isValid===!1?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:1},t.renderList(e.feedbackObj.invalid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_invalid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-danger",innerHTML:a},null,8,$))),128)):e.isValid===!0?(t.openBlock(!0),t.createElementBlock(t.Fragment,{key:2},t.renderList(e.feedbackObj.valid,(a,s)=>(t.openBlock(),t.createElementBlock("div",{key:`${e.$attrs.id}_valid_${s}`,class:"uikit-mt-1 uikit-text-12 uikit-text-w-primary",innerHTML:a},null,8,v))),128)):t.createCommentVNode("",!0),t.createElementVNode("div",c,[t.renderSlot(e.$slots,"under-label",{},void 0,!0)])],2)}const w=k._export_sfc(b,[["render",y],["__scopeId","data-v-bbdd7899"]]);module.exports=w;
@@ -1,58 +1 @@
1
- import s from "./BaseIcon.js";
2
- import { defineComponent as r, resolveComponent as n, openBlock as i, createElementBlock as l, normalizeClass as c, createBlock as m, createCommentVNode as u, renderSlot as p, createElementVNode as d, toDisplayString as f } from "vue";
3
- import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
4
- const k = r({
5
- name: "BaseNavItem",
6
- components: { BaseIcon: s },
7
- props: {
8
- text: {
9
- type: String
10
- },
11
- iconName: {
12
- type: String
13
- },
14
- iconClass: {
15
- type: String,
16
- default: "uikit-mr-5px"
17
- },
18
- navItemCustomClass: {
19
- type: String
20
- },
21
- isActive: {
22
- type: Boolean,
23
- default: !1
24
- }
25
- },
26
- emits: ["click"],
27
- watch: {
28
- isActive(e) {
29
- const t = this.$refs["base-nav-item"];
30
- e ? t.classList.add("active") : t.classList.remove("active");
31
- }
32
- }
33
- }), v = ["id"];
34
- function g(e, t, C, y, $, N) {
35
- const a = n("base-icon");
36
- return i(), l("li", {
37
- id: `${e.$attrs.id}`,
38
- class: c(["uikit-group/tabs uikit-relative uikit-flex uikit-cursor-pointer uikit-items-center uikit-pb-5px disabled:uikit-border-transparent disabled:uikit-bg-transparent disabled:uikit-text-gray-600", [e.navItemCustomClass]]),
39
- onClick: t[0] || (t[0] = (o) => e.$emit("click", o))
40
- }, [
41
- e.iconName ? (i(), m(a, {
42
- key: 0,
43
- "alt-attribute": "icon",
44
- "icon-name": e.iconName,
45
- "icon-class": e.iconClass
46
- }, null, 8, ["icon-name", "icon-class"])) : u("", !0),
47
- p(e.$slots, "default", {}, () => [
48
- d("a", {
49
- ref: "base-nav-item",
50
- class: "after:uikit-absolute after:uikit-bottom-0 after:uikit-left-0 after:uikit-w-full after:uikit-content-[''] group-hover/tabs:after:uikit-border-b-2 group-hover/tabs:after:uikit-border-b-w-primary group-hover/tabs:after:[border-bottom-style:solid]"
51
- }, f(e.text), 513)
52
- ], !0)
53
- ], 10, v);
54
- }
55
- const _ = /* @__PURE__ */ b(k, [["render", g], ["__scopeId", "data-v-7f3f4fee"]]);
56
- export {
57
- _ as default
58
- };
1
+ require('./assets/BaseNavItem.css');"use strict";const a=require("./BaseIcon.js"),e=require("vue"),r=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),n=e.defineComponent({name:"BaseNavItem",components:{BaseIcon:a},props:{text:{type:String},iconName:{type:String},iconClass:{type:String,default:"uikit-mr-5px"},navItemCustomClass:{type:String},isActive:{type:Boolean,default:!1}},emits:["click"],watch:{isActive(t){const i=this.$refs["base-nav-item"];t?i.classList.add("active"):i.classList.remove("active")}}}),c=["id"];function l(t,i,p,m,d,f){const s=e.resolveComponent("base-icon");return e.openBlock(),e.createElementBlock("li",{id:`${t.$attrs.id}`,class:e.normalizeClass(["uikit-group/tabs uikit-relative uikit-flex uikit-cursor-pointer uikit-items-center uikit-pb-5px disabled:uikit-border-transparent disabled:uikit-bg-transparent disabled:uikit-text-gray-600",[t.navItemCustomClass]]),onClick:i[0]||(i[0]=o=>t.$emit("click",o))},[t.iconName?(e.openBlock(),e.createBlock(s,{key:0,"alt-attribute":"icon","icon-name":t.iconName,"icon-class":t.iconClass},null,8,["icon-name","icon-class"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("a",{ref:"base-nav-item",class:"after:uikit-absolute after:uikit-bottom-0 after:uikit-left-0 after:uikit-w-full after:uikit-content-[''] group-hover/tabs:after:uikit-border-b-2 group-hover/tabs:after:uikit-border-b-w-primary group-hover/tabs:after:[border-bottom-style:solid]"},e.toDisplayString(t.text),513)],!0)],10,c)}const u=r._export_sfc(n,[["render",l],["__scopeId","data-v-7f3f4fee"]]);module.exports=u;
@@ -1,164 +1 @@
1
- import c from "./BaseIcon.js";
2
- import "./js.cookie-BaTT4o7s.js";
3
- import { defineComponent as h, resolveComponent as d, openBlock as r, createElementBlock as n, createVNode as k, createCommentVNode as o, Fragment as l, renderList as g, toDisplayString as s, createElementVNode as f } from "vue";
4
- import { _ as v } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- function p(i, t = !1) {
6
- return i == null ? "" : P(t ? Math.round(i) : Math.floor(i), 0);
7
- }
8
- function P(i, t) {
9
- return !i && i !== 0 ? "" : i.toLocaleString(
10
- "it-IT",
11
- // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
12
- {
13
- minimumFractionDigits: t,
14
- maximumFractionDigits: t
15
- }
16
- );
17
- }
18
- const w = h({
19
- name: "BasePagination",
20
- components: { BaseIcon: c },
21
- props: {
22
- offset: {
23
- type: Number,
24
- default: 0
25
- },
26
- count: {
27
- type: Number,
28
- default: 0
29
- },
30
- limit: {
31
- type: Number,
32
- default: 25
33
- },
34
- siblings: {
35
- type: Number,
36
- default: 3
37
- },
38
- additionalCount: {
39
- type: Number,
40
- default: 0
41
- }
42
- },
43
- emits: ["new-pagination-offset"],
44
- data() {
45
- return {
46
- activeHoverOnLeftIcon: !1,
47
- activeHoverOnRightIcon: !1
48
- };
49
- },
50
- methods: {
51
- handleHoverIcon(i, t) {
52
- i ? t === "LeftArrow" ? this.activeHoverOnLeftIcon = !0 : this.activeHoverOnRightIcon = !0 : (this.activeHoverOnLeftIcon = !1, this.activeHoverOnRightIcon = !1);
53
- },
54
- getPages() {
55
- return Math.ceil((this.count + this.additionalCount) / this.limit);
56
- },
57
- getFormattedPages() {
58
- return p(
59
- Math.ceil((this.count + this.additionalCount) / this.limit)
60
- );
61
- },
62
- getCurrentPage() {
63
- return Math.round(this.offset / this.limit) + 1;
64
- },
65
- getPreviousPages() {
66
- const i = Math.max(2, this.getCurrentPage() - this.siblings);
67
- let t = [];
68
- for (let u = i; u < this.getCurrentPage(); u++)
69
- t.push(u);
70
- return t;
71
- },
72
- getNextPages() {
73
- const i = Math.min(
74
- this.getPages() - 1,
75
- this.getCurrentPage() + this.siblings
76
- );
77
- let t = [];
78
- for (let u = this.getCurrentPage() + 1; u <= i; u++)
79
- t.push(u);
80
- return t;
81
- },
82
- formatInteger(i) {
83
- return p(i);
84
- },
85
- selectPage(i) {
86
- this.$emit(
87
- "new-pagination-offset",
88
- Math.round((i - 1) * this.limit - this.additionalCount)
89
- );
90
- },
91
- getCount() {
92
- return this.count;
93
- }
94
- }
95
- }), y = { "aria-label": "Page navigation" }, b = {
96
- key: 0,
97
- class: "uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"
98
- }, C = {
99
- key: 2,
100
- class: "font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
101
- }, x = ["onClick"], I = { class: "selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-bg-w-primary uikit-p-5px uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white" }, $ = ["onClick"], M = {
102
- key: 3,
103
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"
104
- };
105
- function H(i, t, u, N, j, L) {
106
- const a = d("baseIcon");
107
- return r(), n("nav", y, [
108
- i.getCount() > 0 ? (r(), n("ul", b, [
109
- i.getCurrentPage() > 1 ? (r(), n("li", {
110
- key: 0,
111
- class: "arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-mr-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",
112
- onClick: t[0] || (t[0] = (e) => i.selectPage(i.getCurrentPage() - 1)),
113
- onMouseover: t[1] || (t[1] = (e) => i.handleHoverIcon(!0, "LeftArrow")),
114
- onMouseout: t[2] || (t[2] = (e) => i.handleHoverIcon(!1, "LeftArrow"))
115
- }, [
116
- k(a, {
117
- "icon-name": "arrow-sx-blue.svg",
118
- "alt-attribute": "icona pagina successiva",
119
- "icon-class": "uikit-mr-0"
120
- })
121
- ], 32)) : o("", !0),
122
- i.getCurrentPage() > 1 ? (r(), n("li", {
123
- key: 1,
124
- class: "page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
125
- onClick: t[3] || (t[3] = (e) => i.selectPage(1))
126
- }, " 1 ")) : o("", !0),
127
- i.getCurrentPage() > i.siblings + 2 ? (r(), n("li", C, " ... ")) : o("", !0),
128
- (r(!0), n(l, null, g(i.getPreviousPages(), (e) => (r(), n("li", {
129
- key: e,
130
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
131
- onClick: (m) => i.selectPage(e)
132
- }, s(i.formatInteger(e)), 9, x))), 128)),
133
- f("li", I, s(i.getCurrentPage()), 1),
134
- (r(!0), n(l, null, g(i.getNextPages(), (e) => (r(), n("li", {
135
- key: e,
136
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
137
- onClick: (m) => i.selectPage(e)
138
- }, s(i.formatInteger(e)), 9, $))), 128)),
139
- i.getCurrentPage() < i.getPages() - i.siblings - 1 ? (r(), n("li", M, " ... ")) : o("", !0),
140
- i.getCurrentPage() < i.getPages() ? (r(), n("li", {
141
- key: 4,
142
- class: "uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",
143
- onClick: t[4] || (t[4] = (e) => i.selectPage(i.getPages()))
144
- }, s(i.getFormattedPages()), 1)) : o("", !0),
145
- i.getCurrentPage() < i.getPages() ? (r(), n("li", {
146
- key: 5,
147
- class: "arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-ml-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",
148
- onClick: t[5] || (t[5] = (e) => i.selectPage(i.getCurrentPage() + 1)),
149
- onMouseover: t[6] || (t[6] = (e) => i.handleHoverIcon(!0, "RightArrow")),
150
- onMouseout: t[7] || (t[7] = (e) => i.handleHoverIcon(!1, "RightArrow"))
151
- }, [
152
- k(a, {
153
- "icon-name": "arrow-dx-blue.svg",
154
- "alt-attribute": "icona pagina successiva",
155
- "icon-class": "uikit-mr-0"
156
- })
157
- ], 32)) : o("", !0)
158
- ])) : o("", !0)
159
- ]);
160
- }
161
- const R = /* @__PURE__ */ v(w, [["render", H]]);
162
- export {
163
- R as default
164
- };
1
+ "use strict";const a=require("./BaseIcon.js");require("./chunks/js.cookie.BMVAK0Pe.js");const t=require("vue"),l=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js");function u(e,i=!1){return e==null?"":k(i?Math.round(e):Math.floor(e),0)}function k(e,i){return!e&&e!==0?"":e.toLocaleString("it-IT",{minimumFractionDigits:i,maximumFractionDigits:i})}const c=t.defineComponent({name:"BasePagination",components:{BaseIcon:a},props:{offset:{type:Number,default:0},count:{type:Number,default:0},limit:{type:Number,default:25},siblings:{type:Number,default:3},additionalCount:{type:Number,default:0}},emits:["new-pagination-offset"],data(){return{activeHoverOnLeftIcon:!1,activeHoverOnRightIcon:!1}},methods:{handleHoverIcon(e,i){e?i==="LeftArrow"?this.activeHoverOnLeftIcon=!0:this.activeHoverOnRightIcon=!0:(this.activeHoverOnLeftIcon=!1,this.activeHoverOnRightIcon=!1)},getPages(){return Math.ceil((this.count+this.additionalCount)/this.limit)},getFormattedPages(){return u(Math.ceil((this.count+this.additionalCount)/this.limit))},getCurrentPage(){return Math.round(this.offset/this.limit)+1},getPreviousPages(){const e=Math.max(2,this.getCurrentPage()-this.siblings);let i=[];for(let n=e;n<this.getCurrentPage();n++)i.push(n);return i},getNextPages(){const e=Math.min(this.getPages()-1,this.getCurrentPage()+this.siblings);let i=[];for(let n=this.getCurrentPage()+1;n<=e;n++)i.push(n);return i},formatInteger(e){return u(e)},selectPage(e){this.$emit("new-pagination-offset",Math.round((e-1)*this.limit-this.additionalCount))},getCount(){return this.count}}}),g={"aria-label":"Page navigation"},m={key:0,class:"uikit-text-14 uikit-m-0 uikit-flex uikit-list-none uikit-content-center uikit-gap-4 uikit-p-0 uikit-pl-0 uikit-font-semibold sm:uikit-gap-5"},p={key:2,class:"font-weight-bold uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"},h=["onClick"],d={class:"selected uikit-pointer-events-none uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-bg-w-primary uikit-p-5px uikit-text-white hover:uikit-bg-w-primary hover:uikit-text-white"},v=["onClick"],f={key:3,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white"};function P(e,i,n,y,C,b){const o=t.resolveComponent("baseIcon");return t.openBlock(),t.createElementBlock("nav",g,[e.getCount()>0?(t.openBlock(),t.createElementBlock("ul",m,[e.getCurrentPage()>1?(t.openBlock(),t.createElementBlock("li",{key:0,class:"arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-mr-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",onClick:i[0]||(i[0]=r=>e.selectPage(e.getCurrentPage()-1)),onMouseover:i[1]||(i[1]=r=>e.handleHoverIcon(!0,"LeftArrow")),onMouseout:i[2]||(i[2]=r=>e.handleHoverIcon(!1,"LeftArrow"))},[t.createVNode(o,{"icon-name":"arrow-sx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):t.createCommentVNode("",!0),e.getCurrentPage()>1?(t.openBlock(),t.createElementBlock("li",{key:1,class:"page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:i[3]||(i[3]=r=>e.selectPage(1))}," 1 ")):t.createCommentVNode("",!0),e.getCurrentPage()>e.siblings+2?(t.openBlock(),t.createElementBlock("li",p," ... ")):t.createCommentVNode("",!0),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.getPreviousPages(),r=>(t.openBlock(),t.createElementBlock("li",{key:r,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:s=>e.selectPage(r)},t.toDisplayString(e.formatInteger(r)),9,h))),128)),t.createElementVNode("li",d,t.toDisplayString(e.getCurrentPage()),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.getNextPages(),r=>(t.openBlock(),t.createElementBlock("li",{key:r,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:s=>e.selectPage(r)},t.toDisplayString(e.formatInteger(r)),9,v))),128)),e.getCurrentPage()<e.getPages()-e.siblings-1?(t.openBlock(),t.createElementBlock("li",f," ... ")):t.createCommentVNode("",!0),e.getCurrentPage()<e.getPages()?(t.openBlock(),t.createElementBlock("li",{key:4,class:"uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary hover:uikit-text-white",onClick:i[4]||(i[4]=r=>e.selectPage(e.getPages()))},t.toDisplayString(e.getFormattedPages()),1)):t.createCommentVNode("",!0),e.getCurrentPage()<e.getPages()?(t.openBlock(),t.createElementBlock("li",{key:5,class:"arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px hover:uikit-bg-w-primary md:uikit-ml-5 [&_>_img]:hover:uikit-brightness-0 [&_>_img]:hover:uikit-invert",onClick:i[5]||(i[5]=r=>e.selectPage(e.getCurrentPage()+1)),onMouseover:i[6]||(i[6]=r=>e.handleHoverIcon(!0,"RightArrow")),onMouseout:i[7]||(i[7]=r=>e.handleHoverIcon(!1,"RightArrow"))},[t.createVNode(o,{"icon-name":"arrow-dx-blue.svg","alt-attribute":"icona pagina successiva","icon-class":"uikit-mr-0"})],32)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)])}const w=l._export_sfc(c,[["render",P]]);module.exports=w;
package/dist/BasePaper.js CHANGED
@@ -1,14 +1 @@
1
- import { defineComponent as o, openBlock as t, createElementBlock as r, renderSlot as s } from "vue";
2
- import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
3
- const a = o({
4
- name: "BasePaper"
5
- }), c = { class: "base-paper" };
6
- function p(e, _, d, f, i, m) {
7
- return t(), r("div", c, [
8
- s(e.$slots, "content", {}, void 0, !0)
9
- ]);
10
- }
11
- const $ = /* @__PURE__ */ n(a, [["render", p], ["__scopeId", "data-v-f52750e0"]]);
12
- export {
13
- $ as default
14
- };
1
+ require('./assets/BasePaper.css');"use strict";const e=require("vue"),o=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),r=e.defineComponent({name:"BasePaper"}),s={class:"base-paper"};function n(t,p,a,_,i,d){return e.openBlock(),e.createElementBlock("div",s,[e.renderSlot(t.$slots,"content",{},void 0,!0)])}const c=o._export_sfc(r,[["render",n],["__scopeId","data-v-f52750e0"]]);module.exports=c;