eco-vue-js 0.9.29 → 0.10.0

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 (24) hide show
  1. package/README.md +9 -7
  2. package/dist/components/Input/WInputSuggest.vue.js +1 -1
  3. package/dist/components/Select/WSelect.vue.d.ts.map +1 -1
  4. package/dist/components/Select/WSelect.vue.js +14 -11
  5. package/dist/components/Select/WSelectAsync.vue.d.ts.map +1 -1
  6. package/dist/components/Select/WSelectAsync.vue.js +16 -13
  7. package/dist/components/Select/WSelectAsyncList.vue.d.ts.map +1 -1
  8. package/dist/components/Select/WSelectAsyncList.vue.js +15 -12
  9. package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map +1 -1
  10. package/dist/components/Select/WSelectAsyncSingle.vue.js +15 -13
  11. package/dist/components/Select/WSelectSingle.vue.d.ts.map +1 -1
  12. package/dist/components/Select/WSelectSingle.vue.js +14 -12
  13. package/dist/components/Select/WSelectStringified.vue.d.ts +20 -9
  14. package/dist/components/Select/WSelectStringified.vue.d.ts.map +1 -1
  15. package/dist/components/Select/WSelectStringified.vue.js +20 -17
  16. package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map +1 -1
  17. package/dist/components/Select/components/SelectAsyncPrefix.vue.js +14 -11
  18. package/package.json +4 -3
  19. package/tailwind-base/{index.cjs → index.ts} +40 -24
  20. package/tailwind-base/plugins/{default.cjs → default.ts} +79 -77
  21. package/tailwind-base/theme/{animations.cjs → animations.ts} +1 -2
  22. package/tailwind-base/theme/{score.cjs → score.ts} +1 -2
  23. package/tailwind-base/theme/{severity.cjs → severity.ts} +1 -2
  24. package/tailwind-base/theme/{sizes.cjs → sizes.ts} +4 -5
package/README.md CHANGED
@@ -12,17 +12,19 @@ npm i eco-vue-js
12
12
 
13
13
  ### Tailwind configuration
14
14
 
15
- 1. Add the following lines to the `content` section in your [Tailwind configuration file](https://tailwindcss.com/docs/content-configuration):
15
+ 1. Add the library's [Tailwind preset](https://tailwindcss.com/docs/presets) to your [Tailwind configuration file](https://tailwindcss.com/docs/content-configuration):
16
16
  ```
17
- content: [
18
- './node_modules/eco-vue-js/dist/components/**/*.vue.js',
19
- './node_modules/eco-vue-js/dist/components/**/*.js',
17
+ import tailwindBase from 'eco-vue-js/tailwind-base'
18
+
19
+ presets: [
20
+ tailwindBase,
20
21
  ]
21
22
  ```
22
- 2. Add the library's [Tailwind preset](https://tailwindcss.com/docs/presets) to your configuration file:
23
+
24
+ 2. Add the following lines to the `content` section in your configuration file:
23
25
  ```
24
- presets: [
25
- require('eco-vue-js/tailwind-base/index.cjs'),
26
+ content: [
27
+ ...tailwindBase.content,
26
28
  ]
27
29
  ```
28
30
 
package/dist/components/Input/WInputSuggest.vue.js CHANGED
@@ -184,7 +184,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
184
184
  "mt-5": "istop" in contentScope && contentScope.istop === false && (_ctx.errorMessage || _ctx.maxLength)
185
185
  }])
186
186
  }, [
187
- _ctx.$slots.content?.().length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content?.(), (slot, index) => {
187
+ _ctx.$slots.content ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.$slots.content(), (slot, index) => {
188
188
  return openBlock(), createBlock(resolveDynamicComponent(slot), {
189
189
  key: index,
190
190
  "scrolling-element": unref(isMobile) ? unref(contentRef)?.parentElement : unref(contentRef),
package/dist/components/Select/WSelect.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAgaA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8qBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BArevB,MAAM,KAAG,IAAI;MAqegC,GAAG,IAAI;WACpE,GAAG;;gBAzbH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxrBvE,wBAwrB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelect.vue"],"names":[],"mappings":"AAmaA,OAAO,KAAK,EAAC,qBAAqB,EAA8B,WAAW,EAAC,MAAM,SAAS,CAAA;yBAc1E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eACnI,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgrBxD,mBAAmB,CAAC;;;;;;;wRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAvevB,MAAM,KAAG,IAAI;MAuegC,GAAG,IAAI;WACpE,GAAG;;gBA3bH,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;gBATV,MAAM,IAAI;mBACP,MAAM,IAAI;iBACZ,CAAC,KAAK,EAAE;YACf,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;YACnB,KAAK,CAAC,EAAE,MAAM,CAAA;YACd,QAAQ,EAAE,OAAO,CAAA;YACjB,KAAK,EAAE,OAAO,CAAA;YACd,MAAM,CAAC,EAAE,MAAM,CAAA;SAChB,KAAK,IAAI;gBACF,MAAM,IAAI;;;YAvPd,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;YAChC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAyqBmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1rBvE,wBA0rB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelect.vue.js CHANGED
@@ -276,17 +276,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
276
276
  disabled: _ctx.disabled,
277
277
  "disable-clear": _ctx.disableClear || _ctx.readonly,
278
278
  onUnselect: ($event) => unselect(_ctx.valueGetter(option))
279
- }, {
280
- option: withCtx(() => [
281
- renderSlot(_ctx.$slots, "option", {
282
- option,
283
- selected: true,
284
- model: true,
285
- index
286
- })
287
- ]),
288
- _: 2
289
- }, 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "onUnselect"]);
279
+ }, createSlots({ _: 2 }, [
280
+ _ctx.$slots.option ? {
281
+ name: "option",
282
+ fn: withCtx(() => [
283
+ renderSlot(_ctx.$slots, "option", {
284
+ option,
285
+ selected: true,
286
+ model: true,
287
+ index
288
+ })
289
+ ]),
290
+ key: "0"
291
+ } : void 0
292
+ ]), 1032, ["option", "option-component", "option-component-props", "index", "loading", "disabled", "disable-clear", "onUnselect"]);
290
293
  }), 128)) : createCommentVNode("", true)
