eco-vue-js 0.10.32 → 0.10.34

package/dist/assets/icons/sax/IconAddSquare.svg.js

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 40 40"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -15,7 +15,7 @@ function render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
-      d: "M13.333 20h13.334M20 26.667V13.334M15 36.667h10c8.333 0 11.667-3.334 11.667-11.667V15c0-8.333-3.334-11.666-11.667-11.666H15C6.667 3.334 3.333 6.667 3.333 15v10c0 8.334 3.334 11.667 11.667 11.667"
+      d: "M8 12h8M12 16V8M9 22h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9v6c0 5 2 7 7 7"
     }, null, -1)
   ])))
 }

package/dist/assets/icons/sax/{IconOutlineEdit.svg.js → IconEditSquare.svg.js}

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 40 40"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -15,7 +15,7 @@ function render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
-      d: "M18.333 3.333H15C6.667 3.333 3.333 6.667 3.333 15v10c0 8.333 3.334 11.667 11.667 11.667h10c8.333 0 11.667-3.334 11.667-11.667v-3.333"
+      d: "M11 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2"
     }, null, -1),
     createElementVNode("path", {
       stroke: "currentColor",
@@ -23,7 +23,7 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M26.733 5.033 13.6 18.167c-.5.5-1 1.483-1.1 2.2l-.717 5.016c-.266 1.817 1.017 3.084 2.834 2.834l5.016-.717c.7-.1 1.684-.6 2.2-1.1l13.134-13.133c2.266-2.267 3.333-4.9 0-8.234s-5.967-2.266-8.234 0"
+      d: "M16.04 3.02 8.16 10.9c-.3.3-.6.89-.66 1.32l-.43 3.01c-.16 1.09.61 1.85 1.7 1.7l3.01-.43c.42-.06 1.01-.36 1.32-.66l7.88-7.88c1.36-1.36 2-2.94 0-4.94s-3.58-1.36-4.94 0"
     }, null, -1),
     createElementVNode("path", {
       stroke: "currentColor",
@@ -31,10 +31,10 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M24.85 6.917a11.91 11.91 0 0 0 8.233 8.233"
+      d: "M14.91 4.15a7.14 7.14 0 0 0 4.94 4.94"
     }, null, -1)
   ])))
 }
-const IconOutlineEdit = { render: render };
+const IconEditSquare = { render: render };
 
-export { IconOutlineEdit as default, render };
+export { IconEditSquare as default, render };

package/dist/assets/icons/sax/IconFilter.svg.js

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 40 40"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -16,7 +16,7 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M9 3.5h22c1.833 0 3.333 1.5 3.333 3.333V10.5c0 1.333-.833 3-1.666 3.833L25.5 20.666c-1 .834-1.667 2.5-1.667 3.834v7.166c0 1-.666 2.334-1.5 2.834L20 36c-2.167 1.333-5.167-.167-5.167-2.834v-8.833c0-1.167-.667-2.667-1.333-3.5l-6.333-6.667c-.834-.833-1.5-2.333-1.5-3.333V7c0-2 1.5-3.5 3.333-3.5M18.217 3.5 10 16.666"
+      d: "M5.4 2.1h13.2c1.1 0 2 .9 2 2v2.2c0 .8-.5 1.8-1 2.3l-4.3 3.8c-.6.5-1 1.5-1 2.3V19c0 .6-.4 1.4-.9 1.7l-1.4.9c-1.3.8-3.1-.1-3.1-1.7v-5.3c0-.7-.4-1.6-.8-2.1l-3.8-4c-.5-.5-.9-1.4-.9-2V4.2c0-1.2.9-2.1 2-2.1M10.93 2.1 6 10"
     }, null, -1)
   ])))
 }

