@solvimon/solvimon-web 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/Comparators.vue.es-BdxDqU8o.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./Button.vue.es-BC4_TItq.js"),o=require("./Avatar.vue.es-BbyE0AjW.js"),r=require("./component-ZRZIt3ZW.js"),a=require("./formatting.es-9hM8aHSg.js"),n={equals:"equals",notEquals:"does not equal",in:"equals one of",inOutput:"equals",notIn:"does not equal one of",notInOutput:"does not equal",greaterThan:"greater than",greaterThanOrEquals:"greater than or equal to",lessThan:"less than",lessThanOrEquals:"less than or equal to",empty:"is empty",notEmpty:"is not empty",contains:"contains",notContains:"does not contain",or:"or",unsupported:"unsupported",unknown:"Unknown"},s=(e=n)=>({propertyName:t,comparator:o,value:r,values:a},{hasFormatting:s}={})=>{const l=((e=n)=>[{comparator:"CONTAINS",forType:["STRING"],requiresInput:!0,symbol:"CONTAINS",label:{input:e.contains,output:e.contains}},{comparator:"NOT_CONTAINS",forType:["STRING"],requiresInput:!0,symbol:"NOT CONTAINS",label:{input:e.notContains,output:e.notContains}},{comparator:"EMPTY",forType:["STRING"],requiresInput:!1,symbol:"EMPTY",label:{input:e.empty,output:e.empty}},{comparator:"NOT_EMPTY",forType:["STRING"],requiresInput:!1,symbol:"NOT EMPTY",label:{input:e.notEmpty,output:e.notEmpty}},{comparator:"EQUALS",forType:["NUMBER","STRING","ENUM"],requiresInput:!0,symbol:"=",label:{input:e.equals,output:e.equals}},{comparator:"NOT_EQUALS",forType:["NUMBER","STRING","ENUM"],requiresInput:!0,symbol:"!=",label:{input:e.notEquals,output:e.notEquals}},{comparator:"IN",forType:["NUMBER","STRING","ENUM"],requiresInput:!0,symbol:"IN ()",label:{input:e.in,output:e.inOutput}},{comparator:"NOT_IN",forType:["NUMBER","STRING","ENUM"],requiresInput:!0,symbol:"NOT IN()",label:{input:e.notIn,output:e.notInOutput}},{comparator:"GREATER_THAN",forType:["NUMBER"],requiresInput:!0,symbol:">",label:{input:e.greaterThan,output:e.greaterThan}},{comparator:"GREATER_THAN_OR_EQUALS",forType:["NUMBER"],requiresInput:!0,symbol:">=",label:{input:e.greaterThanOrEquals,output:e.greaterThanOrEquals}},{comparator:"LESS_THAN",forType:["NUMBER"],requiresInput:!0,symbol:"<",label:{input:e.lessThan,output:e.lessThan}},{comparator:"LESS_THAN_OR_EQUALS",forType:["NUMBER"],requiresInput:!0,symbol:"<=",label:{input:e.lessThanOrEquals,output:e.lessThanOrEquals}}])(e).find(e=>e.comparator===o),p=null==a?void 0:a.reduce((t,o,r,a)=>{const n=s?`<strong class="font-semibold">${o}</strong>`:o;return r===a.length-1?`${t} ${(null==e?void 0:e.or)??"or"} ${n}`:0===r?n:[t,n].join(", ")},"");return l?["IN","NOT_IN"].includes(l.comparator)&&a?s?`<strong>${t}</strong> ${l.label.output} <strong>${p}</strong>`:`${t} ${l.label.output} ${p}`:s?`<strong class="font-semibold">${t}</strong> ${l.label.output} <strong class="font-semibold">${r}</strong>`:`${t} ${l.label.output} ${r}`:(null==e?void 0:e.unsupported)??"Unsupported comparator"},l=t=>t.every(t=>t.type===e.Comment||(t.type===e.Text&&"string"==typeof t.children&&!t.children.trim()||!(t.type!==e.Fragment||!l(t.children)))),p={class:"grow text-ellipsis overflow-hidden"},u=e.defineComponent({__name:"IconTitle",props:{title:{},subTitle:{},icon:{},variant:{default:"default"},suffix:{},size:{default:"md"},avatar:{type:Boolean,default:!1},uppercase:{type:Boolean,default:!0},resourceId:{}},setup(a){const n=a,s=e.computed(()=>{switch(n.variant){case"transparent":return"";case"warning":return"bg-gradient-to-br backdrop-blur-sm from-orange-600/20 to-yellow-200/20";case"neutral":return"bg-neutral-100";default:return"bg-gradient-to-br backdrop-blur-sm from-peach-100/20 to-mint-100/20"}});return(n,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center",{"gap-4":["md","lg"].includes(a.size),"gap-3":"sm"===a.size,"gap-2":"xs"===a.size&&"transparent"!==a.variant,"gap-1":"xs"===a.size&&"transparent"===a.variant}])},[a.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{[s.value]:!0,"w-9 h-9":["md","lg"].includes(a.size),"w-8 h-8":"sm"===a.size,"w-6 h-6":"xs"===a.size},"rounded-md flex items-center justify-center shrink-0"])},[a.icon?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{key:0,size:["sm","xs"].includes(a.size)?"xs":"md",icon:a.icon},null,8,["size","icon"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),a.avatar&&a.title?(e.openBlock(),e.createBlock(e.unref(o._sfc_main),{key:1,initials:a.title.slice(0,1),"color-hash":a.title,size:["sm","xs"].includes(a.size)?"lg":"xl"},null,8,["initials","color-hash","size"])):e.createCommentVNode("",!0),e.createElementVNode("div",p,[a.title||n.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([{"text-3xl":"lg"===a.size,"text-2xl":"md"===a.size,"text-base":"sm"===a.size,"text-xs text-gray-600":"xs"===a.size,"text-gray-900":"xs"!==a.size,uppercase:"xs"===a.size&&a.uppercase},"flex font-semibold items-center"])},[e.renderSlot(n.$slots,"prefix"),e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),e.renderSlot(n.$slots,"suffix",{},()=>[e.createTextVNode(e.toDisplayString(a.suffix),1)])],2)):e.createCommentVNode("",!0),a.subTitle||n.$slots.subTitle&&!e.unref(l)(n.$slots.subTitle({}))?(e.openBlock(),e.createBlock(e.unref(r._sfc_main),{key:1,variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"subTitle",{},()=>[e.createTextVNode(e.toDisplayString(a.subTitle),1)])]),_:3})):e.createCommentVNode("",!0)])],2))}}),i=["innerHTML"],m=e.defineComponent({__name:"Comparator",props:{propertyName:{},comparator:{},value:{},values:{},hasFormatting:{type:Boolean,default:!0},i18n:{}},setup(t){const o=t,r=e.computed(()=>({propertyName:o.propertyName,comparator:o.comparator,value:o.value??"",values:o.values??[""]}));return(o,a)=>(e.openBlock(),e.createElementBlock("span",{class:"py-0.25 px-0.5",innerHTML:e.unref(s)(t.i18n)(r.value,{hasFormatting:t.hasFormatting})},null,8,i))}}),c=e.defineComponent({__name:"Comparators",props:{comparators:{},expressionComparators:{},i18n:{},display:{default:"block"},rootClass:{}},setup:t=>(o,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.comparators?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.comparators,({meter_property:o,comparator:r,value:a,values:n},s)=>{var l,p;return e.openBlock(),e.createElementBlock("span",{key:null==o?void 0:o.id,class:e.normalizeClass({block:"block"===t.display,inline:"inline"===t.display})},[e.createVNode(m,{"property-name":(null==o?void 0:o.name)??(null==(l=t.i18n)?void 0:l.unknown)??"Unknown",comparator:r,value:a,values:n},null,8,["property-name","comparator","value","values"]),s<t.comparators.length-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(" ")+e.toDisplayString((null==(p=t.i18n)?void 0:p.and)??"and")+e.toDisplayString(" "),1)],64)):e.createCommentVNode("",!0)],2)}),128)):e.createCommentVNode("",!0),t.expressionComparators?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.expressionComparators.operands,(o,r)=>{var n,s;return e.openBlock(),e.createElementBlock("span",{key:r,class:e.normalizeClass(["bg-blue-400/25 rounded-sm px-2 mr-1",t.rootClass])},[o.meter_property?(e.openBlock(),e.createBlock(m,{key:0,"property-name":(null==(n=o.meter_property.meter_property)?void 0:n.name)??(null==(s=t.i18n)?void 0:s.unknown)??"Unknown",comparator:o.meter_property.comparator,value:o.meter_property.value,values:o.meter_property.values},null,8,["property-name","comparator","value","values"])):e.createCommentVNode("",!0),o.expression?(e.openBlock(),e.createBlock(c,{key:1,"expression-comparators":o.expression,display:t.display,i18n:t.i18n,"root-class":t.rootClass},null,8,["expression-comparators","display","i18n","root-class"])):e.createCommentVNode("",!0),r<t.expressionComparators.operands.length-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(" ")+e.toDisplayString(e.unref(a.formatEnum)(t.expressionComparators.operator).toLocaleLowerCase())+e.toDisplayString(" "),1)],64)):e.createCommentVNode("",!0)],2)}),128)):e.createCommentVNode("",!0)],64))});exports._sfc_main=c,exports._sfc_main$1=u,exports.comparatorI18nDefaults=n,exports.getFormattedComparatorList=(e=n)=>(t,o)=>t.map(t=>s(e)(t,o)).join(" and "),exports.isVnodeEmpty=l,exports.useToggleList=t=>{const o=(null==t?void 0:t.initialToggledItems)??[],r=(null==t?void 0:t.closeOthers)??!1,a=e.ref(o??[]);return{toggledItems:a,toggle:e=>((e,t=!1)=>{const o=a.value.find(t=>t===e);a.value=t?e===o?[]:[e]:o?a.value.filter(t=>t!==e):[...a.value,e]})(e,r),getIsOpen:e=>a.value.includes(e),toggleAll:e=>{0!==e.length&&(a.value.length===e.length?a.value=[]:a.value=e)}}};