291
294
  ]),
292
295
  content: withCtx(() => [
package/dist/components/Select/WSelectAsync.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AAuRA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAY/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BAlbvB,MAAM,KAAG,IAAI;MAkbgC,GAAG,IAAI;WACpE,GAAG;;gBAxZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YA8hBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtjBvE,wBAsjB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelectAsync.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsync.vue"],"names":[],"mappings":"AA0RA,OAAO,KAAK,EAAC,gBAAgB,EAAE,qBAAqB,EAA6B,MAAM,SAAS,CAAA;yBAY/E,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA8iBxD,mBAAmB,CAAC;;;;;;;6QAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;;2BApbvB,MAAM,KAAG,IAAI;MAobgC,GAAG,IAAI;WACpE,GAAG;;gBA1ZH,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;gBAH9H,MAAM,IAAI;mBACP,MAAM,IAAI;gBACb,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,IAAI;iBACrC,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,CAAC,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAzIlI,QAAQ,QAAQ,KAAK,GAAG,IAAI;YAC5B,UAAU,QAAQ,KAAK,GAAG,IAAI;YAC9B,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC1C,YAAY,GAAG,IAAI;YACnB,OAAO,SAAS,UAAU,GAAG,IAAI;YACjC,MAAM,SAAS,UAAU,GAAG,IAAI;;;;;YAgiBM,OAAO,CAAC,OAAO,WAAW,CAAC;;AAxjBvE,wBAwjB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelectAsync.vue.js CHANGED
@@ -211,18 +211,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
211
211
  isFetchingPrefix.value = $event;
212
212
  }),
213
213
  "onUpdate:modelValue": updateSelected
214
- }, {
215
- default: withCtx(({ option, skeleton: skeletonPrefix, index }) => [
216
- renderSlot(_ctx.$slots, "option", {
217
- option,
218
- index,
219
- selected: true,
220
- model: true,
221
- skeleton: skeletonPrefix
222
- })
223
- ]),
224
- _: 3
225
- }, 8, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "option-component-props", "disable-clear", "preview-data", "created-data", "value-getter", "value-query-key"])) : createCommentVNode("", true)
214
+ }, createSlots({ _: 2 }, [
215
+ _ctx.$slots.option ? {
216
+ name: "default",
217
+ fn: withCtx(({ option, skeleton: skeletonPrefix, index }) => [
218
+ renderSlot(_ctx.$slots, "option", {
219
+ option,
220
+ index,
221
+ selected: true,
222
+ model: true,
223
+ skeleton: skeletonPrefix
224
+ })
225
+ ]),
226
+ key: "0"
227
+ } : void 0
228
+ ]), 1032, ["use-query-fn", "model-value", "disabled", "loading", "option-component", "option-component-props", "disable-clear", "preview-data", "created-data", "value-getter", "value-query-key"])) : createCommentVNode("", true)
226
229
  ]),
227
230
  content: withCtx(() => [
228
231
  createVNode(_sfc_main$3, {
@@ -278,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
278
281
  ]),
279
282
  key: "1"
280
283
  } : void 0,
281
- _ctx.$slots.right?.()?.length ? {
284
+ _ctx.$slots.right ? {
282
285
  name: "right",
283
286
  fn: withCtx(() => [
284
287
  renderSlot(_ctx.$slots, "right")
package/dist/components/Select/WSelectAsyncList.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBA4GiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqOxD,mBAAmB,CAAC;;;;;;gBAjOlB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAsNQ,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAjMD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YATlG,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;YA4ME,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/OvE,wBA+O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelectAsyncList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncList.vue"],"names":[],"mappings":"yBA+GiB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuOxD,mBAAmB,CAAC;;;;;;gBAnOlB,MAAM;oBACF,MAAM;oBACN,KAAK,EAAE;oBACP,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;mBACb,OAAO;wBACF,CAAC,MAAM,WAAW,CAAC,EAAE;qBACxB,OAAO;uBACL,OAAO;yBACL,OAAO;sBACV,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;uBACpB,OAAO,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KAwNQ,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBAnMD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;kBAA5F,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;;YATlG,QAAQ,SAAS,KAAK,GAAG,IAAI;YAC7B,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,oBAAoB,SAAS,KAAK,EAAE,GAAG,IAAI;YAC3C,cAAc,SAAS,MAAM,GAAG,IAAI;;;;;YA8ME,OAAO,CAAC,OAAO,WAAW,CAAC;;AAjPvE,wBAiP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelectAsyncList.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, useTemplateRef, openBlock, createElementBlock, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, withCtx, renderSlot } from 'vue';
1
+ import { defineComponent, useTemplateRef, openBlock, createElementBlock, createBlock, Fragment, createTextVNode, toDisplayString, createCommentVNode, createVNode, unref, createSlots, withCtx, renderSlot } from 'vue';
2
2
  import WSkeleton from '../Skeleton/WSkeleton.vue.js';
3
3
  import _sfc_main$1 from './components/SelectAsyncList.vue.js';
4
4
 
@@ -60,17 +60,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
60
60
  onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("unselect", $event)),
61
61
  "onUpdate:count": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:count", $event)),
62
62
  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:model-value", $event))
63
- }, {
64
- default: withCtx(({ option, selected, skeleton: skeletonList }) => [
65
- renderSlot(_ctx.$slots, "default", {
66
- option,
67
- selected,
68
- skeleton: skeletonList,
69
- model: false
70
- })
71
- ]),
72
- _: 3
73
- }, 8, ["model-value", "use-query-fn", "query-params", "scrolling-element", "exclude-params", "empty-stub", "select-only", "unselect-only", "hide-option-icon", "value-getter", "query-options"])
63
+ }, createSlots({ _: 2 }, [
64
+ _ctx.$slots.default ? {
65
+ name: "default",
66
+ fn: withCtx(({ option, selected, skeleton: skeletonList }) => [
67
+ renderSlot(_ctx.$slots, "default", {
68
+ option,
69
+ selected,
70
+ skeleton: skeletonList,
71
+ model: false
72
+ })
73
+ ]),
74
+ key: "0"
75
+ } : void 0
76
+ ]), 1032, ["model-value", "use-query-fn", "query-params", "scrolling-element", "exclude-params", "empty-stub", "select-only", "unselect-only", "hide-option-icon", "value-getter", "query-options"])
74
77
  ], 512))