package/dist/assets/icons/sax/{IconOutlineFolderAdd.svg.js → IconFolderAdd.svg.js}

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 40 40"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -16,16 +16,16 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M20.1 27.5v-8.333M24.167 23.333h-8.334"
+      d: "M12.06 16.5v-5M14.5 14h-5"
     }, null, -1),
     createElementVNode("path", {
       stroke: "currentColor",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M36.667 18.333v10c0 6.667-1.667 8.334-8.334 8.334H11.667C5 36.667 3.333 35 3.333 28.333V11.667C3.333 5 5 3.333 11.667 3.333h2.5c2.5 0 3.05.734 4 2l2.5 3.334c.633.833 1 1.333 2.666 1.333h5c6.667 0 8.334 1.667 8.334 8.333Z"
+      d: "M22 11v6c0 4-1 5-5 5H7c-4 0-5-1-5-5V7c0-4 1-5 5-5h1.5c1.5 0 1.83.44 2.4 1.2l1.5 2c.38.5.6.8 1.6.8h3c4 0 5 1 5 5Z"
     }, null, -1)
   ])))
 }
-const IconOutlineFolderAdd = { render: render };
+const IconFolderAdd = { render: render };
 
-export { IconOutlineFolderAdd as default, render };
+export { IconFolderAdd as default, render };

package/dist/assets/icons/sax/{IconOutlineCloseCircle.svg.js → IconMoon.svg.js}

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 30 30"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -15,10 +15,10 @@ function render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
-      d: "M15 27.5c6.875 0 12.5-5.625 12.5-12.5S21.875 2.5 15 2.5 2.5 8.125 2.5 15 8.125 27.5 15 27.5M11.462 18.538l7.075-7.075M18.537 18.538l-7.075-7.075"
+      d: "M2.03 12.42c.36 5.15 4.73 9.34 9.96 9.57 3.69.16 6.99-1.56 8.97-4.27.82-1.11.38-1.85-.99-1.6-.67.12-1.36.17-2.08.14C13 16.06 9 11.97 8.98 7.14c-.01-1.3.26-2.53.75-3.65.54-1.24-.11-1.83-1.36-1.3C4.41 3.86 1.7 7.85 2.03 12.42"
     }, null, -1)
   ])))
 }
-const IconOutlineCloseCircle = { render: render };
+const IconMoon = { render: render };
 
-export { IconOutlineCloseCircle as default, render };
+export { IconMoon as default, render };

package/dist/assets/icons/sax/IconSettings.svg.js

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 40 40"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -16,7 +16,7 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M20 25a5 5 0 1 0 0-10 5 5 0 0 0 0 10"
+      d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
     }, null, -1),
     createElementVNode("path", {
       stroke: "currentColor",
@@ -24,7 +24,7 @@ function render(_ctx, _cache) {
       "stroke-linejoin": "round",
       "stroke-miterlimit": "10",
       "stroke-width": "1.5",
-      d: "M3.334 21.467v-2.934A3.176 3.176 0 0 1 6.5 15.367c3.017 0 4.25-2.134 2.733-4.75A3.165 3.165 0 0 1 10.4 6.3l2.883-1.65c1.317-.783 3.017-.317 3.8 1l.184.317c1.5 2.616 3.967 2.616 5.483 0l.183-.317c.784-1.317 2.484-1.783 3.8-1l2.884 1.65a3.165 3.165 0 0 1 1.166 4.317c-1.516 2.616-.283 4.75 2.734 4.75a3.176 3.176 0 0 1 3.166 3.166v2.934a3.176 3.176 0 0 1-3.166 3.166c-3.017 0-4.25 2.134-2.734 4.75a3.16 3.16 0 0 1-1.166 4.317l-2.884 1.65c-1.316.783-3.016.317-3.8-1l-.183-.317c-1.5-2.616-3.966-2.616-5.483 0l-.183.317c-.784 1.317-2.484 1.783-3.8 1L10.4 33.7a3.165 3.165 0 0 1-1.167-4.317c1.517-2.616.284-4.75-2.733-4.75a3.176 3.176 0 0 1-3.166-3.166"
+      d: "M2 12.88v-1.76c0-1.04.85-1.9 1.9-1.9 1.81 0 2.55-1.28 1.64-2.85-.52-.9-.21-2.07.7-2.59l1.73-.99c.79-.47 1.81-.19 2.28.6l.11.19c.9 1.57 2.38 1.57 3.29 0l.11-.19c.47-.79 1.49-1.07 2.28-.6l1.73.99c.91.52 1.22 1.69.7 2.59-.91 1.57-.17 2.85 1.64 2.85 1.04 0 1.9.85 1.9 1.9v1.76c0 1.04-.85 1.9-1.9 1.9-1.81 0-2.55 1.28-1.64 2.85.52.91.21 2.07-.7 2.59l-1.73.99c-.79.47-1.81.19-2.28-.6l-.11-.19c-.9-1.57-2.38-1.57-3.29 0l-.11.19c-.47.79-1.49 1.07-2.28.6l-1.73-.99a1.9 1.9 0 0 1-.7-2.59c.91-1.57.17-2.85-1.64-2.85-1.05 0-1.9-.86-1.9-1.9"
     }, null, -1)
   ])))
 }