package/dist/Comparators.vue.es-DdTKGB80.mjs

@@ -0,0 +1,406 @@
+import { ref, Comment, Text, Fragment, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createBlock, unref, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, withCtx, renderList, createVNode } from "vue";
+import { a as _sfc_main$3 } from "./Button.vue.es-6sBk5tBL.mjs";
+import { _ as _sfc_main$4 } from "./Avatar.vue.es-Ba8ZGfm4.mjs";
+import { _ as _sfc_main$5 } from "./component-dpA83LIN.mjs";
+import { f as formatEnum } from "./formatting.es-D5H_ySFv.mjs";
+const useToggleList = (params) => {
+  const initialToggledItems = (params == null ? void 0 : params.initialToggledItems) ?? [];
+  const closeOthers = (params == null ? void 0 : params.closeOthers) ?? false;
+  const toggledItems = ref(initialToggledItems ?? []);
+  const _toggle = (index, closeOthers2 = false) => {
+    const match = toggledItems.value.find((groupIndex) => groupIndex === index);
+    if (closeOthers2) {
+      toggledItems.value = index === match ? [] : [index];
+    } else if (match) {
+      toggledItems.value = toggledItems.value.filter((groupIndex) => groupIndex !== index);
+    } else {
+      toggledItems.value = [...toggledItems.value, index];
+    }
+  };
+  const toggle = (index) => _toggle(index, closeOthers);
+  const toggleAll = (allItems) => {
+    if (allItems.length === 0) {
+      return;
+    }
+    if (toggledItems.value.length === allItems.length) {
+      toggledItems.value = [];
+    } else {
+      toggledItems.value = allItems;
+    }
+  };
+  const getIsOpen = (index) => toggledItems.value.includes(index);
+  return { toggledItems, toggle, getIsOpen, toggleAll };
+};
+const comparatorI18nDefaults = {
+  equals: "equals",
+  notEquals: "does not equal",
+  in: "equals one of",
+  inOutput: "equals",
+  notIn: "does not equal one of",
+  notInOutput: "does not equal",
+  greaterThan: "greater than",
+  greaterThanOrEquals: "greater than or equal to",
+  lessThan: "less than",
+  lessThanOrEquals: "less than or equal to",
+  empty: "is empty",
+  notEmpty: "is not empty",
+  contains: "contains",
+  notContains: "does not contain",
+  or: "or",
+  unsupported: "unsupported",
+  unknown: "Unknown"
+};
+const getComparatorMap = (i18n = comparatorI18nDefaults) => [
+  {
+    comparator: "CONTAINS",
+    forType: ["STRING"],
+    requiresInput: true,
+    symbol: "CONTAINS",
+    label: {
+      input: i18n.contains,
+      output: i18n.contains
+    }
+  },
+  {
+    comparator: "NOT_CONTAINS",
+    forType: ["STRING"],
+    requiresInput: true,
+    symbol: "NOT CONTAINS",
+    label: {
+      input: i18n.notContains,
+      output: i18n.notContains
+    }
+  },
+  {
+    comparator: "EMPTY",
+    forType: ["STRING"],
+    requiresInput: false,
+    symbol: "EMPTY",
+    label: {
+      input: i18n.empty,
+      output: i18n.empty
+    }
+  },
+  {
+    comparator: "NOT_EMPTY",
+    forType: ["STRING"],
+    requiresInput: false,
+    symbol: "NOT EMPTY",
+    label: {
+      input: i18n.notEmpty,
+      output: i18n.notEmpty
+    }
+  },
+  {
+    comparator: "EQUALS",
+    forType: ["NUMBER", "STRING", "ENUM"],
+    requiresInput: true,
+    symbol: "=",
+    label: {
+      input: i18n.equals,
+      output: i18n.equals
+    }
+  },
+  {
+    comparator: "NOT_EQUALS",
+    forType: ["NUMBER", "STRING", "ENUM"],
+    requiresInput: true,
+    symbol: "!=",
+    label: {
+      input: i18n.notEquals,
+      output: i18n.notEquals
+    }
+  },
+  {
+    comparator: "IN",
+    forType: ["NUMBER", "STRING", "ENUM"],
+    requiresInput: true,
+    symbol: "IN ()",
+    label: {
+      input: i18n.in,
+      output: i18n.inOutput
+    }
+  },
+  {
+    comparator: "NOT_IN",
+    forType: ["NUMBER", "STRING", "ENUM"],
+    requiresInput: true,
+    symbol: "NOT IN()",
+    label: {
+      input: i18n.notIn,
+      output: i18n.notInOutput
+    }
+  },
+  {
+    comparator: "GREATER_THAN",
+    forType: ["NUMBER"],
+    requiresInput: true,
+    symbol: ">",
+    label: {
+      input: i18n.greaterThan,
+      output: i18n.greaterThan
+    }
+  },
+  {
+    comparator: "GREATER_THAN_OR_EQUALS",
+    forType: ["NUMBER"],
+    requiresInput: true,
+    symbol: ">=",
+    label: {
+      input: i18n.greaterThanOrEquals,
+      output: i18n.greaterThanOrEquals
+    }
+  },
+  {
+    comparator: "LESS_THAN",
+    forType: ["NUMBER"],
+    requiresInput: true,
+    symbol: "<",
+    label: {
+      input: i18n.lessThan,
+      output: i18n.lessThan
+    }
+  },
+  {
+    comparator: "LESS_THAN_OR_EQUALS",
+    forType: ["NUMBER"],
+    requiresInput: true,
+    symbol: "<=",
+    label: {
+      input: i18n.lessThanOrEquals,
+      output: i18n.lessThanOrEquals
+    }
+  }
+];
+const getFormattedComparator = (i18n = comparatorI18nDefaults) => {
+  return ({ propertyName, comparator, value, values }, { hasFormatting } = {}) => {
+    const comparatorEntry = getComparatorMap(i18n).find(
+      (item) => item.comparator === comparator
+    );
+    const formattedList = values == null ? void 0 : values.reduce((acc, item, index, array) => {
+      const formattedItem = hasFormatting ? `<strong class="font-semibold">${item}</strong>` : item;
+      if (index === array.length - 1) {
+        return `${acc} ${(i18n == null ? void 0 : i18n.or) ?? "or"} ${formattedItem}`;
+      }
+      if (index === 0) {
+        return formattedItem;
+      }
+      return [acc, formattedItem].join(", ");
+    }, "");
+    if (!comparatorEntry) {
+      return (i18n == null ? void 0 : i18n.unsupported) ?? "Unsupported comparator";
+    }
+    if (["IN", "NOT_IN"].includes(comparatorEntry.comparator) && values) {
+      return hasFormatting ? `<strong>${propertyName}</strong> ${comparatorEntry.label.output} <strong>${formattedList}</strong>` : `${propertyName} ${comparatorEntry.label.output} ${formattedList}`;
+    }
+    return hasFormatting ? `<strong class="font-semibold">${propertyName}</strong> ${comparatorEntry.label.output} <strong class="font-semibold">${value}</strong>` : `${propertyName} ${comparatorEntry.label.output} ${value}`;
+  };
+};
+const getFormattedComparatorList = (i18n = comparatorI18nDefaults) => {
+  return (comparators, options) => {
+    return comparators.map((item) => getFormattedComparator(i18n)(item, options)).join(" and ");
+  };
+};
+const isVnodeEmpty = (vnodes) => {
+  return vnodes.every((node) => {
+    if (node.type === Comment) {
+      return true;
+    }
+    if (node.type === Text && typeof node.children === "string" && !node.children.trim()) {
+      return true;
+    }
+    if (node.type === Fragment && isVnodeEmpty(node.children)) {
+      return true;
+    }
+    return false;
+  });
+};
+const _hoisted_1$1 = { class: "grow text-ellipsis overflow-hidden" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "IconTitle",
+  props: {
+    title: {},
+    subTitle: {},
+    icon: {},
+    variant: { default: "default" },
+    suffix: {},
+    size: { default: "md" },
+    avatar: { type: Boolean, default: false },
+    uppercase: { type: Boolean, default: true },
+    resourceId: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const gradientClasses = computed(() => {
+      switch (props.variant) {
+        case "transparent":
+          return "";
+        case "warning":
+          return "bg-gradient-to-br backdrop-blur-sm from-orange-600/20 to-yellow-200/20";
+        case "neutral":
+          return "bg-neutral-100";
+        default:
+        case "default":
+          return "bg-gradient-to-br backdrop-blur-sm from-peach-100/20 to-mint-100/20";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["flex items-center", {
+          "gap-4": ["md", "lg"].includes(__props.size),
+          "gap-3": __props.size === "sm",
+          "gap-2": __props.size === "xs" && __props.variant !== "transparent",
+          "gap-1": __props.size === "xs" && __props.variant === "transparent"
+        }])
+      }, [
+        __props.icon ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass([{
+            [gradientClasses.value]: true,
+            "w-9 h-9": ["md", "lg"].includes(__props.size),
+            "w-8 h-8": __props.size === "sm",
+            "w-6 h-6": __props.size === "xs"
+          }, "rounded-md flex items-center justify-center shrink-0"])
+        }, [
+          __props.icon ? (openBlock(), createBlock(unref(_sfc_main$3), {
+            key: 0,
+            size: ["sm", "xs"].includes(__props.size) ? "xs" : "md",
+            icon: __props.icon
+          }, null, 8, ["size", "icon"])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true),
+        __props.avatar && __props.title ? (openBlock(), createBlock(unref(_sfc_main$4), {
+          key: 1,
+          initials: __props.title.slice(0, 1),
+          "color-hash": __props.title,
+          size: ["sm", "xs"].includes(__props.size) ? "lg" : "xl"
+        }, null, 8, ["initials", "color-hash", "size"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1$1, [
+          __props.title || _ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass([{
+              "text-3xl": __props.size === "lg",
+              "text-2xl": __props.size === "md",
+              "text-base": __props.size === "sm",
+              "text-xs text-gray-600": __props.size === "xs",
+              "text-gray-900": __props.size !== "xs",
+              uppercase: __props.size === "xs" && __props.uppercase
+            }, "flex font-semibold items-center"])
+          }, [
+            renderSlot(_ctx.$slots, "prefix"),
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ]),
+            renderSlot(_ctx.$slots, "suffix", {}, () => [
+              createTextVNode(toDisplayString(__props.suffix), 1)
+            ])
+          ], 2)) : createCommentVNode("", true),
+          __props.subTitle || _ctx.$slots.subTitle && !unref(isVnodeEmpty)(_ctx.$slots.subTitle({})) ? (openBlock(), createBlock(unref(_sfc_main$5), {
+            key: 1,
+            variant: "body-sm",
+            shade: "lighter"
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "subTitle", {}, () => [
+                createTextVNode(toDisplayString(__props.subTitle), 1)
+              ])
+            ]),
+            _: 3
+          })) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Comparator",
+  props: {
+    propertyName: {},
+    comparator: {},
+    value: {},
+    values: {},
+    hasFormatting: { type: Boolean, default: true },
+    i18n: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const item = computed(() => ({
+      propertyName: props.propertyName,
+      comparator: props.comparator,
+      value: props.value ?? "",
+      values: props.values ?? [""]
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: "py-0.25 px-0.5",
+        innerHTML: unref(getFormattedComparator)(__props.i18n)(item.value, { hasFormatting: __props.hasFormatting })
+      }, null, 8, _hoisted_1);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Comparators",
+  props: {
+    comparators: {},
+    expressionComparators: {},
+    i18n: {},
+    display: { default: "block" },
+    rootClass: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        __props.comparators ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.comparators, ({ meter_property, comparator, value, values }, index) => {
+          var _a, _b;
+          return openBlock(), createElementBlock("span", {
+            key: meter_property == null ? void 0 : meter_property.id,
+            class: normalizeClass({ block: __props.display === "block", inline: __props.display === "inline" })
+          }, [
+            createVNode(_sfc_main$1, {
+              "property-name": (meter_property == null ? void 0 : meter_property.name) ?? ((_a = __props.i18n) == null ? void 0 : _a.unknown) ?? "Unknown",
+              comparator,
+              value,
+              values
+            }, null, 8, ["property-name", "comparator", "value", "values"]),
+            index < __props.comparators.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(" ") + toDisplayString(((_b = __props.i18n) == null ? void 0 : _b.and) ?? "and") + toDisplayString(" "), 1)
+            ], 64)) : createCommentVNode("", true)
+          ], 2);
+        }), 128)) : createCommentVNode("", true),
+        __props.expressionComparators ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.expressionComparators.operands, (operand, index) => {
+          var _a, _b;
+          return openBlock(), createElementBlock("span", {
+            key: index,
+            class: normalizeClass(["bg-blue-400/25 rounded-sm px-2 mr-1", __props.rootClass])
+          }, [
+            operand.meter_property ? (openBlock(), createBlock(_sfc_main$1, {
+              key: 0,
+              "property-name": ((_a = operand.meter_property.meter_property) == null ? void 0 : _a.name) ?? ((_b = __props.i18n) == null ? void 0 : _b.unknown) ?? "Unknown",
+              comparator: operand.meter_property.comparator,
+              value: operand.meter_property.value,
+              values: operand.meter_property.values
+            }, null, 8, ["property-name", "comparator", "value", "values"])) : createCommentVNode("", true),
+            operand.expression ? (openBlock(), createBlock(_sfc_main, {
+              key: 1,
+              "expression-comparators": operand.expression,
+              display: __props.display,
+              i18n: __props.i18n,
+              "root-class": __props.rootClass
+            }, null, 8, ["expression-comparators", "display", "i18n", "root-class"])) : createCommentVNode("", true),
+            index < __props.expressionComparators.operands.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+              createTextVNode(toDisplayString(" ") + toDisplayString(unref(formatEnum)(__props.expressionComparators.operator).toLocaleLowerCase()) + toDisplayString(" "), 1)
+            ], 64)) : createCommentVNode("", true)
+          ], 2);
+        }), 128)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$2 as a,
+  comparatorI18nDefaults as c,
+  getFormattedComparatorList as g,
+  isVnodeEmpty as i,
+  useToggleList as u
+};

