@pequity/squirrel 8.4.3 → 8.4.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/dist/cjs/chunks/p-alert.js +3 -0
- package/dist/cjs/chunks/p-avatar.js +16 -0
- package/dist/cjs/chunks/p-btn.js +3 -0
- package/dist/cjs/chunks/p-card.js +4 -0
- package/dist/cjs/chunks/p-dropdown-select.js +34 -0
- package/dist/cjs/chunks/p-input-number.js +32 -0
- package/dist/cjs/chunks/p-input-percent.js +13 -2
- package/dist/cjs/chunks/p-input.js +28 -0
- package/dist/cjs/chunks/p-pagination-info.js +9 -5
- package/dist/cjs/chunks/p-pagination.js +23 -13
- package/dist/cjs/chunks/p-select-btn.js +2 -1
- package/dist/cjs/chunks/p-select.js +33 -0
- package/dist/cjs/chunks/p-table-loader.js +20 -0
- package/dist/cjs/chunks/p-tabs.js +12 -0
- package/dist/cjs/chunks/p-textarea.js +20 -0
- package/dist/cjs/index.js +40 -3
- package/dist/cjs/p-checkbox.js +8 -1
- package/dist/cjs/p-chips.js +17 -1
- package/dist/cjs/p-close-btn.js +6 -1
- package/dist/cjs/p-drawer.js +90 -2
- package/dist/cjs/p-dropdown.js +2 -1
- package/dist/cjs/p-icon.js +3 -2
- package/dist/cjs/p-input-search.js +13 -1
- package/dist/cjs/p-loading.js +1 -1
- package/dist/cjs/p-modal.js +82 -2
- package/dist/cjs/p-select-pill.js +36 -2
- package/dist/cjs/p-skeleton-loader.js +17 -1
- package/dist/cjs/p-table-filter-icon.js +4 -1
- package/dist/cjs/p-table-header-cell.js +29 -0
- package/dist/cjs/p-table-td.js +1 -1
- package/dist/cjs/p-toggle.js +22 -1
- package/dist/es/chunks/p-alert.js +3 -0
- package/dist/es/chunks/p-avatar.js +16 -0
- package/dist/es/chunks/p-btn.js +3 -0
- package/dist/es/chunks/p-card.js +4 -0
- package/dist/es/chunks/p-dropdown-select.js +34 -0
- package/dist/es/chunks/p-input-number.js +32 -0
- package/dist/es/chunks/p-input-percent.js +13 -2
- package/dist/es/chunks/p-input.js +28 -0
- package/dist/es/chunks/p-pagination-info.js +9 -5
- package/dist/es/chunks/p-pagination.js +24 -14
- package/dist/es/chunks/p-select-btn.js +2 -1
- package/dist/es/chunks/p-select.js +33 -0
- package/dist/es/chunks/p-table-loader.js +20 -0
- package/dist/es/chunks/p-tabs.js +12 -0
- package/dist/es/chunks/p-textarea.js +20 -0
- package/dist/es/index.js +40 -3
- package/dist/es/p-checkbox.js +8 -1
- package/dist/es/p-chips.js +17 -1
- package/dist/es/p-close-btn.js +6 -1
- package/dist/es/p-drawer.js +90 -2
- package/dist/es/p-dropdown.js +2 -1
- package/dist/es/p-icon.js +3 -2
- package/dist/es/p-input-search.js +13 -1
- package/dist/es/p-loading.js +1 -1
- package/dist/es/p-modal.js +82 -2
- package/dist/es/p-select-pill.js +36 -2
- package/dist/es/p-skeleton-loader.js +17 -1
- package/dist/es/p-table-filter-icon.js +4 -1
- package/dist/es/p-table-header-cell.js +29 -0
- package/dist/es/p-table-td.js +1 -1
- package/dist/es/p-toggle.js +22 -1
- package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +15 -3
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +17 -4
- package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +36 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +21 -5
- package/dist/squirrel/components/p-card/p-card.vue.d.ts +21 -8
- package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +26 -8
- package/dist/squirrel/components/p-chips/p-chips.vue.d.ts +24 -0
- package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +14 -1
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +17 -1
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +144 -6
- package/dist/squirrel/components/p-dropdown/p-dropdown.vue.d.ts +11 -2
- package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +70 -2
- package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +71 -7
- package/dist/squirrel/components/p-icon/p-icon.types.d.ts +3 -2
- package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +5 -1
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +12 -5
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +28 -8
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +74 -9
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +83 -12
- package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +23 -3
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +25 -1
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +1 -1
- package/dist/squirrel/components/p-loading/p-loading.vue.d.ts +1 -1
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +186 -16
- package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +23 -13
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +17 -9
- package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +21 -1
- package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +11 -1
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +77 -7
- package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +68 -11
- package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +2 -2
- package/dist/squirrel/components/p-select-pill/p-select-pill.vue.d.ts +72 -2
- package/dist/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue.d.ts +40 -0
- package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +13 -1
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +32 -0
- package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +7 -1
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +59 -4
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +41 -1
- package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +13 -3
- package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +13 -1
- package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +34 -3
- package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +23 -1
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +53 -9
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +51 -4
- package/dist/squirrel.css +68 -68
- package/package.json +20 -21
- package/squirrel/components/p-action-bar/p-action-bar.stories.js +5 -5
- package/squirrel/components/p-action-bar/p-action-bar.vue +30 -3
- package/squirrel/components/p-alert/p-alert.vue +24 -0
- package/squirrel/components/p-avatar/p-avatar.vue +28 -0
- package/squirrel/components/p-btn/p-btn.vue +35 -0
- package/squirrel/components/p-card/p-card.vue +24 -1
- package/squirrel/components/p-checkbox/p-checkbox.vue +23 -1
- package/squirrel/components/p-chips/p-chips.vue +24 -0
- package/squirrel/components/p-close-btn/p-close-btn.vue +15 -0
- package/squirrel/components/p-date-picker/p-date-picker.vue +23 -1
- package/squirrel/components/p-drawer/p-drawer.vue +95 -0
- package/squirrel/components/p-dropdown/p-dropdown.vue +12 -1
- package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +41 -0
- package/squirrel/components/p-file-upload/p-file-upload.vue +58 -3
- package/squirrel/components/p-icon/p-icon.types.ts +3 -2
- package/squirrel/components/p-icon/p-icon.vue +16 -0
- package/squirrel/components/p-info-icon/p-info-icon.vue +19 -0
- package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue +32 -0
- package/squirrel/components/p-input/p-input.vue +61 -1
- package/squirrel/components/p-input-number/p-input-number.vue +78 -1
- package/squirrel/components/p-input-percent/p-input-percent.vue +27 -3
- package/squirrel/components/p-input-search/p-input-search.vue +30 -2
- package/squirrel/components/p-link/p-link.vue +13 -0
- package/squirrel/components/p-loading/p-loading.vue +9 -2
- package/squirrel/components/p-modal/p-modal.vue +138 -2
- package/squirrel/components/p-pagination/p-pagination.vue +28 -8
- package/squirrel/components/p-pagination-info/p-pagination-info.vue +16 -4
- package/squirrel/components/p-progress-bar/p-progress-bar.vue +31 -4
- package/squirrel/components/p-ring-loader/p-ring-loader.vue +17 -0
- package/squirrel/components/p-select/p-select.vue +50 -1
- package/squirrel/components/p-select-btn/p-select-btn.vue +90 -2
- package/squirrel/components/p-select-list/p-select-list.vue +7 -0
- package/squirrel/components/p-select-pill/p-select-pill.vue +52 -2
- package/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue +24 -0
- package/squirrel/components/p-steps/p-steps.vue +25 -0
- package/squirrel/components/p-table/p-table.vue +39 -0
- package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +9 -0
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +36 -0
- package/squirrel/components/p-table-loader/p-table-loader.vue +28 -0
- package/squirrel/components/p-table-sort/p-table-sort.vue +19 -1
- package/squirrel/components/p-table-td/p-table-td.vue +20 -0
- package/squirrel/components/p-tabs/p-tabs.stories.js +2 -2
- package/squirrel/components/p-tabs/p-tabs.vue +33 -1
- package/squirrel/components/p-tabs-pills/p-tabs-pills.vue +33 -0
- package/squirrel/components/p-textarea/p-textarea.vue +43 -1
- package/squirrel/components/p-toggle/p-toggle.vue +44 -1
- package/squirrel/assets/pagination-left-icon.svg +0 -5
- package/squirrel/assets/pagination-right-icon.svg +0 -5
package/dist/cjs/index.js
CHANGED
|
@@ -93,10 +93,18 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
93
93
|
},
|
|
94
94
|
__name: "p-file-upload",
|
|
95
95
|
props: {
|
|
96
|
+
/**
|
|
97
|
+
* The current file(s) value (v-model).
|
|
98
|
+
* Supports both single file and multiple files based on the multiple prop.
|
|
99
|
+
*/
|
|
96
100
|
modelValue: {
|
|
97
101
|
type: [Object, Array],
|
|
98
102
|
default: () => []
|
|
99
103
|
},
|
|
104
|
+
/**
|
|
105
|
+
* Whether multiple files can be selected.
|
|
106
|
+
* When true, allows selecting multiple files at once.
|
|
107
|
+
*/
|
|
100
108
|
multiple: {
|
|
101
109
|
type: Boolean,
|
|
102
110
|
default: false
|
|
@@ -109,27 +117,51 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
109
117
|
type: Array,
|
|
110
118
|
default: () => []
|
|
111
119
|
},
|
|
120
|
+
/**
|
|
121
|
+
* Whether the file upload is disabled.
|
|
122
|
+
* Prevents user interaction when true.
|
|
123
|
+
*/
|
|
112
124
|
disabled: {
|
|
113
125
|
type: Boolean,
|
|
114
126
|
default: false
|
|
115
127
|
},
|
|
128
|
+
/**
|
|
129
|
+
* Whether the file upload is required.
|
|
130
|
+
* Adds required attribute and visual indicator.
|
|
131
|
+
*/
|
|
116
132
|
required: {
|
|
117
133
|
type: Boolean,
|
|
118
134
|
default: false
|
|
119
135
|
},
|
|
136
|
+
/**
|
|
137
|
+
* Error message to display below the file upload.
|
|
138
|
+
* When provided, the upload area will show error styling.
|
|
139
|
+
*/
|
|
120
140
|
errorMsg: {
|
|
121
141
|
type: String,
|
|
122
142
|
default: ""
|
|
123
143
|
},
|
|
144
|
+
/**
|
|
145
|
+
* Text label for the file upload field.
|
|
146
|
+
* Displayed above the upload area.
|
|
147
|
+
*/
|
|
124
148
|
label: {
|
|
125
149
|
type: String,
|
|
126
150
|
default: ""
|
|
127
151
|
},
|
|
152
|
+
/**
|
|
153
|
+
* Maximum file size in bytes.
|
|
154
|
+
* Files exceeding this size will be rejected with an error message.
|
|
155
|
+
*/
|
|
128
156
|
maxSizeInBytes: {
|
|
129
157
|
type: Number,
|
|
130
158
|
default: 256 * 1e3
|
|
131
159
|
// 256 KB
|
|
132
160
|
},
|
|
161
|
+
/**
|
|
162
|
+
* Maximum number of files that can be uploaded.
|
|
163
|
+
* Only applies when multiple is true.
|
|
164
|
+
*/
|
|
133
165
|
maxNumberOfFiles: {
|
|
134
166
|
type: Number,
|
|
135
167
|
default: 10
|
|
@@ -202,7 +234,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
202
234
|
if (!f) {
|
|
203
235
|
return;
|
|
204
236
|
}
|
|
205
|
-
const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : f;
|
|
237
|
+
const validatedFiles = props.fileTypes ? validateFiles(Array.from(f)) : Array.from(f);
|
|
206
238
|
files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
|
|
207
239
|
emit("file-added", validatedFiles);
|
|
208
240
|
};
|
|
@@ -264,7 +296,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
|
|
|
264
296
|
class: "text-p-gray-50"
|
|
265
297
|
}),
|
|
266
298
|
vue.createElementVNode("div", _hoisted_4$3, [
|
|
267
|
-
_cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ")),
|
|
299
|
+
_cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ", -1)),
|
|
268
300
|
vue.createElementVNode("span", _hoisted_5$3, "select " + vue.toDisplayString(fileWord.value), 1)
|
|
269
301
|
])
|
|
270
302
|
])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
|
|
@@ -905,7 +937,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
|
|
|
905
937
|
};
|
|
906
938
|
}
|
|
907
939
|
});
|
|
908
|
-
const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-
|
|
940
|
+
const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-b51c1939"]]);
|
|
909
941
|
const _imports_0 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75838)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75838'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
910
942
|
const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80096)'%3e%3cpath%20d='M11.6533%203.37331L8.47329%200.18664C8.41131%200.124154%208.33758%200.074558%208.25634%200.0407122C8.1751%200.00686641%208.08796%20-0.0105591%207.99995%20-0.0105591C7.91194%20-0.0105591%207.82481%200.00686641%207.74357%200.0407122C7.66233%200.074558%207.58859%200.124154%207.52662%200.18664L4.34662%203.37331C4.253%203.46615%204.18902%203.58468%204.16277%203.71388C4.13651%203.84309%204.14916%203.97719%204.19911%204.09921C4.24906%204.22123%204.33407%204.3257%204.44339%204.39941C4.55271%204.47312%204.68144%204.51275%204.81329%204.51331H6.81329C6.83571%204.51054%206.85846%204.51235%206.88016%204.51865C6.90186%204.52494%206.92205%204.53559%206.93951%204.54993C6.95697%204.56427%206.97133%204.58201%206.98172%204.60207C6.99211%204.62214%206.99832%204.6441%206.99995%204.66664V14.9933C6.99995%2015.2585%207.10531%2015.5129%207.29285%2015.7004C7.48038%2015.888%207.73474%2015.9933%207.99995%2015.9933C8.26517%2015.9933%208.51952%2015.888%208.70706%2015.7004C8.8946%2015.5129%208.99995%2015.2585%208.99995%2014.9933V4.66664C8.99995%204.62244%209.01751%204.58004%209.04877%204.54879C9.08002%204.51753%209.12242%204.49997%209.16662%204.49997H11.1666C11.2985%204.49942%2011.4272%204.45978%2011.5365%204.38608C11.6458%204.31237%2011.7308%204.2079%2011.7808%204.08587C11.8307%203.96385%2011.8434%203.82976%2011.8171%203.70055C11.7909%203.57134%2011.7269%203.45282%2011.6333%203.35997L11.6533%203.37331Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80096'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
911
943
|
const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
@@ -934,6 +966,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
934
966
|
},
|
|
935
967
|
__name: "p-table-sort",
|
|
936
968
|
props: {
|
|
969
|
+
/**
|
|
970
|
+
* The current sorting state (v-model).
|
|
971
|
+
* Valid values: 'asc', 'desc', 'no-sorting'
|
|
972
|
+
* Controls which sort option is visually active.
|
|
973
|
+
*/
|
|
937
974
|
modelValue: {
|
|
938
975
|
type: String,
|
|
939
976
|
default: pTableSort.SORTING_TYPES.NO_SORTING,
|
package/dist/cjs/p-checkbox.js
CHANGED
|
@@ -13,10 +13,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
13
13
|
},
|
|
14
14
|
__name: "p-checkbox",
|
|
15
15
|
props: {
|
|
16
|
+
/**
|
|
17
|
+
* The checked state of the checkbox (v-model)
|
|
18
|
+
*/
|
|
16
19
|
modelValue: {
|
|
17
20
|
type: Boolean,
|
|
18
21
|
default: false
|
|
19
22
|
},
|
|
23
|
+
/**
|
|
24
|
+
* Text label for the checkbox
|
|
25
|
+
* Ignored if using the label slot
|
|
26
|
+
*/
|
|
20
27
|
label: {
|
|
21
28
|
type: String,
|
|
22
29
|
default: ""
|
|
@@ -59,5 +66,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
59
66
|
};
|
|
60
67
|
}
|
|
61
68
|
});
|
|
62
|
-
const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
69
|
+
const pCheckbox = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c0f571ea"]]);
|
|
63
70
|
module.exports = pCheckbox;
|
package/dist/cjs/p-chips.js
CHANGED
|
@@ -5,15 +5,31 @@ const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js")
|
|
|
5
5
|
const _sfc_main = vue.defineComponent({
|
|
6
6
|
name: "PChips",
|
|
7
7
|
props: {
|
|
8
|
+
/**
|
|
9
|
+
* Array of items to display as chips.
|
|
10
|
+
* Can be strings or objects with a text property.
|
|
11
|
+
*/
|
|
8
12
|
items: {
|
|
9
13
|
type: Array,
|
|
10
14
|
default: () => []
|
|
11
15
|
},
|
|
16
|
+
/**
|
|
17
|
+
* Property name to use as the item display text.
|
|
18
|
+
* Used when items are objects to extract the text value.
|
|
19
|
+
*/
|
|
12
20
|
itemText: {
|
|
13
21
|
type: String,
|
|
14
22
|
default: "text"
|
|
15
23
|
}
|
|
16
24
|
},
|
|
25
|
+
/**
|
|
26
|
+
* Emitted when a chip is clicked.
|
|
27
|
+
* @param {any} item - The clicked item
|
|
28
|
+
*/
|
|
29
|
+
/**
|
|
30
|
+
* Emitted when the overflow indicator is clicked.
|
|
31
|
+
* Indicates that there are more chips than can be displayed.
|
|
32
|
+
*/
|
|
17
33
|
emits: ["click:chip", "click:overflow"],
|
|
18
34
|
data() {
|
|
19
35
|
return {
|
|
@@ -103,5 +119,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
103
119
|
], 512)
|
|
104
120
|
], 512);
|
|
105
121
|
}
|
|
106
|
-
const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
122
|
+
const pChips = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a6ae49f4"]]);
|
|
107
123
|
module.exports = pChips;
|
package/dist/cjs/p-close-btn.js
CHANGED
|
@@ -7,6 +7,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
7
7
|
},
|
|
8
8
|
__name: "p-close-btn",
|
|
9
9
|
props: {
|
|
10
|
+
/**
|
|
11
|
+
* The visual variant of the close button.
|
|
12
|
+
* Controls the background color and hover effects.
|
|
13
|
+
* Valid values: 'transparent', 'gray', 'dark'
|
|
14
|
+
*/
|
|
10
15
|
variant: {
|
|
11
16
|
type: String,
|
|
12
17
|
default: "transparent"
|
|
@@ -35,5 +40,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
35
40
|
};
|
|
36
41
|
}
|
|
37
42
|
});
|
|
38
|
-
const PCloseBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
43
|
+
const PCloseBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-8232fb9d"]]);
|
|
39
44
|
module.exports = PCloseBtn;
|
package/dist/cjs/p-drawer.js
CHANGED
|
@@ -10,66 +10,132 @@ const __default__ = vue.defineComponent({
|
|
|
10
10
|
PCloseBtn: pCloseBtn
|
|
11
11
|
},
|
|
12
12
|
props: {
|
|
13
|
+
/**
|
|
14
|
+
* Target element to append the drawer to.
|
|
15
|
+
* Usually 'body' for proper z-index stacking.
|
|
16
|
+
*/
|
|
13
17
|
appendTo: {
|
|
14
18
|
type: String,
|
|
15
19
|
default: "body"
|
|
16
20
|
},
|
|
21
|
+
/**
|
|
22
|
+
* Title displayed in the drawer header.
|
|
23
|
+
* Used for accessibility and visual identification.
|
|
24
|
+
*/
|
|
17
25
|
title: {
|
|
18
26
|
type: String,
|
|
19
27
|
default: ""
|
|
20
28
|
},
|
|
29
|
+
/**
|
|
30
|
+
* Whether the drawer content is disabled.
|
|
31
|
+
* Prevents user interaction with drawer content.
|
|
32
|
+
*/
|
|
21
33
|
disabled: {
|
|
22
34
|
type: Boolean,
|
|
23
35
|
default: false
|
|
24
36
|
},
|
|
37
|
+
/**
|
|
38
|
+
* Error message to display in the drawer.
|
|
39
|
+
* Shows an error alert above the drawer content.
|
|
40
|
+
*/
|
|
25
41
|
errorMsg: {
|
|
26
42
|
type: String,
|
|
27
43
|
default: ""
|
|
28
44
|
},
|
|
45
|
+
/**
|
|
46
|
+
* The position of the drawer on the screen.
|
|
47
|
+
* Valid values: 'left', 'right'
|
|
48
|
+
* @values left, right
|
|
49
|
+
*/
|
|
29
50
|
position: {
|
|
30
51
|
type: String,
|
|
31
52
|
default: "right"
|
|
32
53
|
},
|
|
54
|
+
/**
|
|
55
|
+
* Base z-index for the drawer.
|
|
56
|
+
* Higher values ensure the drawer appears above other content.
|
|
57
|
+
*/
|
|
33
58
|
zIndex: {
|
|
34
59
|
type: Number,
|
|
35
60
|
default: 900
|
|
36
61
|
},
|
|
62
|
+
/**
|
|
63
|
+
* Inline styles for the drawer element.
|
|
64
|
+
* Applied directly to the drawer element.
|
|
65
|
+
*/
|
|
37
66
|
drawerStyle: {
|
|
38
67
|
type: Object,
|
|
39
68
|
default: () => ({})
|
|
40
69
|
},
|
|
70
|
+
/**
|
|
71
|
+
* CSS class for the drawer container.
|
|
72
|
+
* Controls the base styling of the drawer.
|
|
73
|
+
*/
|
|
41
74
|
drawerClass: {
|
|
42
75
|
type: String,
|
|
43
76
|
default: "drawer"
|
|
44
77
|
},
|
|
78
|
+
/**
|
|
79
|
+
* CSS class for the drawer entrance animation.
|
|
80
|
+
* Overrides the default position-based animation.
|
|
81
|
+
*/
|
|
45
82
|
inClass: {
|
|
46
83
|
type: String,
|
|
47
84
|
default: ""
|
|
48
85
|
},
|
|
86
|
+
/**
|
|
87
|
+
* CSS class for the drawer exit animation.
|
|
88
|
+
* Overrides the default position-based animation.
|
|
89
|
+
*/
|
|
49
90
|
outClass: {
|
|
50
91
|
type: String,
|
|
51
92
|
default: ""
|
|
52
93
|
},
|
|
94
|
+
/**
|
|
95
|
+
* Whether the drawer should be mounted immediately.
|
|
96
|
+
* Useful for drawers that are always present in the DOM.
|
|
97
|
+
*/
|
|
53
98
|
live: {
|
|
54
99
|
type: Boolean,
|
|
55
100
|
default: false
|
|
56
101
|
},
|
|
102
|
+
/**
|
|
103
|
+
* Controls the visibility of the drawer (v-model).
|
|
104
|
+
* Supports two-way binding for drawer state.
|
|
105
|
+
*/
|
|
57
106
|
modelValue: {
|
|
58
107
|
type: Boolean,
|
|
59
108
|
default: false
|
|
60
109
|
},
|
|
110
|
+
/**
|
|
111
|
+
* Accessibility label for the close button.
|
|
112
|
+
* Used by screen readers for better accessibility.
|
|
113
|
+
*/
|
|
61
114
|
closeLabel: {
|
|
62
115
|
type: String,
|
|
63
116
|
default: "Close"
|
|
64
117
|
},
|
|
118
|
+
/**
|
|
119
|
+
* Whether to show the backdrop behind the drawer.
|
|
120
|
+
* When true, displays a semi-transparent overlay.
|
|
121
|
+
*/
|
|
65
122
|
showBackdrop: {
|
|
66
123
|
type: Boolean,
|
|
67
124
|
default: false
|
|
68
125
|
},
|
|
126
|
+
/**
|
|
127
|
+
* Whether the drawer can be closed by user interaction.
|
|
128
|
+
* Controls close button visibility and backdrop click behavior.
|
|
129
|
+
*/
|
|
69
130
|
enableClose: {
|
|
70
131
|
type: Boolean,
|
|
71
132
|
default: true
|
|
72
133
|
},
|
|
134
|
+
/**
|
|
135
|
+
* Width of the drawer.
|
|
136
|
+
* Must be a valid CSS width value ending with 'px'.
|
|
137
|
+
* @values 460px, 600px, 800px, etc.
|
|
138
|
+
*/
|
|
73
139
|
width: {
|
|
74
140
|
type: String,
|
|
75
141
|
default: "460px",
|
|
@@ -78,6 +144,28 @@ const __default__ = vue.defineComponent({
|
|
|
78
144
|
}
|
|
79
145
|
}
|
|
80
146
|
},
|
|
147
|
+
/**
|
|
148
|
+
* Emitted before the drawer starts opening.
|
|
149
|
+
*/
|
|
150
|
+
/**
|
|
151
|
+
* Emitted when the drawer is opening (animation in progress).
|
|
152
|
+
*/
|
|
153
|
+
/**
|
|
154
|
+
* Emitted when the drawer has finished opening.
|
|
155
|
+
*/
|
|
156
|
+
/**
|
|
157
|
+
* Emitted before the drawer starts closing.
|
|
158
|
+
*/
|
|
159
|
+
/**
|
|
160
|
+
* Emitted when the drawer is closing (animation in progress).
|
|
161
|
+
*/
|
|
162
|
+
/**
|
|
163
|
+
* Emitted when the drawer has finished closing.
|
|
164
|
+
*/
|
|
165
|
+
/**
|
|
166
|
+
* Emitted when the drawer visibility changes (v-model).
|
|
167
|
+
* @param {boolean} value - The new visibility state
|
|
168
|
+
*/
|
|
81
169
|
emits: ["update:modelValue", "before-open", "opening", "opened", "before-close", "closing", "closed"],
|
|
82
170
|
data() {
|
|
83
171
|
return {
|
|
@@ -149,7 +237,7 @@ const __default__ = vue.defineComponent({
|
|
|
149
237
|
});
|
|
150
238
|
const __injectCSSVars__ = () => {
|
|
151
239
|
vue.useCssVars((_ctx) => ({
|
|
152
|
-
"
|
|
240
|
+
"0ae27020": _ctx.width
|
|
153
241
|
}));
|
|
154
242
|
};
|
|
155
243
|
const __setup__ = __default__.setup;
|
|
@@ -266,5 +354,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
266
354
|
}, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
|
|
267
355
|
], 8, ["to"])) : vue.createCommentVNode("", true);
|
|
268
356
|
}
|
|
269
|
-
const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-
|
|
357
|
+
const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-b08a9ced"]]);
|
|
270
358
|
module.exports = pDrawer;
|
package/dist/cjs/p-dropdown.js
CHANGED
|
@@ -24,6 +24,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
24
24
|
},
|
|
25
25
|
/**
|
|
26
26
|
* Enables closing the dropdown with the Escape key.
|
|
27
|
+
* When true, pressing Escape will close the dropdown.
|
|
27
28
|
*/
|
|
28
29
|
enableCloseOnEsc: {
|
|
29
30
|
type: Boolean,
|
|
@@ -31,7 +32,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
31
32
|
},
|
|
32
33
|
/**
|
|
33
34
|
* v-tooltip wraps the popper trigger with a div that has `display: inline-block` set by default.
|
|
34
|
-
* This prop is used to override the CSS style of that wrapper div
|
|
35
|
+
* This prop is used to override the CSS style of that wrapper div.
|
|
35
36
|
*/
|
|
36
37
|
triggerStyle: {
|
|
37
38
|
type: Object,
|
package/dist/cjs/p-icon.js
CHANGED
|
@@ -4,7 +4,7 @@ const P_ICON_ALIASES = {
|
|
|
4
4
|
delete: "octicon:trash-24",
|
|
5
5
|
edit: "simple-line-icons:pencil",
|
|
6
6
|
send: "mingcute:send-plane-fill",
|
|
7
|
-
settings: "heroicons:cog-8-tooth
|
|
7
|
+
settings: "heroicons:cog-8-tooth",
|
|
8
8
|
empty: "ph:empty",
|
|
9
9
|
"chevron-left": "material-symbols:chevron-left-rounded",
|
|
10
10
|
"chevron-right": "material-symbols:chevron-right-rounded",
|
|
@@ -26,7 +26,7 @@ const P_ICON_ALIASES = {
|
|
|
26
26
|
copy: "ph:copy",
|
|
27
27
|
plus: "ic:outline-plus",
|
|
28
28
|
add: "ic:outline-plus",
|
|
29
|
-
more: "
|
|
29
|
+
more: "ep:more-filled",
|
|
30
30
|
filters: "mage:filter",
|
|
31
31
|
"bar-chart": "material-symbols:bar-chart-4-bars-rounded",
|
|
32
32
|
list: "material-symbols:format-list-bulleted",
|
|
@@ -35,6 +35,7 @@ const P_ICON_ALIASES = {
|
|
|
35
35
|
download: "tdesign:download",
|
|
36
36
|
upload: "tdesign:upload",
|
|
37
37
|
info: "streamline:information-circle",
|
|
38
|
+
help: "ph:question",
|
|
38
39
|
search: "streamline:magnifying-glass-solid"
|
|
39
40
|
};
|
|
40
41
|
exports.P_ICON_ALIASES = P_ICON_ALIASES;
|
|
@@ -11,10 +11,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
11
11
|
},
|
|
12
12
|
__name: "p-input-search",
|
|
13
13
|
props: {
|
|
14
|
+
/**
|
|
15
|
+
* The search query value (v-model).
|
|
16
|
+
* Controls the input field content and visibility of the clear button.
|
|
17
|
+
*/
|
|
14
18
|
modelValue: {
|
|
15
19
|
type: String,
|
|
16
20
|
default: ""
|
|
17
21
|
},
|
|
22
|
+
/**
|
|
23
|
+
* The size of the search input.
|
|
24
|
+
* Affects the overall dimensions and icon positioning.
|
|
25
|
+
*/
|
|
18
26
|
size: {
|
|
19
27
|
type: String,
|
|
20
28
|
default: "md",
|
|
@@ -22,6 +30,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
22
30
|
return pBtn_types.SIZES.includes(value);
|
|
23
31
|
}
|
|
24
32
|
},
|
|
33
|
+
/**
|
|
34
|
+
* Whether to show the enter key icon when the input is focused.
|
|
35
|
+
* Provides visual feedback that pressing enter will trigger a search.
|
|
36
|
+
*/
|
|
25
37
|
showEnterIcon: {
|
|
26
38
|
type: Boolean,
|
|
27
39
|
default: false
|
|
@@ -115,5 +127,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
115
127
|
};
|
|
116
128
|
}
|
|
117
129
|
});
|
|
118
|
-
const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
130
|
+
const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ce44730a"]]);
|
|
119
131
|
module.exports = PInputSearch;
|
package/dist/cjs/p-loading.js
CHANGED
|
@@ -116,5 +116,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
116
116
|
};
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
|
-
const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
119
|
+
const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-7e116004"]]);
|
|
120
120
|
module.exports = pLoading;
|
package/dist/cjs/p-modal.js
CHANGED
|
@@ -26,82 +26,162 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
26
26
|
},
|
|
27
27
|
__name: "p-modal",
|
|
28
28
|
props: {
|
|
29
|
+
/**
|
|
30
|
+
* Unique name for the modal when using the modal service.
|
|
31
|
+
* Used for programmatic control of the modal.
|
|
32
|
+
*/
|
|
29
33
|
name: {
|
|
30
34
|
type: String,
|
|
31
35
|
default: ""
|
|
32
36
|
},
|
|
37
|
+
/**
|
|
38
|
+
* Title displayed in the modal header.
|
|
39
|
+
* Used for accessibility and visual identification.
|
|
40
|
+
*/
|
|
33
41
|
title: {
|
|
34
42
|
type: String,
|
|
35
43
|
default: ""
|
|
36
44
|
},
|
|
45
|
+
/**
|
|
46
|
+
* Base z-index for the modal.
|
|
47
|
+
* Higher values ensure the modal appears above other content.
|
|
48
|
+
*/
|
|
37
49
|
baseZindex: {
|
|
38
50
|
type: Number,
|
|
39
51
|
default: 1051
|
|
40
52
|
},
|
|
53
|
+
/**
|
|
54
|
+
* CSS classes for the backdrop element.
|
|
55
|
+
* Controls the appearance of the modal overlay.
|
|
56
|
+
*/
|
|
41
57
|
bgClass: {
|
|
42
58
|
type: [String, Object, Array],
|
|
43
59
|
default: "fixed bottom-0 left-0 right-0 top-0 bg-black/20"
|
|
44
60
|
},
|
|
61
|
+
/**
|
|
62
|
+
* CSS classes for the modal wrapper element.
|
|
63
|
+
* Controls the positioning and layout of the modal container.
|
|
64
|
+
*/
|
|
45
65
|
wrapperClass: {
|
|
46
66
|
type: [String, Object, Array],
|
|
47
67
|
default: "fixed bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center overflow-y-auto overflow-x-hidden outline-none"
|
|
48
68
|
},
|
|
69
|
+
/**
|
|
70
|
+
* Base CSS classes for the modal content.
|
|
71
|
+
* Controls the appearance of the modal dialog itself.
|
|
72
|
+
*/
|
|
49
73
|
modalBaseClass: {
|
|
50
74
|
type: [String, Object, Array],
|
|
51
75
|
default: "pm relative flex flex-col rounded-2xl pb-6 cursor-default bg-surface shadow-xl"
|
|
52
76
|
},
|
|
77
|
+
/**
|
|
78
|
+
* Additional CSS classes for the modal content.
|
|
79
|
+
* Merged with modalBaseClass for custom styling.
|
|
80
|
+
*/
|
|
53
81
|
modalClass: {
|
|
54
82
|
type: [String, Object, Array],
|
|
55
83
|
default: ""
|
|
56
84
|
},
|
|
85
|
+
/**
|
|
86
|
+
* Inline styles for the modal content.
|
|
87
|
+
* Applied directly to the modal element.
|
|
88
|
+
*/
|
|
57
89
|
modalStyle: {
|
|
58
90
|
type: [String, Object, Array],
|
|
59
91
|
default: ""
|
|
60
92
|
},
|
|
93
|
+
/**
|
|
94
|
+
* CSS class for the modal entrance animation.
|
|
95
|
+
* Controls how the modal appears.
|
|
96
|
+
*/
|
|
61
97
|
inClass: {
|
|
62
98
|
type: String,
|
|
63
99
|
default: "slideInTop"
|
|
64
100
|
},
|
|
101
|
+
/**
|
|
102
|
+
* CSS class for the modal exit animation.
|
|
103
|
+
* Controls how the modal disappears.
|
|
104
|
+
*/
|
|
65
105
|
outClass: {
|
|
66
106
|
type: String,
|
|
67
107
|
default: "slideOutTop"
|
|
68
108
|
},
|
|
109
|
+
/**
|
|
110
|
+
* CSS class for the backdrop entrance animation.
|
|
111
|
+
* Controls how the backdrop appears.
|
|
112
|
+
*/
|
|
69
113
|
bgInClass: {
|
|
70
114
|
type: String,
|
|
71
115
|
default: "fadeIn"
|
|
72
116
|
},
|
|
117
|
+
/**
|
|
118
|
+
* CSS class for the backdrop exit animation.
|
|
119
|
+
* Controls how the backdrop disappears.
|
|
120
|
+
*/
|
|
73
121
|
bgOutClass: {
|
|
74
122
|
type: String,
|
|
75
123
|
default: "fadeOut"
|
|
76
124
|
},
|
|
125
|
+
/**
|
|
126
|
+
* Target element to append the modal to.
|
|
127
|
+
* Usually 'body' for proper z-index stacking.
|
|
128
|
+
*/
|
|
77
129
|
appendTo: {
|
|
78
130
|
type: String,
|
|
79
131
|
default: "body"
|
|
80
132
|
},
|
|
133
|
+
/**
|
|
134
|
+
* Whether the modal should be mounted immediately.
|
|
135
|
+
* Useful for modals that are always present in the DOM.
|
|
136
|
+
*/
|
|
81
137
|
live: {
|
|
82
138
|
type: Boolean,
|
|
83
139
|
default: false
|
|
84
140
|
},
|
|
141
|
+
/**
|
|
142
|
+
* Whether the modal can be closed by user interaction.
|
|
143
|
+
* Controls close button visibility and backdrop click behavior.
|
|
144
|
+
*/
|
|
85
145
|
enableClose: {
|
|
86
146
|
type: Boolean,
|
|
87
147
|
default: true
|
|
88
148
|
},
|
|
149
|
+
/**
|
|
150
|
+
* Controls the visibility of the modal (v-model).
|
|
151
|
+
* Supports two-way binding for modal state.
|
|
152
|
+
*/
|
|
89
153
|
modelValue: {
|
|
90
154
|
type: Boolean,
|
|
91
155
|
default: false
|
|
92
156
|
},
|
|
157
|
+
/**
|
|
158
|
+
* Accessibility label for the close button.
|
|
159
|
+
* Used by screen readers for better accessibility.
|
|
160
|
+
*/
|
|
93
161
|
closeLabel: {
|
|
94
162
|
type: String,
|
|
95
163
|
default: "Close"
|
|
96
164
|
},
|
|
165
|
+
/**
|
|
166
|
+
* Whether the modal content is disabled.
|
|
167
|
+
* Prevents user interaction with modal content.
|
|
168
|
+
*/
|
|
97
169
|
disabled: {
|
|
98
170
|
type: Boolean,
|
|
99
171
|
default: false
|
|
100
172
|
},
|
|
173
|
+
/**
|
|
174
|
+
* Error message to display in the modal.
|
|
175
|
+
* Shows an error alert above the modal content.
|
|
176
|
+
*/
|
|
101
177
|
errorMsg: {
|
|
102
178
|
type: String,
|
|
103
179
|
default: ""
|
|
104
180
|
},
|
|
181
|
+
/**
|
|
182
|
+
* Maximum width of the modal.
|
|
183
|
+
* Controls the responsive behavior of the modal.
|
|
184
|
+
*/
|
|
105
185
|
maxWidth: {
|
|
106
186
|
type: String,
|
|
107
187
|
default: "500px"
|
|
@@ -110,7 +190,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
110
190
|
emits: ["before-open", "opening", "opened", "before-close", "closing", "closed", "update:modelValue", "click:overlay"],
|
|
111
191
|
setup(__props, { emit: __emit }) {
|
|
112
192
|
vue.useCssVars((_ctx) => ({
|
|
113
|
-
"
|
|
193
|
+
"5951a2a6": __props.maxWidth
|
|
114
194
|
}));
|
|
115
195
|
let animatingZIndex = 0;
|
|
116
196
|
const emit = __emit;
|
|
@@ -365,5 +445,5 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
365
445
|
};
|
|
366
446
|
}
|
|
367
447
|
});
|
|
368
|
-
const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
448
|
+
const pModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-bb3daa48"]]);
|
|
369
449
|
module.exports = pModal;
|