package/dist/assets/icons/sax/{IconOutlineCheckCircle.svg.js → IconSun.svg.js}

@@ -5,7 +5,7 @@ const _hoisted_1 = {
   width: "20",
   height: "20",
   fill: "none",
-  viewBox: "0 0 30 30"
+  viewBox: "0 0 24 24"
 };
 
 function render(_ctx, _cache) {
@@ -15,17 +15,17 @@ function render(_ctx, _cache) {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "stroke-width": "1.5",
-      d: "M15 27.5c6.875 0 12.5-5.625 12.5-12.5S21.875 2.5 15 2.5 2.5 8.125 2.5 15 8.125 27.5 15 27.5"
+      d: "M12 18.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13"
     }, null, -1),
     createElementVNode("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
-      "stroke-width": "1.5",
-      d: "m9.688 15 3.537 3.538 7.088-7.075"
+      "stroke-width": "2",
+      d: "m19.14 19.14-.13-.13m0-14.02.13-.13zM4.86 19.14l.13-.13zM12 2.08V2zM12 22v-.08zM2.08 12H2zM22 12h-.08zM4.99 4.99l-.13-.13z"
     }, null, -1)
   ])))
 }
-const IconOutlineCheckCircle = { render: render };
+const IconSun = { render: render };
 
-export { IconOutlineCheckCircle as default, render };
+export { IconSun as default, render };

package/dist/components/ActionsBar/WActionsBar.vue.d.ts