package/dist/{ContentWithAsideLayout-D_T137tN.mjs → ContentWithAsideLayout-Ct24RV-2.mjs}

@@ -1,5 +1,5 @@
 import { inject, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode } from "vue";
-import { P as PORTAL_INJECTION_KEY } from "./component-DI3AxwdD.mjs";
+import { P as PORTAL_INJECTION_KEY } from "./component-dpA83LIN.mjs";
 function usePortal() {
   const portal = inject(PORTAL_INJECTION_KEY);
   if (!portal) {

package/dist/{ContentWithAsideLayout-BZJPhvLh.js → ContentWithAsideLayout-UHovpjZu.js}

@@ -1 +1 @@
-const e=require("vue"),o=require("./component-yWF07boR.js");const t={class:"grid w-full grid-cols-1 gap-4"},r={key:0},s={class:"flex flex-col items-start gap-6 md:flex-row"},l={class:"grid w-full grow grid-cols-1 gap-4 md:w-auto"},n={class:"grid w-full grid-cols-1 gap-4 md:w-80 md:shrink-0"};const c=((e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t})({},[["render",function(o,c){return e.openBlock(),e.createElementBlock("div",t,[o.$slots.header?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.createElementVNode("div",l,[e.renderSlot(o.$slots,"content")]),e.createElementVNode("aside",n,[e.renderSlot(o.$slots,"aside")])])])}]]);exports.ContentWithAsideLayout=c,exports.usePortal=function(){const t=e.inject(o.PORTAL_INJECTION_KEY);if(!t)throw new Error("PortalProvider is not provided");return t};
+const e=require("vue"),o=require("./component-ZRZIt3ZW.js");const t={class:"grid w-full grid-cols-1 gap-4"},r={key:0},s={class:"flex flex-col items-start gap-6 md:flex-row"},l={class:"grid w-full grow grid-cols-1 gap-4 md:w-auto"},n={class:"grid w-full grid-cols-1 gap-4 md:w-80 md:shrink-0"};const c=((e,o)=>{const t=e.__vccOpts||e;for(const[r,s]of o)t[r]=s;return t})({},[["render",function(o,c){return e.openBlock(),e.createElementBlock("div",t,[o.$slots.header?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(o.$slots,"header")])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.createElementVNode("div",l,[e.renderSlot(o.$slots,"content")]),e.createElementVNode("aside",n,[e.renderSlot(o.$slots,"aside")])])])}]]);exports.ContentWithAsideLayout=c,exports.usePortal=function(){const t=e.inject(o.PORTAL_INJECTION_KEY);if(!t)throw new Error("PortalProvider is not provided");return t};

