@eturnity/eturnity_reusable_components 8.40.2 → 8.40.4

package/dist/main.es91.js

@@ -2,27 +2,24 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "15",
-  height: "15",
+  width: "10",
+  height: "10",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m26.293 14.792-1.076-1.077-11.502 11.502 1.076 1.076z"
+  fill: "#fff",
+  "fill-rule": "evenodd",
+  d: "M5 10A5 5 0 1 0 5 0a5 5 0 0 0 0 10m.875-4.948V2.125h-1.75v3.802l2.066 1.55 1.05-1.4z",
+  "clip-rule": "evenodd"
 }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m25.208 26.285 1.077-1.076-11.502-11.502-1.076 1.076z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const close = { render };
+const clock_full = { render };
 export {
-  close as default,
+  clock_full as default,
   render
 };

package/dist/main.es92.js

@@ -2,34 +2,27 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "18",
-  height: "18",
+  width: "15",
+  height: "15",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M6 7H3S2 7 2 6V3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
+  fill: "#FF5656",
+  d: "m26.293 14.792-1.076-1.077-11.502 11.502 1.076 1.076z"
 }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  "fill-rule": "evenodd",
-  d: "M16 9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zM7 18a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1z",
-  "clip-rule": "evenodd"
+  fill: "#FF5656",
+  d: "m25.208 26.285 1.077-1.076-11.502-11.502-1.076 1.076z"
 }, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M15 16h-3s-1 0-1-1v-3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
-}, null, -1);
-const _hoisted_5 = [
+const _hoisted_4 = [
   _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const co_branding = { render };
+const close = { render };
 export {
-  co_branding as default,
+  close as default,
   render
 };

package/dist/main.es93.js

@@ -2,22 +2,34 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "12",
-  height: "14",
+  width: "18",
+  height: "18",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
   fill: "#263238",
-  d: "m20 19 5-5H15zM20 21l-5 5h10z"
+  d: "M6 7H3S2 7 2 6V3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  "fill-rule": "evenodd",
+  d: "M16 9a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1zM7 18a2 2 0 0 0 2-2v-5a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2zm-1-2a1 1 0 0 0 1-1v-3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1z",
+  "clip-rule": "evenodd"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M15 16h-3s-1 0-1-1v-3s0-1 1-1h3s1 0 1 1v3s0 1-1 1"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const collapse = { render };
+const co_branding = { render };
 export {
-  collapse as default,
+  co_branding as default,
   render
 };

package/dist/main.es94.js

@@ -2,15 +2,13 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "14",
+  width: "12",
   height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  stroke: "#fff",
-  "stroke-width": "1.273",
-  d: "m3 2 4 3 4-3M3 12l4-3 4 3",
-  class: "fix"
+  fill: "#263238",
+  d: "m20 19 5-5H15zM20 21l-5 5h10z"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -18,8 +16,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const collapse_all = { render };
+const collapse = { render };
 export {
-  collapse_all as default,
+  collapse as default,
   render
 };

package/dist/main.es95.js

@@ -2,13 +2,15 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "18",
-  height: "18",
+  width: "14",
+  height: "14",
   fill: "none"
 };
 const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M17 10H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1M4 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M17 0H1C.45 0 0 .45 0 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M4 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
+  stroke: "#fff",
+  "stroke-width": "1.273",
+  d: "m3 2 4 3 4-3M3 12l4-3 4 3",
+  class: "fix"
 }, null, -1);
 const _hoisted_3 = [
   _hoisted_2
@@ -16,8 +18,8 @@ const _hoisted_3 = [
 function render(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const collections = { render };
+const collapse_all = { render };
 export {
-  collections as default,
+  collapse_all as default,
   render
 };

package/dist/main.es96.js

@@ -2,25 +2,22 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "29",
-  height: "29",
-  fill: "#333"
+  width: "18",
+  height: "18",
+  fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m10.5 14 4-8 4 8z" }, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#ccc",
-  d: "m10.5 16 4 8 4-8z",
-  class: "fix"
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#263238",
+  d: "M17 10H1c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-6c0-.55-.45-1-1-1M4 16c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2M17 0H1C.45 0 0 .45 0 1v6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1M4 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"
 }, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_3 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
 }
-const compass = { render };
+const collections = { render };
 export {
-  compass as default,
+  collections as default,
   render
 };

package/dist/main.es97.js

@@ -2,32 +2,25 @@ import "./main.es3.js";
 import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "42",
-  height: "42",
-  fill: "none"
+  width: "29",
+  height: "29",
+  fill: "#333"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#B2B9C5",
-  d: "M6.2 4.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.2-1.7M6.1 32.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.1-1.7M33.9 22.5H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c3.3 0 6-2.7 6-6 0-1.7-.7-3.2-1.8-4.2-1-1.1-2.5-1.8-4.2-1.8H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.2 0 2.2 1.1 2 2.3-.2 1-1.1 1.7-2.1 1.7"
-}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "m10.5 14 4-8 4 8z" }, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#FF5656",
-  d: "m17.1 19.5-4-3-4 3v-15h8z"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#F58F46",
-  d: "m30.9 33.5-4-3-4 3v-15h8z"
+  fill: "#ccc",
+  d: "m10.5 16 4 8 4-8z",
+  class: "fix"
 }, null, -1);