75
78
  ]);
76
79
  };
package/dist/components/Select/WSelectAsyncSingle.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAwNxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAhLzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAmNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlOvE,wBAkO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelectAsyncSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectAsyncSingle.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBACxJ,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0NxD,mBAAmB,CAAC;;;4OAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAlCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAlLzB,mBAAmB,0DAAoB,IAAI;YAC3C,YAAY,GAAG,IAAI;;;;;YAqNmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AApOvE,wBAoO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelectAsyncSingle.vue.js CHANGED
@@ -101,17 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
101
101
  onUnselect: _cache[1] || (_cache[1] = ($event) => _ctx.allowClear && updateModelValue(null)),
102
102
  onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0),
103
103
  onInitModel: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("init-model"))
104
- }), createSlots({
105
- option: withCtx(({ option, selected, model, search }) => [
106
- renderSlot(_ctx.$slots, "option", {
107
- option,
108
- selected,
109
- model,
110
- search
111
- })
112
- ]),
113
- _: 2
114
- }, [
104
+ }), createSlots({ _: 2 }, [
115
105
  _ctx.$slots.title ? {
116
106
  name: "title",
117
107
  fn: withCtx(() => [
@@ -126,12 +116,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
126
116
  ]),
127
117
  key: "1"
128
118
  } : void 0,
129
- _ctx.$slots.right?.()?.length ? {
119
+ _ctx.$slots.option ? {
120
+ name: "option",
121
+ fn: withCtx(({ option, selected, model, search }) => [
122
+ renderSlot(_ctx.$slots, "option", {
123
+ option,
124
+ selected,
125
+ model,
126
+ search
127
+ })
128
+ ]),
129
+ key: "2"
130
+ } : void 0,
131
+ _ctx.$slots.right ? {
130
132
  name: "right",
131
133
  fn: withCtx(() => [
132
134
  renderSlot(_ctx.$slots, "right")
133
135
  ]),
134
- key: "2"
136
+ key: "3"
135
137
  } : void 0
136
138
  ]), 1040, ["class"]);
137
139
  };
package/dist/components/Select/WSelectSingle.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAOpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YApMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAuOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvPvE,wBAuP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelectSingle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectSingle.vue"],"names":[],"mappings":"AA+FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,iBAAiB,EAAC,MAAM,SAAS,CAAA;yBAOpD,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,EAAE,UAAU,SAAS,OAAO,uBAC/J,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+OxD,mBAAmB,CAAC;;;;gRAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAtMzB,oBAAoB,0DAAoB,IAAI;YAC5C,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAyOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzPvE,wBAyP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelectSingle.vue.js CHANGED
@@ -101,17 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
101
101
  onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.searchModel && typeof _ctx.modelValue === "string" ? unref(selectComponentRef)?.setSearch(_ctx.modelValue) : void 0),
102
102
  "onUpdate:queryOptionsError": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:query-options-error", $event)),
103
103
  onInitModel: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("init-model"))
104
- }), createSlots({
105
- option: withCtx(({ option, selected, model, search }) => [
106
- renderSlot(_ctx.$slots, "option", {
107
- option,
108
- selected,
109
- model,
110
- search
111
- })
112
- ]),
113
- _: 2
114
- }, [
104
+ }), createSlots({ _: 2 }, [
115
105
  _ctx.$slots.title ? {
116
106
  name: "title",
117
107
  fn: withCtx(() => [
@@ -126,12 +116,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
126
116
  ]),
127
117
  key: "1"
128
118
  } : void 0,
119
+ _ctx.$slots.option ? {
120
+ name: "option",
121
+ fn: withCtx(({ option, selected, model, search }) => [
122
+ renderSlot(_ctx.$slots, "option", {
123
+ option,
124
+ selected,
125
+ model,
126
+ search
127
+ })
128
+ ]),
129
+ key: "2"
130
+ } : void 0,
129
131
  _ctx.$slots.right ? {
130
132
  name: "right",
131
133
  fn: withCtx(() => [
132
134
  renderSlot(_ctx.$slots, "right")
133
135
  ]),
134
- key: "2"
136
+ key: "3"
135
137
  } : void 0
136
138
  ]), 1040, ["class"]);
137
139
  };
package/dist/components/Select/WSelectStringified.vue.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { SelectOptionComponent, SelectStringifiedProps } from './types';
2
+ import { VNode } from 'vue';
2
3
  declare const _default: <Model extends string, Data extends DefaultData, QueryParamsOptions, OptionComponent extends SelectOptionComponent<Data>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
3
4
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
4
- readonly "onUpdate:model-value"?: ((value: Model | null) => any) | undefined;
5
+ readonly "onUpdate:model-value"?: ((value: Model) => any) | undefined;
5
6
  readonly "onInit-model"?: (() => any) | undefined;
6
7
  readonly "onUpdate:query-options-error"?: ((value: string | undefined) => any) | undefined;
7
8
  } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:model-value" | "onInit-model" | "onUpdate:query-options-error"> & SelectStringifiedProps<Model, Data, QueryParamsOptions, OptionComponent>> & import('vue').PublicProps;
@@ -9,23 +10,33 @@ declare const _default: <Model extends string, Data extends DefaultData, QueryPa
9
10
  blur: () => void;
10
11
  }>): void;
11
12
  attrs: any;