@@ -8,9 +8,11 @@ declare function __VLS_template(): {
     slots: Readonly<{
         top?: () => VNode[];
         bottom?: () => VNode[];
+        footer?: () => VNode[];
     }> & {
         top?: () => VNode[];
         bottom?: () => VNode[];
+        footer?: () => VNode[];
     };
     refs: {};
     rootEl: HTMLDivElement;

package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAiEA;AAmHA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAAoC,MAAM,KAAK,CAAA;AAOjF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC;AAuCF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;cAhH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;;cADhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;;;;EAoHvB;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WActionsBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionsBar/WActionsBar.vue"],"names":[],"mappings":"AAsEA;AA2HA,OAAO,EAAC,KAAK,SAAS,EAAE,KAAK,KAAK,EAA6C,MAAM,KAAK,CAAA;AAS1F,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAC;AAwCF,iBAAS,cAAc;WAgHT,OAAO,IAA6B;;cAvH1C,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;cAFhB,MAAM,KAAK,EAAE;iBACV,MAAM,KAAK,EAAE;iBACb,MAAM,KAAK,EAAE;;;;EA0HvB;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ActionsBar/WActionsBar.vue.js

@@ -1,14 +1,31 @@
-import { defineComponent, ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, createVNode, unref, renderSlot } from 'vue';
+import { defineComponent, ref, computed, onUnmounted, watch, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, resolveDynamicComponent, createVNode, unref, renderSlot, markRaw } from 'vue';
 import _sfc_main$1 from '../Button/WButtonAction.vue.js';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
 import IconFilter from '../../assets/icons/sax/IconFilter.svg.js';
+import '../Button/WButton.vue.js';
+import '../../utils/mobile.js';
+import '../Button/WButtonDropdown.vue.js';
+import { SemanticType } from '../../utils/SemanticType.js';
+import 'vue-router';
+import '../../utils/supportsPassive.js';
+import '../Dropdown/utils/DropdownStyle.js';
+import '../../utils/Modal.js';
+import '../Input/WInputSuggest.vue.js';
+import '../HeaderBar/use/useHeader.js';
+import '../InfoCard/models/utils.js';
+import '../Input/WInputDate.vue.js';
+import '../Link/WLink.vue.js';
+import '@tanstack/vue-query';
+import '../List/use/useListConfig.js';
+import '../Modal/use/useIsBackdrop.js';
+import '../Page/use/usePageBreadcrumbs.js';
 
 const _hoisted_1 = { class: "no-scrollbar relative col-start-1 row-span-2 grid grid-cols-[--actions-bar-filter-width] justify-self-end overflow-y-auto overflow-x-hidden overscroll-contain" };
 const _hoisted_2 = { class: "relative row-span-2 grid h-full grid-cols-1 grid-rows-subgrid overflow-x-hidden overscroll-contain" };
-const _hoisted_3 = { class: "row-start-2" };
+const _hoisted_3 = { class: "row-start-2 grid grid-rows-[1fr,auto]" };
 const _hoisted_4 = {
   key: 0,
-  class: "mx-1 my-2 h-0.5 rounded bg-gray-400 md:my-4 dark:bg-gray-600"
+  class: "mx-1 my-2 h-0.5 rounded bg-gray-200 md:my-4 dark:bg-gray-700"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WActionsBar",
@@ -61,19 +78,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["class"])
           ])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_3, [
-            renderSlot(_ctx.$slots, "top"),
-            _ctx.$slots.top && (hasFilter.value || _ctx.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
-            hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
-              key: 1,
-              title: "Filters",
-              icon: unref(IconFilter),
-              active: isOpen.value,
-              count: filterCount.value,
-              onClick: toggle
-            }, null, 8, ["icon", "active", "count"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "bottom", {}, () => [
-              _ctx.bottom ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.bottom), { key: 0 })) : createCommentVNode("", true)
-            ])
+            createElementVNode("div", null, [
+              renderSlot(_ctx.$slots, "top"),
+              _ctx.$slots.top && (hasFilter.value || _ctx.bottom || _ctx.$slots.bottom) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
+              hasFilter.value ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                title: "Filters",
+                icon: markRaw(unref(IconFilter)),
+                active: isOpen.value,
+                count: filterCount.value,
+                "semantic-type": unref(SemanticType).PRIMARY,
+                onClick: toggle
+              }, null, 8, ["icon", "active", "count", "semantic-type"])) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "bottom", {}, () => [
+                _ctx.bottom ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.bottom), { key: 0 })) : createCommentVNode("", true)
+              ])
+            ]),
+            renderSlot(_ctx.$slots, "footer")
           ])
         ])
       ], 2);

package/dist/components/BottomSheet/WBottomSheet.vue.js

@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", {
                         class: normalizeClass(["h-1 w-12 rounded-sm", {
                           "bg-gray-300": !swipeStarted.value,
-                          "bg-primary-default dark:bg-primary-dark": swipeStarted.value
+                          "bg-primary dark:bg-primary-dark": swipeStarted.value
                         }])
                       }, null, 2)
                     ]),

package/dist/components/Button/WButton.vue.d.ts

@@ -20,7 +20,6 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     semanticType: SemanticType;
     target: "_self" | "_blank" | "_parent" | "_top";
     href: string;
-    semanticTypeMap: Partial<Record<SemanticType, string>>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Button/WButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA6DA;AAsGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAQxC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AA0CjD,iBAAS,cAAc;WAmIT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;eA3MrB,YAnGgB;;;;;;6EAsTd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButton.vue"],"names":[],"mappings":"AA+DA;AA0GA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AASxC,OAAO,EAAC,YAAY,EAAyD,MAAM,sBAAsB,CAAA;AA2CzG,iBAAS,cAAc;WA4IT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;eAvNrB,YAvGgB;;;;;6EAsUd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButton.vue.js

@@ -1,9 +1,9 @@
 import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withKeys, withModifiers, withCtx, createElementVNode, createVNode, createCommentVNode, normalizeClass, renderSlot, Transition } from 'vue';
 import { RouterLink } from 'vue-router';