package/dist/CustomerBillingInformation.vue.es-9rP7-RzN.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-ZRZIt3ZW.js"),i=require("./Section.vue.es-BuzTXRLP.js"),n=require("./getCountryNameByCode.es-fP52nO_7.js"),o=require("./customer.es-D42Md24r.js"),a=require("./typeGuards.es-C4nR5FkL.js"),r=["US","CA"];function l(e){if(r.includes(e.country)){const t=s([e.line1,e.line2],", "),i=s([e.state,e.postal_code]," "),o=n.getCountryNameByCode(e.country);return s([t,e.city,i,o],", ")}const t=s([e.line1,e.line2]," "),i=s([e.postal_code,e.city]," "),o=n.getCountryNameByCode(e.country);return s([t,i,e.state,o],", ")}function s(e,t){return e.filter(Boolean).join(t)}const c={key:0,class:"flex flex-col gap-2"},d={key:0},u={key:1},m={key:2},f={key:3},_={key:1},g=e.defineComponent({__name:"CustomerBillingInformation",props:{customer:{},title:{},fallbackToReference:{type:Boolean,default:!0}},setup(n){const{$t:r}=t.useIntl(),s=n,g=e.computed(()=>{if(!s.customer)return;const e=o.getCustomerName(s.customer);return s.fallbackToReference&&""===e?s.customer.reference:s.fallbackToReference||""!==e?e:void 0}),p=e.computed(()=>s.title||r({defaultMessage:"Billing information",description:"Title for the billing information",id:"customer_billing_information.title"})),b=e.computed(()=>{if(s.customer)return"individual"in s.customer?s.customer.individual.residential_address:"organization"in s.customer?s.customer.organization.registered_address:void 0});return(o,s)=>(e.openBlock(),e.createBlock(i._sfc_main,{title:p.value},{right:e.withCtx(()=>[e.renderSlot(o.$slots,"settings")]),default:e.withCtx(()=>{var i;return[n.customer?(e.openBlock(),e.createElementBlock("div",c,[g.value?(e.openBlock(),e.createElementBlock("div",d,[e.createVNode(t._sfc_main,{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Name",description:"The label for the customer name in the billing information",id:"customer_billing_information.name_label"})),1)]),_:1}),e.createVNode(t._sfc_main,{variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(g.value),1)]),_:1})])):e.createCommentVNode("",!0),(null==(i=b.value)?void 0:i.line1)?(e.openBlock(),e.createElementBlock("div",u,[e.createVNode(t._sfc_main,{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Billing address",description:"The label for the customer billing address in the billing information",id:"customer_billing_information.billing_address_label"})),1)]),_:1}),e.createVNode(t._sfc_main,{variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)(b.value)),1)]),_:1})])):e.createCommentVNode("",!0),n.customer.email?(e.openBlock(),e.createElementBlock("div",m,[e.createVNode(t._sfc_main,{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Email address",description:"The label for the customer email address in the billing information",id:"customer_billing_information.email_address_label"})),1)]),_:1}),e.createVNode(t._sfc_main,{variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.customer.email),1)]),_:1})])):e.createCommentVNode("",!0),e.unref(a.isOrganization)(n.customer)?(e.openBlock(),e.createElementBlock("div",f,[e.createVNode(t._sfc_main,{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"VAT number",description:"The label for the customer Vat number in the billing information",id:"customer_billing_information.vat_number_label"})),1)]),_:1}),e.createVNode(t._sfc_main,{variant:"body-xs"},{default:e.withCtx(()=>{var t,i;return[e.createTextVNode(e.toDisplayString(null==(i=null==(t=n.customer.organization.tax_ids)?void 0:t[0])?void 0:i.id),1)]}),_:1})])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",_,[e.createVNode(t._sfc_main,{variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"No billing information to display.",description:"Text that is being displayed when there is no active subscription in the subscriptions block",id:"customer_overview.billing_information.no_billing_information_available"})),1)]),_:1})]))]}),_:3},8,["title"]))}});exports._sfc_main=g;