12
- slots: {
13
- title?(_: {}): any;
14
- subtitle?(_: {}): any;
15
- option?(_: {
13
+ slots: Readonly<{
14
+ title?: () => VNode[];
15
+ subtitle?: () => VNode[];
16
+ right?: () => VNode[];
17
+ option?: (props: {
16
18
  option: Data | null;
17
19
  selected: boolean;
18
20
  model: boolean;
19
21
  search: string | undefined;
20
- }): any;
21
- right?(_: {}): any;
22
+ }) => VNode[];
23
+ }> & {
24
+ title?: () => VNode[];
25
+ subtitle?: () => VNode[];
26
+ right?: () => VNode[];
27
+ option?: (props: {
28
+ option: Data | null;
29
+ selected: boolean;
30
+ model: boolean;
31
+ search: string | undefined;
32
+ }) => VNode[];
22
33
  };
23
34
  emit: {
24
- (e: "update:model-value", value: Model | null): void;
35
+ (e: "update:model-value", value: Model): void;
25
36
  (e: "update:query-options-error", value: string | undefined): void;
26
37
  (e: "init-model"): void;
27
38
  };
28
- }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
39
+ }>) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
29
40
  [key: string]: any;
30
41
  }> & {
31
42
  __ctx?: Awaited<typeof __VLS_setup>;
package/dist/components/Select/WSelectStringified.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;yBAOzD,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgOxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;uBAnCe,GAAG;0BACA,GAAG;;;;;;YACL,GAAG;uBACJ,GAAG;;;YAzLzB,oBAAoB,SAAS,KAAK,GAAG,IAAI,GAAG,IAAI;YAChD,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YA4NmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1OvE,wBA0O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"WSelectStringified.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/WSelectStringified.vue"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAC,qBAAqB,EAAE,sBAAsB,EAAC,MAAM,SAAS,CAAA;AAE1E,OAAO,EAAC,KAAK,KAAK,EAA2B,MAAM,KAAK,CAAA;yBAKvC,KAAK,SAAS,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,kBAAkB,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC1H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqOxD,mBAAmB,CAAC;;;;yQAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;MAAsB,GAAG,IAAI;WACpE,GAAG;;gBAzLH,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;;gBAHzG,MAAM,KAAK,EAAE;mBACV,MAAM,KAAK,EAAE;gBAChB,MAAM,KAAK,EAAE;iBACZ,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,OAAO,CAAC;YAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;SAAC,KAAK,KAAK,EAAE;;;YAxC7G,oBAAoB,SAAS,KAAK,GAAG,IAAI;YACzC,4BAA4B,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC9D,YAAY,GAAG,IAAI;;;;;YAiOmB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/OvE,wBA+O4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/WSelectStringified.vue.js CHANGED
@@ -74,17 +74,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
74
74
  const props = __props;
75
75
  const emit = __emit;
76
76
  const selectComponentRef = useTemplateRef("selectComponent");
77
- const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider) : []);
77
+ const arrayValue = computed(() => props.modelValue !== null ? props.modelValue.split(props.divider).filter((item, index, arr) => item !== "" && arr.indexOf(item) === index) : []);
78
78
  const updateModelValue = (value, isSelect) => {
79
79
  const valueList = value.split(props.divider);
80
80
  let newValue;
81
81
  if (isSelect) {
82
- newValue = [...arrayValue.value, ...valueList].filter((item, index, arr) => arr.indexOf(item) === index).join(props.divider);
82
+ newValue = [...arrayValue.value, ...valueList].filter((item, index, arr) => item !== "" && arr.indexOf(item) === index).join(props.divider);
83
83
  } else {
84
84
  newValue = arrayValue.value.filter((item) => !valueList.includes(item)).join(props.divider);
85
85
  }
86
86
  if (newValue === props.modelValue) return;
87
- emit("update:model-value", newValue || null);
87
+ emit("update:model-value", newValue);
88
88
  };
89
89
  const blur = () => {
90
90
  selectComponentRef.value?.blur();
@@ -96,24 +96,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
96
96
  return openBlock(), createBlock(_sfc_main$1, mergeProps({ ref: "selectComponent" }, {
97
97
  ...props,
98
98
  modelValue: arrayValue.value,
99
- filterValue: _ctx.filterValue === void 0 ? arrayValue.value : _ctx.filterValue
99
+ filterValue: _ctx.filterValue === void 0 ? arrayValue.value : _ctx.filterValue,
100
+ createdData: _ctx.createOption ? arrayValue.value.map(_ctx.createOption) : void 0
100
101
  }, {
101
102
  class: _ctx.$attrs.class,
102
103
  onSelect: _cache[0] || (_cache[0] = ($event) => updateModelValue($event, true)),
103
104
  onUnselect: _cache[1] || (_cache[1] = ($event) => updateModelValue($event, false)),
104
105
  "onUpdate:queryOptionsError": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:query-options-error", $event)),
105
106
  onInitModel: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("init-model"))
106
- }), createSlots({
107
- option: withCtx(({ option, selected, model, search }) => [
108
- renderSlot(_ctx.$slots, "option", {
109
- option,
110
- selected,
111
- model,
112
- search
113
- })
114
- ]),
115
- _: 2
116
- }, [
107
+ }), createSlots({ _: 2 }, [
117
108
  _ctx.$slots.title ? {
118
109
  name: "title",
119
110
  fn: withCtx(() => [
@@ -128,12 +119,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
128
119
  ]),
129
120
  key: "1"
130
121
  } : void 0,
131
- _ctx.$slots.right?.()?.length ? {
122
+ _ctx.$slots.option ? {
123
+ name: "option",
124
+ fn: withCtx(({ option, selected, model, search }) => [
125
+ renderSlot(_ctx.$slots, "option", {
126
+ option,
127
+ selected,
128
+ model,
129
+ search
130
+ })
131
+ ]),
132
+ key: "2"
133
+ } : void 0,
134
+ _ctx.$slots.right ? {
132
135
  name: "right",
133
136
  fn: withCtx(() => [
134
137
  renderSlot(_ctx.$slots, "right")
135
138
  ]),
136
- key: "2"
139
+ key: "3"
137
140
  } : void 0
138
141
  ]), 1040, ["class"]);
139
142
  };