+import _sfc_main$2 from '../Shine/WShine.vue.js';
 import WSpinner from '../Spinner/WSpinner.vue.js';
 import _sfc_main$1 from '../Tooltip/WTooltip.vue.js';
-import { SemanticType } from '../../utils/SemanticType.js';
-import { semanticTypeButtonBorderStylesMap, semanticTypeButtonStylesMap } from './models/semanticTypeStylesMap.js';
+import { SemanticType, useSemanticTypeBorderMap, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -18,7 +18,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     href: { default: void 0 },
     target: { default: void 0 },
     join: { type: Boolean },
-    semanticTypeMap: { default: void 0 },
     tooltipText: {},
     download: {},
     to: { default: void 0 }
@@ -26,6 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
+    const semanticTypeBorderMap = useSemanticTypeBorderMap();
     const emit = __emit;
     const click = (event) => {
       if (props.disabled || props.loading) return;
@@ -37,9 +38,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: _ctx.$attrs.style,
         ..._ctx.disabled ? {} : _ctx.tag === "a" ? { href: _ctx.href, target: _ctx.target } : _ctx.to !== void 0 ? { to: _ctx.to, replace: _ctx.replace } : {}
       }, {
-        class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-0.0625rem)] relative isolate flex min-h-[--w-button-height,2.75rem] select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
-          [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonStylesMap)[_ctx.semanticType]]: true,
-          [_ctx.semanticTypeMap?.[_ctx.semanticType] ?? unref(semanticTypeButtonBorderStylesMap)[_ctx.semanticType]]: true,
+        class: ["w-ripple-rounded-[calc(var(--w-button-rounded,1rem)-1px)] relative isolate flex min-h-[--w-button-height,2.75rem] select-none items-center justify-center whitespace-nowrap rounded-[--w-button-rounded,1rem] px-[--w-button-rounded,1rem] font-medium outline-none", {
+          [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true,
+          [unref(semanticTypeBorderMap)[_ctx.semanticType]]: true,
           "w-ripple w-ripple-hover before:text-black-default w-ripple-opacity-20 dark:w-ripple-opacity-30 cursor-pointer": !_ctx.loading && !_ctx.disabled,
           "cursor-progress": _ctx.loading,
           "cursor-not-allowed opacity-70": _ctx.disabled,
@@ -76,7 +77,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
             key: 0,
             text: _ctx.tooltipText
-          }, null, 8, ["text"])) : createCommentVNode("", true)
+          }, null, 8, ["text"])) : createCommentVNode("", true),
+          !_ctx.disabled && !_ctx.loading ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
         ]),
         _: 3
       }, 16, ["class", "disabled", "download", "type", "onKeypress"]);

package/dist/components/Button/WButtonAction.vue.d.ts

@@ -7,7 +7,6 @@ interface Props extends Partial<LinkProps> {
     tag?: 'button' | 'a';
     count?: number;
     semanticType?: SemanticType;
-    outline?: boolean;
     disabled?: boolean;
     skeleton?: boolean;
     tooltipText?: string;
@@ -31,6 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     icon: SVGComponent;
     tag: "button" | "a";
     semanticType: SemanticType;
+    tooltipText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Button/WButtonAction.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AA0DA;AAAA,OAuHO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAO5C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAsBjD,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AA4BD,iBAAS,cAAc;WAiIT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA1LX,MAAM;eAvJE,YAAY;UAmJrB,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;6EAkM3B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonAction.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonAction.vue"],"names":[],"mappings":"AAwDA;AAAA,OAwGO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAU5C,OAAO,EAAC,YAAY,EAA+B,MAAM,sBAAsB,CAAA;AAE/E,UAAU,KAAM,SAAQ,OAAO,CAAC,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmCD,iBAAS,cAAc;WAiIT,OAAO,IAA6B;;sBAVvB,GAAG;;;;EAe7B;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WAjMX,MAAM;eAvHE,YAAY;UAmHrB,YAAY;SAGb,QAAQ,GAAG,GAAG;kBAEL,YAAY;iBAGb,MAAM;6EAsMpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonAction.vue.js

@@ -1,11 +1,12 @@
-import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, withDirectives, createCommentVNode, renderSlot, createElementVNode, vShow, createElementBlock, Fragment, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, normalizeClass, withDirectives, renderSlot, vShow } from 'vue';
 import { RouterLink } from 'vue-router';
 import _sfc_main$1 from '../Counter/WCounter.vue.js';