package/dist/CustomerBillingInformation.vue.es-DBMl01Es.mjs

@@ -0,0 +1,175 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, createElementBlock, createVNode, createTextVNode, toDisplayString, unref, createCommentVNode, renderSlot } from "vue";
+import { a as useIntl, _ as _sfc_main$2 } from "./component-dpA83LIN.mjs";
+import { _ as _sfc_main$1 } from "./Section.vue.es-3-H1pUTB.mjs";
+import { g as getCountryNameByCode } from "./getCountryNameByCode.es-ymC9R46j.mjs";
+import { g as getCustomerName } from "./customer.es-LIW2YmLL.mjs";
+import { a as isOrganization } from "./typeGuards.es-fwUoeMCe.mjs";
+const COUNTRIES_WITH_STATE = ["US", "CA"];
+function formatAddress(address) {
+  const hasState = COUNTRIES_WITH_STATE.includes(address.country);
+  if (hasState) {
+    const street2 = joinParts([address.line1, address.line2], ", ");
+    const stateAndCode = joinParts([address.state, address.postal_code], " ");
+    const country2 = getCountryNameByCode(address.country);
+    return joinParts([street2, address.city, stateAndCode, country2], ", ");
+  }
+  const street = joinParts([address.line1, address.line2], " ");
+  const codeAndCity = joinParts([address.postal_code, address.city], " ");
+  const country = getCountryNameByCode(address.country);
+  return joinParts([street, codeAndCity, address.state, country], ", ");
+}
+function joinParts(parts, separator) {
+  return parts.filter(Boolean).join(separator);
+}
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-2"
+};
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _hoisted_5 = { key: 3 };
+const _hoisted_6 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerBillingInformation",
+  props: {
+    customer: {},
+    title: {},
+    fallbackToReference: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    const props = __props;
+    const customerName = computed(() => {
+      if (!props.customer) return void 0;
+      const name = getCustomerName(props.customer);
+      if (props.fallbackToReference && name === "") {
+        return props.customer.reference;
+      }
+      if (!props.fallbackToReference && name === "") {
+        return void 0;
+      }
+      return name;
+    });
+    const titleWithFallback = computed(() => {
+      return props.title || $t({
+        defaultMessage: "Billing information",
+        description: "Title for the billing information",
+        id: "customer_billing_information.title"
+      });
+    });
+    const address = computed(() => {
+      if (!props.customer) return void 0;
+      if ("individual" in props.customer) return props.customer.individual.residential_address;
+      if ("organization" in props.customer) return props.customer.organization.registered_address;
+      return void 0;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, { title: titleWithFallback.value }, {
+        right: withCtx(() => [
+          renderSlot(_ctx.$slots, "settings")
+        ]),
+        default: withCtx(() => {
+          var _a;
+          return [
+            __props.customer ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              customerName.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(_sfc_main$2, { variant: "caps-heading" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "Name",
+                      description: "The label for the customer name in the billing information",
+                      id: "customer_billing_information.name_label"
+                    })), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_sfc_main$2, { variant: "body-xs" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(customerName.value), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              ((_a = address.value) == null ? void 0 : _a.line1) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createVNode(_sfc_main$2, { variant: "caps-heading" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "Billing address",
+                      description: "The label for the customer billing address in the billing information",
+                      id: "customer_billing_information.billing_address_label"
+                    })), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_sfc_main$2, { variant: "body-xs" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(formatAddress)(address.value)), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              __props.customer.email ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                createVNode(_sfc_main$2, { variant: "caps-heading" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "Email address",
+                      description: "The label for the customer email address in the billing information",
+                      id: "customer_billing_information.email_address_label"
+                    })), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_sfc_main$2, { variant: "body-xs" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.customer.email), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              unref(isOrganization)(__props.customer) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createVNode(_sfc_main$2, { variant: "caps-heading" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "VAT number",
+                      description: "The label for the customer Vat number in the billing information",
+                      id: "customer_billing_information.vat_number_label"
+                    })), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(_sfc_main$2, { variant: "body-xs" }, {
+                  default: withCtx(() => {
+                    var _a2, _b;
+                    return [
+                      createTextVNode(toDisplayString((_b = (_a2 = __props.customer.organization.tax_ids) == null ? void 0 : _a2[0]) == null ? void 0 : _b.id), 1)
+                    ];
+                  }),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true)
+            ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
+              createVNode(_sfc_main$2, {
+                variant: "body-xs",
+                shade: "lighter"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "No billing information to display.",
+                    description: "Text that is being displayed when there is no active subscription in the subscriptions block",
+                    id: "customer_overview.billing_information.no_billing_information_available"
+                  })), 1)
+                ]),
+                _: 1
+              })
+            ]))
+          ];
+        }),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-CYTCcMgP.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./Section.vue.es-BuzTXRLP.js"),o=require("./PaymentMethod.vue.es-DYlnmZh7.js"),n=require("./Button.vue.es-BC4_TItq.js"),a=require("./component-ZRZIt3ZW.js"),i=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),s=require("./useActionDispatchProvider-CWVV_xsi.js"),d={key:0,class:"flex flex-col gap-2"},r=e.defineComponent({__name:"CustomerPaymentMethodsBlock",props:{paymentMethods:{type:Array},limit:{default:2,type:Number},isLoading:{type:Boolean},showViewAllButton:{type:Boolean},showAddButton:{type:Boolean}},emits:["view-all-payment-methods","add-payment-method"],setup(i){const s=i,{$t:r}=a.useIntl(),l=e.computed(()=>s.paymentMethods.length>0);return(s,m)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"no-spacing":"","no-border":"",title:e.unref(r)({defaultMessage:"{count, plural, one {Payment method} other {Payment methods}}",description:"Title for the payment methods block on the customer overview page",id:"customer_overview.payment_methods.title"},{count:String(i.paymentMethods.length)})},e.createSlots({default:e.withCtx(()=>[l.value?(e.openBlock(),e.createElementBlock("div",d,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.paymentMethods,n=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:n.id},{default:e.withCtx(()=>[e.createVNode(e.unref(o._sfc_main),{"payment-method":n},null,8,["payment-method"])]),_:2},1024))),128))])):(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(a._sfc_main),{variant:"body-sm",shade:"lighter","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Add a payment method for recurring invoice payments.",description:"Helper text for adding a payment method when no payment methods are configured",id:"customer_overview.payment_methods_block.add_payment_method_helper_text"})),1)]),_:1}),i.showAddButton?(e.openBlock(),e.createBlock(e.unref(n._sfc_main),{key:0,class:"mt-4 w-full",variant:"outline",color:"gray","icon-prefix":"add",type:"button",onClick:m[1]||(m[1]=e=>s.$emit("add-payment-method"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Add payment method",description:"Text for the add payment method button that is shown when no payment methods have been configured",id:"customer_overview.payment_methods_block.add_payment_method_button_label"})),1)]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),_:2},[i.showViewAllButton?{name:"right",fn:e.withCtx(()=>[e.createVNode(e.unref(n._sfc_main),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:m[0]||(m[0]=e=>s.$emit("view-all-payment-methods"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"View all",id:"customer_overview.payment_methods_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer invoices"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),l=e.defineComponent({__name:"CustomerPaymentMethods",props:{isLoading:{type:Boolean},paymentMethods:{type:Array},maxPaymentMethods:{type:Number},configuration:{default:()=>({showViewAllButton:!0,showAddButton:!0}),type:Object}},setup(t){const{dispatchAction:o}=s.useActionDispatchProvider();return(n,a)=>{var s,d;return t.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"h-72","data-testid":"customer-payment-methods-skeleton"})):(e.openBlock(),e.createBlock(r,{key:1,"is-loading":t.isLoading,"payment-methods":t.paymentMethods,"show-view-all-button":null==(s=t.configuration)?void 0:s.showViewAllButton,"show-add-button":null==(d=t.configuration)?void 0:d.showAddButton,onViewAllPaymentMethods:a[0]||(a[0]=t=>e.unref(o)({action:"view-all-payment-methods"})),onAddPaymentMethod:a[1]||(a[1]=t=>e.unref(o)({action:"add-payment-method"}))},null,8,["is-loading","payment-methods","show-view-all-button","show-add-button"]))}}});exports._sfc_main=l;