package/dist/components/Select/components/SelectAsyncPrefix.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAWtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAiLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA5JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA6KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA3LvE,wBA2L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
1
+ {"version":3,"file":"SelectAsyncPrefix.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/components/SelectAsyncPrefix.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAC,sBAAsB,EAAE,qBAAqB,EAA6B,MAAM,UAAU,CAAA;yBAWtF,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,eAAe,SAAS,qBAAqB,CAAC,IAAI,CAAC,eAC5H,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmLxD,mBAAmB,CAAC;;;;oPAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;kBA9JD,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;kBAAjE,CAAC,KAAK,EAAE;YAAC,MAAM,EAAE,IAAI,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC,KAAK,IAAI;;;YAdvE,UAAU,SAAS,KAAK,GAAG,IAAI;YAC/B,iBAAiB,SAAS,OAAO,GAAG,IAAI;YACxC,mBAAmB,SAAS,KAAK,EAAE,GAAG,IAAI;;;;;YA+KJ,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7LvE,wBA6L4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
package/dist/components/Select/components/SelectAsyncPrefix.vue.js CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createVNode, withCtx, renderSlot, createElementVNode, toDisplayString, unref, normalizeClass, withModifiers, createCommentVNode } from 'vue';
1
+ import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, createVNode, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString, unref, normalizeClass, withModifiers, createCommentVNode } from 'vue';
2
2
  import IconCancel from '../../../assets/icons/default/IconCancel.svg.js';
3
3
  import { numberFormatter } from '../../../utils/utils.js';
4
4
  import _sfc_main$1 from './SelectAsyncPrefixPage.vue.js';
@@ -50,16 +50,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
50
50
  "value-getter": _ctx.valueGetter,
51
51
  onUnselect: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("unselect", $event)),
52
52
  "onUpdate:fetching": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:fetching", $event))