+import _sfc_main$2 from '../Shine/WShine.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
-import { SemanticType } from '../../utils/SemanticType.js';
-import _sfc_main$2 from '../Tooltip/WTooltip.vue.js';
+import _sfc_main$3 from '../Tooltip/WTooltip.vue.js';
+import { useIsBackdrop } from '../Modal/use/useIsBackdrop.js';
+import { SemanticType, useSemanticTypeBackgroundMap } from '../../utils/SemanticType.js';
 
-const _hoisted_1 = { class: "whitespace-nowrap text-center text-xs font-normal" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WButtonAction",
   props: {
@@ -15,71 +16,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tag: { default: "button" },
     count: { default: void 0 },
     semanticType: { default: SemanticType.SECONDARY },
-    outline: { type: Boolean },
     disabled: { type: Boolean },
     skeleton: { type: Boolean },
-    tooltipText: {},
+    tooltipText: { default: void 0 },
     to: { default: void 0 }
   },
   emits: ["click"],
   setup(__props) {
-    const semanticTypeStylesMap = {
-      [SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark [not:(:disabled)]:hover:text-primary-default [not:(:disabled)]:dark:hover:text-primary-dark",
-      [SemanticType.PRIMARY]: "text-default bg-primary-default dark:bg-primary-dark",
-      [SemanticType.POSITIVE]: "text-default dark:text-default-dark bg-positive dark:bg-positive-dark",
-      [SemanticType.WARNING]: "text-default dark:text-default-dark bg-warning dark:bg-warning-dark",
-      [SemanticType.NEGARIVE]: "text-default dark:text-default-dark bg-negative dark:bg-negative-dark",
-      [SemanticType.INFO]: "text-default dark:text-default-dark bg-info dark:bg-info-dark"
-    };
-    const semanticTypeOutlineStylesMap = {
-      [SemanticType.SECONDARY]: "text-description bg-default dark:bg-default-dark [not:(:disabled)]:hover:text-primary-default [not:(:disabled)]:dark:hover:text-primary-dark",
-      [SemanticType.PRIMARY]: "text-primary-default text-primary-dark",
-      [SemanticType.POSITIVE]: "text-positive dark:text-positive-dark",
-      [SemanticType.WARNING]: "text-warning dark:text-warning-dark",
-      [SemanticType.NEGARIVE]: "text-negative dark:text-negative-dark",
-      [SemanticType.INFO]: "text-info dark:text-info-dark"
-    };
+    const semanticTypeBackgroundMap = useSemanticTypeBackgroundMap();
+    const isBackdrop = useIsBackdrop();
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.to !== void 0 ? _ctx.disabled || _ctx.skeleton ? "a" : unref(RouterLink) : _ctx.tag), mergeProps(_ctx.to !== void 0 && !_ctx.disabled && !_ctx.skeleton ? { to: _ctx.to } : void 0, {
-        class: ["relative grid w-full select-none justify-items-center gap-1 py-2", {
-          "text-primary-default dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
-          [_ctx.skeleton || _ctx.disabled ? semanticTypeStylesMap[unref(SemanticType).SECONDARY] : _ctx.outline ? semanticTypeOutlineStylesMap[_ctx.semanticType] : semanticTypeStylesMap[_ctx.semanticType]]: true,
+        class: ["w-ripple-trigger group block h-[3.25rem] w-full px-1 py-0.5", {
           "cursor-not-allowed opacity-50": _ctx.disabled,
-          "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled && !_ctx.skeleton,
           "cursor-progress": _ctx.skeleton
         }],
         disabled: _ctx.disabled || _ctx.skeleton,
         onClick: _cache[0] || (_cache[0] = ($event) => !_ctx.disabled && !_ctx.skeleton && _ctx.$emit("click", $event))
       }), {
         default: withCtx(() => [
-          _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            class: "absolute left-[calc(50%-20px)] top-0 text-xs",
-            count: _ctx.count,
-            trigger: 1
-          }, null, 8, ["count"])), [
-            [vShow, _ctx.count > 0]
-          ]) : createCommentVNode("", true),
           _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+            key: 0,
+            class: "w-skeleton-w-full w-skeleton-h-auto w-skeleton-rounded-full aspect-square"
+          })) : (openBlock(), createElementBlock("div", {
             key: 1,
-            class: "w-skeleton-h-6 w-skeleton-w-6 w-skeleton-rounded-full"
-          })) : renderSlot(_ctx.$slots, "icon", { key: 2 }, () => [
-            _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
-              key: 0,
-              class: "square-6"
-            })) : createCommentVNode("", true)
-          ]),
-          createElementVNode("div", _hoisted_1, [
-            _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, {
+            class: normalizeClass(["relative grid aspect-square w-full select-none items-center justify-center gap-1 rounded-full bg-[200%_auto] [background-position:right]", {
+              "w-ripple w-ripple-hover cursor-pointer": !_ctx.disabled && !_ctx.skeleton,
+              "text-primary dark:text-primary-dark": _ctx.active && _ctx.semanticType === unref(SemanticType).SECONDARY,
+              [unref(semanticTypeBackgroundMap)[_ctx.semanticType]]: true
+            }])
+          }, [
+            _ctx.count !== void 0 ? withDirectives((openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              class: "min-w-10"
-            })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ], 64))
-          ]),
-          _ctx.tooltipText ? (openBlock(), createBlock(_sfc_main$2, {
-            key: 3,
-            text: _ctx.tooltipText,
+              class: "absolute left-0 top-0 text-xs",
+              count: _ctx.count,
+              trigger: 1
+            }, null, 8, ["count"])), [
+              [vShow, _ctx.count > 0]
+            ]) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
+                key: 0,
+                class: normalizeClass(["square-6 w-svg-stroke-width-sm transition-transform", {
+                  "group-hover:scale-120": !_ctx.disabled
+                }])
+              }, null, 8, ["class"])) : createCommentVNode("", true)
+            ]),
+            !_ctx.disabled && !unref(isBackdrop) ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true)
+          ], 2)),
+          _ctx.tooltipText || _ctx.title ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 2,
+            text: _ctx.tooltipText ?? _ctx.title,
             left: ""
           }, null, 8, ["text"])) : createCommentVNode("", true)
         ]),