-const _hoisted_5 = [
+const _hoisted_4 = [
   _hoisted_2,
-  _hoisted_3,
-  _hoisted_4
+  _hoisted_3
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
 }
-const component_library = { render };
+const compass = { render };
 export {
-  component_library as default,
+  compass as default,
   render
 };

package/dist/main.es98.js

@@ -1,20 +1,33 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "81",
-  height: "80",
+  width: "42",
+  height: "42",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" fill-rule="evenodd" d="M51.61 40.35a.2.2 0 0 0-.134-.35h-8.101l5.527-17.3c.062-.195-.172-.346-.324-.21L29.39 39.65a.2.2 0 0 0 .134.35h8.101l-5.527 17.3c-.062.195.172.346.324.21z" clip-rule="evenodd"></path><path fill="#DEE2EB" d="M27.568 15.165c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.401.032L17.367 9.83 19.8 7.397zM22.913 2.038a2.115 2.115 0 0 1 1.71 2.516c-.235 1.186-1.382 1.982-2.562 1.778L11.615 4.526 11.36.039zM25.903 19.989c.655.654.64 1.73-.031 2.401-.672.672-1.747.686-2.402.032l-9.347-9.348 2.433-2.433zM21.87 22.443c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.402.032l-8.557-8.558 2.433-2.433zM16.256 23.317c.654.654.64 1.73-.032 2.401-.672.672-1.747.687-2.402.032l-6.187-6.187 2.433-2.433z"></path><path fill="#DEE2EB" d="M20.327 7.924 8.16 20.089l-6.055-6.056C-.076 11.852-.028 8.268 2.21 6.03l4.055-4.056c2.24-2.24 5.824-2.286 8.005-.105z"></path><path fill="#DEE2EB" d="m18.947 11.41-.811.811-1.053-1.053.81-.811zM15.703 14.654l-.811.811-1.053-1.053.81-.811zM11.932 17.372l-.81.81-.527-.526.81-.81zM6.266 1.973C8.294-.054 10.162-.079 11.36.04l.26.53-.138.402-1.879.825c-.44-.35-3.445.286-3.337.177M53.43 64.835c-.654-.654-.64-1.73.032-2.401.672-.672 1.747-.686 2.401-.032l7.768 7.768-2.433 2.433zM58.085 77.962a2.115 2.115 0 0 1-1.71-2.516c.234-1.186 1.382-1.982 2.562-1.778l10.446 1.806.255 4.487zM55.095 60.011c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l9.347 9.348-2.433 2.433zM59.129 57.557c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l8.557 8.557-2.433 2.434zM64.743 56.683c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.687 2.401-.032l6.188 6.187-2.433 2.434z"></path><path fill="#DEE2EB" d="m60.671 72.076 12.166-12.165 6.055 6.056c2.182 2.181 2.135 5.765-.105 8.004l-4.055 4.055c-2.24 2.24-5.823 2.287-8.005.106z"></path><path fill="#DEE2EB" d="m62.051 68.59.811-.811 1.053 1.053-.81.811zM65.295 65.346l.811-.811 1.053 1.053-.81.811zM69.066 62.628l.81-.81.527.526-.81.81zM74.732 78.027c-2.028 2.027-3.895 2.052-5.094 1.934l-.26-.53.138-.402 1.879-.825c.44.35 3.445-.286 3.337-.177M53.43 15.165c-.654.654-.64 1.73.032 2.401.672.672 1.747.686 2.401.032l7.768-7.768-2.433-2.433zM58.085 2.038a2.115 2.115 0 0 0-1.71 2.516c.234 1.186 1.382 1.982 2.562 1.778l10.446-1.806.255-4.487zM55.095 19.989c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l9.347-9.348-2.433-2.433zM59.129 22.443c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l8.557-8.558-2.433-2.433zM64.743 23.317c-.655.654-.64 1.73.031 2.401.672.672 1.747.687 2.401.032l6.188-6.187-2.433-2.433z"></path><path fill="#DEE2EB" d="m60.671 7.924 12.166 12.165 6.055-6.056c2.182-2.181 2.135-5.765-.105-8.004l-4.055-4.056c-2.24-2.24-5.823-2.286-8.005-.105z"></path><path fill="#DEE2EB" d="m62.051 11.41.811.811 1.053-1.053-.81-.811zM65.295 14.654l.811.811 1.053-1.053-.81-.811zM69.066 17.372l.81.81.527-.526-.81-.81zM74.732 1.973C72.704-.054 70.837-.079 69.638.04l-.26.53.138.402 1.879.825c.44-.35 3.445.286 3.337.177M27.568 64.835c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.401-.032l-7.768 7.768 2.433 2.433zM22.913 77.962a2.115 2.115 0 0 0 1.71-2.516c-.235-1.186-1.382-1.982-2.562-1.778l-10.446 1.806-.255 4.487zM25.903 60.011c.655-.654.64-1.73-.031-2.401-.672-.672-1.747-.686-2.402-.032l-9.347 9.348 2.433 2.433zM21.87 57.557c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.402-.032l-8.557 8.557 2.433 2.434zM16.256 56.683c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.687-2.402-.032l-6.187 6.187 2.433 2.434z"></path><path fill="#DEE2EB" d="M20.327 72.076 8.16 59.911l-6.055 6.056c-2.182 2.181-2.134 5.765.105 8.004l4.055 4.055c2.24 2.24 5.824 2.287 8.005.106z"></path><path fill="#DEE2EB" d="m18.947 68.59-.811-.811-1.053 1.053.81.811zM15.703 65.346l-.811-.811-1.053 1.053.81.811zM11.932 62.628l-.81-.81-.527.526.81.81zM6.266 78.027c2.028 2.027 3.896 2.052 5.094 1.934l.26-.53-.138-.402-1.879-.825c-.44.35-3.445-.286-3.337-.177"></path>', 10);
-const _hoisted_12 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#B2B9C5",
+  d: "M6.2 4.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.2-1.7M6.1 32.5H38c1.1 0 2-.9 2-2s-.9-2-2-2H6c-3.3 0-6 2.7-6 6 0 1.7.7 3.2 1.8 4.2 1 1.1 2.5 1.8 4.2 1.8h32c1.1 0 2-.9 2-2s-.9-2-2-2H6c-1.2 0-2.2-1.1-2-2.3.2-1 1.1-1.7 2.1-1.7M33.9 22.5H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c3.3 0 6-2.7 6-6 0-1.7-.7-3.2-1.8-4.2-1-1.1-2.5-1.8-4.2-1.8H2c-1.1 0-2 .9-2 2s.9 2 2 2h32c1.2 0 2.2 1.1 2 2.3-.2 1-1.1 1.7-2.1 1.7"
+}, null, -1);
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#FF5656",
+  d: "m17.1 19.5-4-3-4 3v-15h8z"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createBaseVNode("path", {
+  fill: "#F58F46",
+  d: "m30.9 33.5-4-3-4 3v-15h8z"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_2,
+  _hoisted_3,
+  _hoisted_4
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5);
 }