53
- }, {
54
- default: withCtx(({ option, skeleton, index }) => [
55
- renderSlot(_ctx.$slots, "default", {
56
- option,
57
- index,
58
- skeleton
59
- })
60
- ]),
61
- _: 3
62
- }, 8, ["use-query-fn", "query-params", "option-component", "option-component-props", "disable-clear", "loading", "disabled", "preview-data", "created-data", "value-getter"]),
53
+ }, createSlots({ _: 2 }, [
54
+ _ctx.$slots.default ? {
55
+ name: "default",
56
+ fn: withCtx(({ option, skeleton, index }) => [
57
+ renderSlot(_ctx.$slots, "default", {
58
+ option,
59
+ index,
60
+ skeleton
61
+ })
62
+ ]),
63
+ key: "0"
64
+ } : void 0
65
+ ]), 1032, ["use-query-fn", "query-params", "option-component", "option-component-props", "disable-clear", "loading", "disabled", "preview-data", "created-data", "value-getter"]),
63
66
  _ctx.modelValue.length > PAGE_LENGTH ? (openBlock(), createElementBlock("div", _hoisted_1, [
64
67
  createElementVNode("div", null, "... " + toDisplayString(unref(numberFormatter).format(_ctx.modelValue.length)) + " items", 1),
65
68
  !_ctx.disableClear && !_ctx.disabled ? (openBlock(), createElementBlock("button", {
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "type": "git",
5
5
  "url": "https://github.com/rsmple/eco-vue-js.git"
6
6
  },
7
- "version": "0.9.29",
7
+ "version": "0.10.0",
8
8
  "scripts": {
9
9
  "build": "run-p type-check \"build-only {@}\" --",
10
10
  "preview": "vite preview",
@@ -71,8 +71,9 @@
71
71
  "./dist/types/types.d.ts": {
72
72
  "import": "./dist/types/types.d.ts"
73
73
  },
74
- "./tailwind-base/index.cjs": {
75
- "require": "./tailwind-base/index.cjs"
74
+ "./tailwind-base": {
75
+ "import": "./tailwind-base/index.ts",
76
+ "require": "./tailwind-base/index.ts"
76
77
  },
77
78
  "./eslint/plugin": {
78
79
  "import": "./eslint/plugin.js"
package/tailwind-base/{index.cjs → index.ts} RENAMED
@@ -1,7 +1,21 @@
1
- /** @type {import('tailwindcss').Config} */
2
- const colors = require('tailwindcss/colors')
1
+ import type {Config} from 'tailwindcss'
3
2
 
4
- module.exports = {
3
+ import colors from 'tailwindcss/colors.js'
4
+
5
+ import pluginDefault from './plugins/default.js'
6
+ import animations from './theme/animations.js'
7
+ import score from './theme/score.js'
8
+ import severity from './theme/severity.js'
9
+ import sizes from './theme/sizes.js'
10
+
11
+ const tailwindBase = {
12
+ darkMode: ['variant', [
13
+ '.dark &:not(:is(.light *))',
14
+ ]],
15
+ content: [
16
+ './node_modules/eco-vue-js/dist/components/**/*.vue.js',
17
+ './node_modules/eco-vue-js/dist/components/**/*.js',
18
+ ],
5
19
  theme: {
6
20
  colors: {
7
21
  current: 'currentColor',
@@ -36,34 +50,34 @@ module.exports = {
36
50
  info: '#82adff',
37
51
  'info-dark': '#407ae5',
38
52
 
39
- severity: require('./theme/severity.cjs'),
40
- score: require('./theme/score.cjs'),
53
+ severity,
54
+ score,
41
55
 
42
56
  transparent: 'transparent',
43
57
  },
44
58
  extend: {
45
- ...require('./theme/sizes.cjs'),
46
- ...require('./theme/animations.cjs'),
59
+ ...sizes,
60
+ ...animations,
47
61
  screens: {
48
- 'xs': '480px',
49
- 'sm': '640px',
50
- 'md': '768px',
51
- 'lg': '1024px',
52
- 'xl': '1280px',
62
+ xs: '480px',
63
+ sm: '640px',
64
+ md: '768px',
65
+ lg: '1024px',
66
+ xl: '1280px',
53
67
  '2xl': '1536px',
54
68
  '3xl': '1728px',
55
69
  '4xl': '1920px',
56
70
  '5xl': '2560px',
57
71
 
58
- 'xs-not': {'max': '479px'},
59
- 'sm-not': {'max': '639px'},
60
- 'md-not': {'max': '767px'},
61
- 'lg-not': {'max': '1023px'},
62
- 'xl-not': {'max': '1279px'},
63
- '2xl-not': {'max': '1535px'},
64
- '3xl-not': {'max': '1727px'},
65
- '4xl-not': {'max': '1919px'},
66
- '5xl-not': {'max': '2559px'},
72
+ 'xs-not': {max: '479px'},
73
+ 'sm-not': {max: '639px'},
74
+ 'md-not': {max: '767px'},
75
+ 'lg-not': {max: '1023px'},
76
+ 'xl-not': {max: '1279px'},
77
+ '2xl-not': {max: '1535px'},
78
+ '3xl-not': {max: '1727px'},
79
+ '4xl-not': {max: '1919px'},
80
+ '5xl-not': {max: '2559px'},
67
81
  },
68
82
  scale: {
69
83
  120: '1.2',
@@ -90,7 +104,7 @@ module.exports = {
90
104
  3: '3',
91
105
  },
92
106
  overflow: {
93
- 'overlay': 'overlay',
107
+ overlay: 'overlay',
94
108
  },
95
109
  },
96
110
  fontFamily: {
@@ -100,6 +114,8 @@ module.exports = {
100
114
  },
101
115
  },
102
116
  plugins: [
103
- require('./plugins/default.cjs'),
117
+ pluginDefault,
104
118
  ],
105
- }
119
+ } satisfies Config
120
+
121
+ export default tailwindBase
package/tailwind-base/plugins/{default.cjs → default.ts} RENAMED
@@ -1,6 +1,6 @@
1
- const plugin = require('tailwindcss/plugin')
1
+ import plugin from 'tailwindcss/plugin.js'
2
2
 
3
- module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
3
+ const pluginDefault = plugin(function ({matchUtilities, addVariant, addUtilities, addBase, theme, addComponents, config}) {
4
4
  matchUtilities(
5
5
  {
6
6
  square: (value) => {
@@ -56,11 +56,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
56
56
 
57
57
  return Array(4).fill(undefined).reduce(
58
58
  (current, _, index) => {
59
- const widthValue = `calc(((100% / ${index + 2}) * var(--split-to-chunks-span, 1)) - (var(--split-to-chunks-gap, 16px) * ${(index + 1)} / ${(index + 2)}))`
59
+ const widthValue = `calc(((100% / ${ index + 2 }) * var(--split-to-chunks-span, 1)) - (var(--split-to-chunks-gap, 16px) * ${ (index + 1) } / ${ (index + 2) }))`
60
60
 
61
61
  return {
62
62
  ...current,
63
- [`@media (min-width: ${value * (index + 2) + (index < 1 ? 2 : 25.25)}${unit})`]: {
63
+ [`@media (min-width: ${ value * (index + 2) + (index < 1 ? 2 : 25.25) }${ unit })`]: {
64
64
  width: widthValue,
65
65
  minWidth: widthValue,
66
66
  },
@@ -99,16 +99,16 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
99
99
  'max-width': 'calc(100vw - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
100
100
  },
101
101
  '.w-inner': {
102
- 'width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
102
+ width: 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
103
103
  },
104
104
  '.min-w-inner': {
105
105
  'min-width': 'calc(100vw - var(--actions-bar-width) - var(--nav-bar-width) - var(--inner-margin) - var(--inner-margin) - var(--scroll-bar-width))',
106
106
  },
107
107
  '.left-inner': {
108
- 'left': 'calc(var(--nav-bar-width) + var(--inner-margin))',
108
+ left: 'calc(var(--nav-bar-width) + var(--inner-margin))',
109
109
  },
110
110
  '.right-inner': {
111
- 'right': 'calc(var(--actions-bar-width) + var(--inner-margin))',
111
+ right: 'calc(var(--actions-bar-width) + var(--inner-margin))',
112
112
  },
113
113
  })
114
114
 
@@ -124,7 +124,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
124
124
 
125
125
  addBase({
126
126
  '.w-input': {
127
- 'outline': 'none',
127
+ outline: 'none',
128
128
 
129
129
  '--input-autofill-bg': theme('colors.default'),
130
130
  '--input-autofull-text': theme('colors.black.default'),
@@ -134,24 +134,24 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
134
134
  },
135
135
 
136
136
  '&:focus-visible': {
137
- 'outline': 'none',
137
+ outline: 'none',
138
138
  },
139
139
 
140
140
  '&[autocomplete="off"]': {
141
141
  '&::-webkit-contacts-auto-fill-button, &::-webkit-credentials-auto-fill-button': {
142
- 'visibility': 'hidden',
143
- 'display': 'none !important',
142
+ visibility: 'hidden',
143
+ display: 'none !important',
144
144
  'pointer-events': 'none',
145
- 'height': '0',
146
- 'width': '0',
147
- 'margin': '0',
145
+ height: '0',
146
+ width: '0',
147
+ margin: '0',
148
148
  },
149
149
  },
150
150
 
151
151
  '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
152
152
  '-webkit-appearance': 'none',
153
- 'appearance': 'none',
154
- 'margin': '0',
153
+ appearance: 'none',
154
+ margin: '0',
155
155
  },
156
156
 
157
157
  '&:-webkit-autofill': {
@@ -163,11 +163,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
163
163
 
164
164
  '&[type=number]': {
165
165
  '-moz-appearance': 'textfield',
166
- 'appearance': 'textfield',
166
+ appearance: 'textfield',
167
167
  },
168
168
 
169
169
  '&::-webkit-textfield-decoration-container, &:focus::-webkit-textfield-decoration-container': {
170
- 'visibility': 'hidden',
170
+ visibility: 'hidden',
171
171
  'pointer-events': 'none',
172
172
  },
173
173
  },
@@ -176,12 +176,12 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
176
176
  addBase({
177
177
  '.w-scrollbar': {
178
178
  '&::-webkit-scrollbar, & ::-webkit-scrollbar': {
179
- 'width': '12px',
180
- 'height': '12px',
179
+ width: '12px',
180
+ height: '12px',
181
181
  'z-index': '500',
182
182
  },
183
183
  '&::-webkit-scrollbar-button, & ::-webkit-scrollbar-button': {
184
- 'display': 'none',
184
+ display: 'none',
185
185
  },
186
186
  '&::-webkit-scrollbar-thumb, & ::-webkit-scrollbar-thumb': {
187
187
  'border-radius': '5px',
@@ -195,7 +195,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
195
195
  },
196
196
  },
197
197
  '&::-webkit-scrollbar-track, & ::-webkit-scrollbar-track, &::-webkit-scrollbar-corner, & ::-webkit-scrollbar-corner': {
198
- 'background': 'transparent',
198
+ background: 'transparent',
199
199
  },
200
200
  },
201
201
  'html.w-scrollbar': {
@@ -207,18 +207,18 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
207
207
  },
208
208
  },
209
209
  'textarea::-webkit-resizer': {
210
- 'transform': 'scale(2)',
210
+ transform: 'scale(2)',
211
211
  'transform-origin': 'top left',
212
212
  'background-size': '7px 7px',
213
213
  'background-position': 'top',
214
214
  'background-image': 'linear-gradient(135deg, currentColor 10%, transparent 10%, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 100%)',
215
- 'color': theme('colors.gray.300'),
215
+ color: theme('colors.gray.300'),
216
216
  [config('darkMode')[1][0]]: {
217
- 'color': theme('colors.gray.700'),
217
+ color: theme('colors.gray.700'),
218
218
  },
219
219
  },
220
220
  '*:focus-visible': {
221
- 'outline': 'none',
221
+ outline: 'none',
222
222
  },
223
223
  })
224
224
 
@@ -251,7 +251,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
251
251
  },
252
252
  '.no-scrollbar': {
253
253
  '&::-webkit-scrollbar': {
254
- 'display': 'none',
254
+ display: 'none',
255
255
  },
256
256
  },
257
257
  '.overflow-y-overlay': {
@@ -274,15 +274,15 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
274
274
 
275
275
  addComponents({
276
276
  '.text-accent': {
277
- 'color': theme('colors.black.default'),
277
+ color: theme('colors.black.default'),
278
278
  [config('darkMode')[1][0]]: {
279
- 'color': theme('colors.gray.200'),
279
+ color: theme('colors.gray.200'),
280
280
  },
281
281
  },
282
282
  '.text-description': {
283
- 'color': theme('colors.gray.400'),
283
+ color: theme('colors.gray.400'),
284
284
  [config('darkMode')[1][0]]: {
285
- 'color': theme('colors.gray.500'),
285
+ color: theme('colors.gray.500'),
286
286
  },
287
287
  },
288
288
  '.text-secure': {
@@ -294,48 +294,48 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
294
294
  addUtilities({
295
295
  '.w-ripple': {
296
296
  '&::before, &-has-only::before': {
297
- 'content': '""',
298
- 'position': 'absolute',
299
- 'top': '0',
300
- 'left': '0',
301
- 'height': '100%',
302
- 'width': '100%',
297
+ content: '""',
298
+ position: 'absolute',
299
+ top: '0',
300
+ left: '0',
301
+ height: '100%',
302
+ width: '100%',
303
303
  'border-radius': 'inherit',
304
304
  'background-color': 'currentColor',
305
305
  'pointer-events': 'none',
306
306
  'user-select': 'none',
307
- 'opacity': '0',
307
+ opacity: '0',
308
308
  'transition-property': 'opacity',
309
309
  'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
310
310
  'transition-duration': '100ms',
311
311
  },
312
312
 
313
313
  '&:active::before': {
314
- 'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
314
+ opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
315
315
  },
316
316
  },
317
317
 
318
318
  '.w-ripple-trigger:active': {
319
319
  '.w-ripple::before, &.w-ripple::before': {
320
- 'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
320
+ opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
321
321
  },
322
322
  },
323
323
 
324
324
  '.w-ripple-trigger-has:has(.w-ripple-has:active)': {
325
325
  '.w-ripple-has-only::before, &.w-ripple-has-only::before': {
326
- 'opacity': 'calc(var(--w-ripple-opacity, 0.10) * 2)',
326
+ opacity: 'calc(var(--w-ripple-opacity, 0.10) * 2)',
327
327
  },
328
328
  },
329
329
 
330
330
  '.w-ripple-hover:not(:active):hover, .w-ripple-trigger:not(:active):hover .w-ripple-hover, .w-ripple-hover:not(:active):focus, .w-ripple-trigger:not(:active):focus .w-ripple-hover': {
331
331
  '& .w-ripple:not(:active)::before, &.w-ripple::before': {
332
- 'opacity': 'var(--w-ripple-opacity, 0.10)',
332
+ opacity: 'var(--w-ripple-opacity, 0.10)',
333
333
  },
334
334
  },
335
335
 
336
336
  '.w-ripple-trigger-has:has(.w-ripple-has:not(:active):hover) .w-ripple-hover, .w-ripple-trigger-has:has(.w-ripple-has:not(:active):focus) .w-ripple-hover': {
337
337
  '& .w-ripple-has-only:not(:active)::before, &.w-ripple-has-only::before': {
338
- 'opacity': 'var(--w-ripple-opacity, 0.10)',
338
+ opacity: 'var(--w-ripple-opacity, 0.10)',
339
339
  },
340
340
  },
341
341
  })
@@ -343,32 +343,32 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
343
343
  addUtilities({
344
344
  '.w-hover-circle': {
345
345
  '&::after': {
346
- 'content': '""',
347
- 'position': 'absolute',
348
- 'top': '0',
349
- 'left': '0',
350
- 'height': '100%',
351
- 'width': '100%',
346
+ content: '""',
347
+ position: 'absolute',
348
+ top: '0',
349
+ left: '0',
350
+ height: '100%',
351
+ width: '100%',
352
352
  'border-radius': '9999px',
353
353
  'z-index': '1',
354
354
  'background-color': 'currentColor',
355
355
  'pointer-events': 'none',
356
356
  'user-select': 'none',
357
- 'opacity': '0',
358
- 'transform': 'scaleX(0.5) scaleY(0.5)',
357
+ opacity: '0',
358
+ transform: 'scaleX(0.5) scaleY(0.5)',
359
359
  'transition-property': 'opacity transform',
360
360
  'transition-timing-function': 'cubic-bezier(0.4, 0, 0.2, 1)',
361
361
  'transition-duration': '200ms',
362
362
  },
363
363
 
364
364
  '&:hover::after, .w-hover-circle-trigger:hover &::after, &:focus::after, .w-hover-circle-trigger:focus &::after': {
365
- 'opacity': 'var(--w-hover-circle-opacity, 0.10)',
366
- 'transform': 'scaleX(2.2) scaleY(2.2)',
365
+ opacity: 'var(--w-hover-circle-opacity, 0.10)',
366
+ transform: 'scaleX(2.2) scaleY(2.2)',
367
367
  },
368
368
 
369
369
  '&:active::after, .w-hover-circle-trigger:active &::after': {
370
- 'opacity': 'var(--w-hover-circle-opacity, 0.10)',
371
- 'transform': 'scaleX(1.8) scaleY(1.8)',
370
+ opacity: 'var(--w-hover-circle-opacity, 0.10)',
371
+ transform: 'scaleX(1.8) scaleY(1.8)',
372
372
  },
373
373
  },
374
374
  })
@@ -394,22 +394,22 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
394
394
  addUtilities({
395
395
  '.w-progress-striped': {
396
396
  '&::before': {
397
- 'content': '""',
397
+ content: '""',
398
398
  'background-image': 'linear-gradient(135deg, hsla(0,0%,100%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,100%,.125) 0, hsla(0,0%,100%,.125) 75%, transparent 0, transparent)',
399
- 'position': 'absolute',
400
- 'top': '0',
401
- 'left': '0',
402
- 'width': 'calc(100% + 40px)',
403
- 'height': '100%',
399
+ position: 'absolute',
400
+ top: '0',
401
+ left: '0',
402
+ width: 'calc(100% + 40px)',
403
+ height: '100%',
404
404
  'background-repeat': 'repeat',
405
405
  'background-size': '40px 40px',
406
- 'animation': theme('animation.move-horizontal'),
406
+ animation: theme('animation.move-horizontal'),
407
407
  },
408
408
  [config('darkMode')[1][0]]: {
409
409
  '&::before': {
410
410
  'background-image': 'linear-gradient(135deg, hsla(0,0%,10%,.125) 25%, transparent 0, transparent 50%, hsla(0,0%,10%,.125) 0, hsla(0,0%,10%,.125) 75%, transparent 0, transparent)',
411
411
  },
412
- }
412
+ },
413
413
  },
414
414
  })
415
415
 
@@ -419,7 +419,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
419
419
  'padding-bottom': '0.3125rem',
420
420
  'align-items': 'center',
421
421
  'white-space': 'nowrap',
422
- 'overflow': 'hidden',
422
+ overflow: 'hidden',
423
423
  'text-overflow': 'ellipsis',
424
424
  },
425
425
  '.group\\/model .w-select-field': {
@@ -428,20 +428,20 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
428
428
  },
429
429
 
430
430
  '.w-skeleton': {
431
- 'position': 'relative',
432
- 'width': 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
433
- 'height': 'var(--skeleton-height)',
431
+ position: 'relative',
432
+ width: 'var(--skeleton-width,var(--skeleton-width-internal,70%))',
433
+ height: 'var(--skeleton-height)',
434
434
  'border-radius': 'var(--skeleton-rounded,0.5rem)',
435
- 'overflow': 'hidden',
436
- 'cursor': 'progress',
435
+ overflow: 'hidden',
436
+ cursor: 'progress',
437
437
  '&:not(.w-skeleton-static):before': {
438
- 'content': '""',
439
- 'position': 'absolute',
440
- 'top': '0',
441
- 'width': '100%',
442
- 'height': '100%',
438
+ content: '""',
439
+ position: 'absolute',
440
+ top: '0',
441
+ width: '100%',
442
+ height: '100%',
443
443
  'background-image': 'linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0))',
444
- 'animation': theme('animation.ticker'),
444
+ animation: theme('animation.ticker'),
445
445
 
446
446
  [config('darkMode')[1][0]]: {
447
447
  'background-image': 'linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.01),rgba(255,255,255,0))',
@@ -450,8 +450,8 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
450
450
  },
451
451
  '.w-skeleton-static': {
452
452
  '& .w-skeleton:before, &.w-skeleton:before': {
453
- 'display': 'none',
454
- 'animation': 'none',
453
+ display: 'none',
454
+ animation: 'none',
455
455
  },
456
456
  },
457
457
  })
@@ -495,3 +495,5 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
495
495
  },
496
496
  )
497
497
  })
498
+
499
+ export default pluginDefault
package/tailwind-base/theme/{animations.cjs → animations.ts} RENAMED
@@ -1,5 +1,4 @@
1
-
2
- module.exports = {
1
+ export default {
3
2
  keyframes: {
4
3
  ticker: {
5
4
  from: {
package/tailwind-base/theme/{score.cjs → score.ts} RENAMED
@@ -1,5 +1,4 @@
1
-
2
- module.exports = {
1
+ export default {
3
2
  critical: {
4
3
  bg: '#ff73bb30',
5
4
  text: '#f95f95',
package/tailwind-base/theme/{severity.cjs → severity.ts} RENAMED
@@ -1,5 +1,4 @@
1
-
2
- module.exports = {
1
+ export default {
3
2
  critical: {
4
3
  bg: '#ff757520',
5
4
  text: '#FF7171',
package/tailwind-base/theme/{sizes.cjs → sizes.ts} RENAMED
@@ -1,6 +1,5 @@
1
-
2
1
  const extend = {
3
- '1.25': '0.3125rem',
2
+ 1.25: '0.3125rem',
4
3
  6: '1.5rem',
5
4
  10: '2.5rem',
6
5
  11: '2.75rem',
@@ -12,13 +11,13 @@ const extend = {
12
11
  36: '9rem',
13
12
  }
14
13
 
15
- module.exports = {
14
+ export default {
16
15
  height: {
17
- '8.5': '2.125rem',
16
+ 8.5: '2.125rem',
18
17
  18: '4.5rem',
19
18
  },
20
19
  width: {
21
- '8.5': '2.125rem',
20
+ 8.5: '2.125rem',
22
21
  18: '4.5rem',
23
22
  },
24
23
  maxWidth: extend,