package/dist/components/Button/WButtonCopy.vue.js

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(iconCopy)), {
           class: normalizeClass(["-mt-px", {
-            "text-primary-default dark:text-primary-dark": unref(copied)
+            "text-primary dark:text-primary-dark": unref(copied)
           }])
         }, null, 8, ["class"])),
         createVNode(_sfc_main$1, {

package/dist/components/Button/WButtonDropdown.vue.js

@@ -17,6 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     teleport: { type: Boolean },
     noZIndex: { type: Boolean },
     zIndex: {},
+    parentElement: {},
     horizontalAlign: { default: HorizontalAlign.LEFT_INNER },
     maxHeight: { default: 200 },
     maxWidth: { default: 320 }

package/dist/components/Button/WButtonGroup.vue.js

@@ -38,7 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     filterValue: {},
     subgrid: { type: Boolean },
     loading: { type: Boolean },
-    semanticTypeMap: {},
     download: {},
     to: {}
   },

package/dist/components/Button/WButtonMore.vue.d.ts

@@ -1,19 +1,26 @@
+import { DropdownProps } from '../Dropdown/types';
 type __VLS_Props = {
     icon?: SVGComponent;
     disabled?: boolean;
+    anchor?: DropdownProps['parentElement'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {
-            close: () => void;
-        }): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    open: () => void;
+    isOpen: Readonly<import('vue').Ref<boolean, boolean>>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAiDA;AAuFA,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAiBF,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;;yBAvGhC,IAAI;YA6FQ,GAAG;;;;EAehC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,gTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AA2DA;AA4GA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAWpD,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CACxC,CAAC;AAuCF,iBAAS,cAAc;WAoHT,OAAO,IAA6B;;yBAXpB,GAAG;;;;EAgBhC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;gGASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}