-const consumption_tariffs = { render };
+const component_library = { render };
 export {
-  consumption_tariffs as default,
+  component_library as default,
   render
 };

package/dist/main.es99.js

@@ -1,28 +1,20 @@
 import "./main.es3.js";
-import { openBlock, createElementBlock, createElementVNode as createBaseVNode } from "./main.es6.js";
+import { openBlock, createElementBlock, createStaticVNode } from "./main.es6.js";
 const _hoisted_1 = {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "13",
-  height: "23",
+  width: "81",
+  height: "80",
   fill: "none"
 };
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#263238",
-  d: "M21.5 14.75a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 20a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M21.5 25.25a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"
-}, null, -1);
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("path", {
-  fill: "#99DB0C",
-  d: "m28.94 7.96-3.78 3.73-2.1.25.25-2.1 3.73-3.78z"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<path fill="#B2B9C5" fill-rule="evenodd" d="M51.61 40.35a.2.2 0 0 0-.134-.35h-8.101l5.527-17.3c.062-.195-.172-.346-.324-.21L29.39 39.65a.2.2 0 0 0 .134.35h8.101l-5.527 17.3c-.062.195.172.346.324.21z" clip-rule="evenodd"></path><path fill="#DEE2EB" d="M27.568 15.165c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.401.032L17.367 9.83 19.8 7.397zM22.913 2.038a2.115 2.115 0 0 1 1.71 2.516c-.235 1.186-1.382 1.982-2.562 1.778L11.615 4.526 11.36.039zM25.903 19.989c.655.654.64 1.73-.031 2.401-.672.672-1.747.686-2.402.032l-9.347-9.348 2.433-2.433zM21.87 22.443c.654.654.64 1.73-.032 2.401-.672.672-1.747.686-2.402.032l-8.557-8.558 2.433-2.433zM16.256 23.317c.654.654.64 1.73-.032 2.401-.672.672-1.747.687-2.402.032l-6.187-6.187 2.433-2.433z"></path><path fill="#DEE2EB" d="M20.327 7.924 8.16 20.089l-6.055-6.056C-.076 11.852-.028 8.268 2.21 6.03l4.055-4.056c2.24-2.24 5.824-2.286 8.005-.105z"></path><path fill="#DEE2EB" d="m18.947 11.41-.811.811-1.053-1.053.81-.811zM15.703 14.654l-.811.811-1.053-1.053.81-.811zM11.932 17.372l-.81.81-.527-.526.81-.81zM6.266 1.973C8.294-.054 10.162-.079 11.36.04l.26.53-.138.402-1.879.825c-.44-.35-3.445.286-3.337.177M53.43 64.835c-.654-.654-.64-1.73.032-2.401.672-.672 1.747-.686 2.401-.032l7.768 7.768-2.433 2.433zM58.085 77.962a2.115 2.115 0 0 1-1.71-2.516c.234-1.186 1.382-1.982 2.562-1.778l10.446 1.806.255 4.487zM55.095 60.011c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l9.347 9.348-2.433 2.433zM59.129 57.557c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.686 2.402-.032l8.557 8.557-2.433 2.434zM64.743 56.683c-.655-.654-.64-1.73.031-2.401.672-.672 1.747-.687 2.401-.032l6.188 6.187-2.433 2.434z"></path><path fill="#DEE2EB" d="m60.671 72.076 12.166-12.165 6.055 6.056c2.182 2.181 2.135 5.765-.105 8.004l-4.055 4.055c-2.24 2.24-5.823 2.287-8.005.106z"></path><path fill="#DEE2EB" d="m62.051 68.59.811-.811 1.053 1.053-.81.811zM65.295 65.346l.811-.811 1.053 1.053-.81.811zM69.066 62.628l.81-.81.527.526-.81.81zM74.732 78.027c-2.028 2.027-3.895 2.052-5.094 1.934l-.26-.53.138-.402 1.879-.825c.44.35 3.445-.286 3.337-.177M53.43 15.165c-.654.654-.64 1.73.032 2.401.672.672 1.747.686 2.401.032l7.768-7.768-2.433-2.433zM58.085 2.038a2.115 2.115 0 0 0-1.71 2.516c.234 1.186 1.382 1.982 2.562 1.778l10.446-1.806.255-4.487zM55.095 19.989c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l9.347-9.348-2.433-2.433zM59.129 22.443c-.655.654-.64 1.73.031 2.401.672.672 1.747.686 2.402.032l8.557-8.558-2.433-2.433zM64.743 23.317c-.655.654-.64 1.73.031 2.401.672.672 1.747.687 2.401.032l6.188-6.187-2.433-2.433z"></path><path fill="#DEE2EB" d="m60.671 7.924 12.166 12.165 6.055-6.056c2.182-2.181 2.135-5.765-.105-8.004l-4.055-4.056c-2.24-2.24-5.823-2.286-8.005-.105z"></path><path fill="#DEE2EB" d="m62.051 11.41.811.811 1.053-1.053-.81-.811zM65.295 14.654l.811.811 1.053-1.053-.81-.811zM69.066 17.372l.81.81.527-.526-.81-.81zM74.732 1.973C72.704-.054 70.837-.079 69.638.04l-.26.53.138.402 1.879.825c.44-.35 3.445.286 3.337.177M27.568 64.835c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.401-.032l-7.768 7.768 2.433 2.433zM22.913 77.962a2.115 2.115 0 0 0 1.71-2.516c-.235-1.186-1.382-1.982-2.562-1.778l-10.446 1.806-.255 4.487zM25.903 60.011c.655-.654.64-1.73-.031-2.401-.672-.672-1.747-.686-2.402-.032l-9.347 9.348 2.433 2.433zM21.87 57.557c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.686-2.402-.032l-8.557 8.557 2.433 2.434zM16.256 56.683c.654-.654.64-1.73-.032-2.401-.672-.672-1.747-.687-2.402-.032l-6.187 6.187 2.433 2.434z"></path><path fill="#DEE2EB" d="M20.327 72.076 8.16 59.911l-6.055 6.056c-2.182 2.181-2.134 5.765.105 8.004l4.055 4.055c2.24 2.24 5.824 2.287 8.005.106z"></path><path fill="#DEE2EB" d="m18.947 68.59-.811-.811-1.053 1.053.81.811zM15.703 65.346l-.811-.811-1.053 1.053.81.811zM11.932 62.628l-.81-.81-.527.526.81.81zM6.266 78.027c2.028 2.027 3.896 2.052 5.094 1.934l.26-.53-.138-.402-1.879-.825c-.44.35-3.445-.286-3.337-.177"></path>', 10);
+const _hoisted_12 = [
+  _hoisted_2
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_12);
 }
-const context_menu1 = { render };
+const consumption_tariffs = { render };
 export {
-  context_menu1 as default,
+  consumption_tariffs as default,
   render
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.40.2",
+  "version": "8.40.4",
   "files": [
     "dist",
     "src"

package/src/components/buttons/buttonIcon/index.vue

@@ -358,7 +358,7 @@
         default: false,
       },
       numberCount: {
-        type: String,
+        type: [String, Number],
         required: false,
         default: null,
       },

package/src/components/filter/index.vue

@@ -3,6 +3,7 @@
     <ParentDropdown
       :dropdown-text="dropdownText ? dropdownText : 'Default view'"
       :is-open="isDropdownOpen"
+      :number-of-filters-applied="numberOfFiltersApplied"
       @on-toggle="onToggleDropdown()"
     />
     <FilterSettings
@@ -74,6 +75,11 @@
       closeDropdown: {
         required: false,
       },
+      activeFilterView: {
+        type: Object,
+        default: null,
+        required: false,
+      },
     },
     data() {
       return {
@@ -82,6 +88,14 @@
         preventOutsideClick: false,
       }
     },
+    computed: {
+      numberOfFiltersApplied() {
+        const filterColumns = this.activeFilterView?.columns?.filter(
+          (column) => column.custom_view_filter !== null
+        )
+        return filterColumns?.length > 0 ? filterColumns.length : 0
+      },
+    },
     watch: {
       closeDropdown(newVal) {
         if (newVal) {

package/src/components/filter/parentDropdown.vue

@@ -6,6 +6,9 @@
     <TitleWrapper :is-open="isOpen">
       <TitleText>
         {{ dropdownText }}
+        <Counter v-if="numberOfFiltersApplied">
+          {{ numberOfFiltersApplied }}
+        </Counter>
       </TitleText>
       <ArrowWrapper>
         <Icon
@@ -43,18 +46,32 @@
     grid-template-columns: auto auto;
     align-items: center;
     justify-items: center;
-    grid-gap: 10px;
+    grid-gap: 8px;
     border: 1px solid ${(props) => props.theme.colors.grey4};
     background-color: ${(props) =>
       props.isOpen ? props.theme.colors.grey5 : props.theme.colors.white};
     border-left: none;
     border-radius: 0px 4px 4px 0px;
-    padding: 6px 14px;
+    padding: 6px 10px;
     user-select: none;
   `
 
   const TitleText = styled.div`
     font-size: 13px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `
+
+  const Counter = styled.div`
+    line-height: 18px;
+    border-radius: 8px;
+    padding: 0 8px;
+    background: ${(props) => props.theme.semanticColors.purple['100']};
+    color: ${(props) => props.theme.colors.primary};
+    display: flex;
+    align-items: center;
+    justify-content: center;
   `
 
   const ArrowWrapper = styled.div`
@@ -75,6 +92,7 @@
       IconWrapper,
       TitleWrapper,
       TitleText,
+      Counter,
       ArrowWrapper,
     },
     props: {
@@ -86,6 +104,11 @@
         required: true,
         default: 'View',
       },
+      numberOfFiltersApplied: {
+        required: false,
+        default: 0,
+        type: Number,
+      },
     },
   }
 </script>

package/src/components/icon/index.vue

@@ -44,6 +44,7 @@
   import { computed, onMounted, reactive, watch } from 'vue'
   import styled from 'vue3-styled-components'
   import { fetchIcon } from './iconCache.mjs'
+  import { rotateSvg } from '../../utils'
 
   const props = defineProps({
     disabled: {
@@ -118,6 +119,10 @@
       type: Boolean,
       default: false,
     },
+    svgRotation: {
+      type: Number,
+      default: null,
+    },
   })
 
   const Wrapper = styled('div', {
@@ -229,7 +234,9 @@
   const icon = reactive({ html: '' })
 
   const loadSvg = async () => {
-    icon.html = await fetchIcon(props.name.toLowerCase())
+    let svgString = await fetchIcon(props.name.toLowerCase())
+    if (props.svgRotation) svgString = rotateSvg(svgString, props.svgRotation)
+    icon.html = svgString
   }
 
   const counter = computed(() =>
@@ -239,4 +246,5 @@
   onMounted(() => loadSvg())
 
   watch(() => props.name, loadSvg)
+  watch(() => props.svgRotation, loadSvg)
 </script>

package/src/utils/index.js

@@ -10,3 +10,42 @@ export function debounce(fn, wait) {
     }, wait)
   }
 }
+
+/**
+ * Rotate an SVG string by wrapping the content in a <g> tag with a transform attribute
+ * Safari/WebKit fix for domToSvg (EPDM-17265)
+ * @param {String} svgString - The SVG string to rotate
+ * @param {Number} rotation - The rotation angle in degrees
+ * @returns {String} The rotated SVG string
+ */
+export function rotateSvg(svgString, rotation) {
+  // Extract viewBox, width, height
+  let viewBoxMatch = svgString.match(/viewBox\s*=\s*['"]([^'"]+)['"]/i)
+  let widthMatch = svgString.match(/width\s*=\s*['"]([^'"]+)['"]/i)
+  let heightMatch = svgString.match(/height\s*=\s*['"]([^'"]+)['"]/i)
+  let cx = 50,
+    cy = 50
+  if (viewBoxMatch) {
+    // viewBox is min-x min-y width height
+    let vb = viewBoxMatch[1].split(/\s+/)
+    if (vb.length === 4) {
+      const minX = parseFloat(vb[0])
+      const minY = parseFloat(vb[1])
+      const w = parseFloat(vb[2])
+      const h = parseFloat(vb[3])
+      if (!isNaN(minX) && !isNaN(w)) cx = minX + w / 2
+      if (!isNaN(minY) && !isNaN(h)) cy = minY + h / 2
+    }
+  } else if (widthMatch && heightMatch) {
+    const w = parseFloat(widthMatch[1])
+    const h = parseFloat(heightMatch[1])
+    if (!isNaN(w)) cx = w / 2
+    if (!isNaN(h)) cy = h / 2
+  }
+  return svgString.replace(
+    /(<svg[^>]*>)([\s\S]*)(<\/svg>)/i,
+    (m, open, content, close) => {
+      return `${open}<g transform="rotate(${rotation}, ${cx}, ${cy})">${content}</g>${close}`
+    }
+  )
+}