@madgex/design-system 3.9.2 → 3.9.4

package/fractal.js

@@ -96,11 +96,6 @@ madgexTheme.addLoadPath(`${__dirname}/fractal-theme/views`);
  */
 madgexTheme.addStatic(`${__dirname}/fractal-theme/assets`, '/assets');
 
-/**
- * Add vue library to assets route
- */
-madgexTheme.addStatic(`${__dirname}/vue`, '/assets/vue-library');
-
 fractal.web.theme(madgexTheme);
 
 /**

package/package.json

@@ -2,17 +2,17 @@
   "name": "@madgex/design-system",
   "author": "Madgex",
   "license": "UNLICENSED",
-  "version": "3.9.2",
+  "version": "3.9.4",
   "scripts": {
     "clean": "rimraf dist public tokens/build",
     "commit": "commit",
     "semantic-release": "semantic-release --prepare && semantic-release --publish",
     "tokens": "style-dictionary --config ./src/tokens/_config.js build",
     "dev": "concurrently \"cross-env NODE_ENV=development gulp dev\" \"npm run dev:vite\"",
-    "dev:vite": "npm run --prefix vite-build dev:vite",
+    "dev:vite": "npm run --prefix vue-lib dev:vite",
     "debug": "node --inspect ./node_modules/.bin/gulp dev",
     "build": "gulp build",
-    "build:vite": "npm run --prefix vite-build build:vite",
+    "build:vite": "npm run --prefix vue-lib build:vite",
     "build:icons": "svgo -f src/icons ./dist/assets/icons",
     "build:webpack": "webpack",
     "build:fractal": "fractal build",
@@ -28,7 +28,7 @@
     "type": "git",
     "url": "https://github.com/madgex/madgex-design-system"
   },
-  "dependencies": {
+  "devDependencies": {
     "@ctrl/tinycolor": "^3.4.0",
     "@popperjs/core": "2.9.2",
     "css-loader": "^5.2.6",
@@ -41,9 +41,7 @@
     "style-loader": "^3.0.0",
     "svgxuse": "^1.2.6",
     "vue": "^2.6.14",
-    "vue-custom-element": "^3.3.0"
-  },
-  "devDependencies": {
+    "vue-custom-element": "^3.3.0",
     "@babel/core": "^7.14.6",
     "@babel/plugin-transform-runtime": "^7.14.5",
     "@babel/preset-env": "^7.14.7",
@@ -129,6 +127,6 @@
     ]
   },
   "workspaces": [
-    "vite-build"
+    "vue-lib"
   ]
 }

package/src/components/_import-MdsLibrary.njk

@@ -1,7 +1,7 @@
   {% if isDev %}
-  import * as MdsLibrary from 'http://localhost:8111/vue-lib.js';
+  import * as MdsLibrary from 'http://localhost:8111/lib.js';
   {% else %}
   // es convention does not automatically import `index.js` from a folder name (nodejs does this)
-  import * as MdsLibrary from '/assets/vue-library/index.js';
+  import * as MdsLibrary from '/assets/vue/index.es.js';
   {% endif %}
   import * as vue from 'vue';

package/src/components/accordion/accordion.js

@@ -96,6 +96,7 @@ const accordion = {
     accordionTriggerButton.classList.add('mds-button--plain');
     accordionTriggerButton.classList.add('mds-padding-x-b0');
     accordionTriggerButton.setAttribute('aria-expanded', false);
+    accordionTriggerButton.setAttribute('type', 'button');
     if (accordionTriggerSpan) {
       accordionTriggerButton.appendChild(accordionTriggerSpan);
     }

package/vue/index.es.js

@@ -0,0 +1,176 @@
+import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from "vue";
+const _hoisted_1$1 = ["href"];
+const _hoisted_2$1 = {
+  key: 0,
+  class: "mds-visually-hidden"
+};
+const _sfc_main$1 = {
+  props: {
+    iconName: { type: String, required: true, default: "" },
+    classes: { type: String, default: "" },
+    path: { type: String, default: "" },
+    visuallyHiddenLabel: { type: String, default: "" },
+    hasContainer: { type: Boolean, default: false },
+    containerClasses: { type: String, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasContainerClasses = computed(() => {
+      return props.hasContainer ? `mds-icon-container ${props.containerClasses}` : "";
+    });
+    const iconPath = computed(() => {
+      return `${props.path}#icon-${props.iconName}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(hasContainerClasses))
+      }, [
+        (openBlock(), createElementBlock("svg", {
+          "aria-hidden": "true",
+          focusable: "false",
+          class: normalizeClass(["mds-icon", `mds-icon--${__props.iconName} ${__props.classes}`])
+        }, [
+          createElementVNode("use", { href: unref(iconPath) }, null, 8, _hoisted_1$1)
+        ], 2)),
+        __props.visuallyHiddenLabel ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.visuallyHiddenLabel), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+};
+function truncate(input, length = 255, killwords, end) {
+  if (input === null || input === void 0 || input === false) {
+    return "";
+  }
+  if (input.length <= length) {
+    return input;
+  }
+  let modifiedInput = input;
+  if (killwords) {
+    modifiedInput = modifiedInput.substring(0, length);
+  } else {
+    let idx = modifiedInput.lastIndexOf(" ", length);
+    if (idx === -1) {
+      idx = length;
+    }
+    modifiedInput = modifiedInput.substring(0, idx);
+  }
+  modifiedInput += end !== void 0 && end !== null ? end : "...";
+  return modifiedInput.toString();
+}
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = { class: "mds-float-left" };
+const _hoisted_3 = ["href", "aria-label"];
+const _hoisted_4 = {
+  key: 0,
+  class: "mds-float-left"
+};
+const _hoisted_5 = ["href", "aria-label"];
+const _hoisted_6 = {
+  key: 1,
+  class: "mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"
+};
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = ["href", "aria-label"];
+const _hoisted_9 = {
+  key: 0,
+  class: "mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"
+};
+const _sfc_main = {
+  props: {
+    prevUrl: { type: String, default: "" },
+    nextUrl: { type: String, default: "" },
+    backToUrl: { type: String, default: "" },
+    hideIcons: { type: Boolean, default: false },
+    classes: { type: String, default: "" },
+    prevExtraLabel: { type: String, defult: "" },
+    nextExtraLabel: { type: String, default: "" },
+    i18n: { type: Object, default: null }
+  },
+  setup(__props) {
+    const props = __props;
+    const navAriaLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.i18n) == null ? void 0 : _a.navAriaLabel) != null ? _b : "Pagination";
+    });
+    const backToLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.i18n) == null ? void 0 : _a.backToLabel) != null ? _b : "Results";
+    });
+    const backToAriaLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.i18n) == null ? void 0 : _a.backToAriaLabel) != null ? _b : "Back to results";
+    });
+    const prevLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.i18n) == null ? void 0 : _a.prevLabel) != null ? _b : "Previous";
+    });
+    const prevAriaLabel = computed(() => {
+      var _a, _b;
+      const ariaLabel = (_b = (_a = props.i18n) == null ? void 0 : _a.prevAriaLabel) != null ? _b : "Previous Page";
+      return [ariaLabel, props.prevExtraLabel].filter((i) => !!i).join(" - ");
+    });
+    const nextLabel = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.i18n) == null ? void 0 : _a.nextLabel) != null ? _b : "Next";
+    });
+    const nextAriaLabel = computed(() => {
+      var _a, _b;
+      const ariaLabel = (_b = (_a = props.i18n) == null ? void 0 : _a.nextAriaLabel) != null ? _b : "Next Page";
+      return [ariaLabel, props.nextExtraLabel].filter((i) => !!i).join(" - ");
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", { "aria-label": unref(navAriaLabel) }, [
+        createElementVNode("ul", {
+          class: normalizeClass(["mds-pagination mds-text-align-right", __props.classes])
+        }, [
+          createElementVNode("li", _hoisted_2, [
+            __props.backToUrl && unref(backToLabel) ? (openBlock(), createElementBlock("a", {
+              key: 0,
+              class: "mds-pagination__link mds-pagination__link--back",
+              href: __props.backToUrl,
+              "aria-label": unref(backToAriaLabel)
+            }, [
+              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                "icon-name": "chevron-left",
+                classes: "mds-icon--before"
+              })) : createCommentVNode("", true),
+              createTextVNode(toDisplayString(unref(truncate)(unref(backToLabel), 40)), 1)
+            ], 8, _hoisted_3)) : createCommentVNode("", true)
+          ]),
+          __props.prevUrl && unref(prevLabel) ? (openBlock(), createElementBlock("li", _hoisted_4, [
+            createElementVNode("a", {
+              href: __props.prevUrl,
+              class: "mds-pagination__link mds-pagination__link--background",
+              "aria-label": unref(prevAriaLabel)
+            }, [
+              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                "icon-name": "chevron-left",
+                classes: "mds-icon--before"
+              })) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(unref(prevLabel)), 1),
+              __props.prevExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString(unref(truncate)(__props.prevExtraLabel, 40)), 1)) : createCommentVNode("", true)
+            ], 8, _hoisted_5)
+          ])) : createCommentVNode("", true),
+          __props.nextUrl && unref(nextLabel) ? (openBlock(), createElementBlock("li", _hoisted_7, [
+            createElementVNode("a", {
+              href: __props.nextUrl,
+              class: "mds-pagination__link mds-pagination__link--background",
+              "aria-label": unref(nextAriaLabel)
+            }, [
+              __props.nextExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_9, toDisplayString(unref(truncate)(__props.nextExtraLabel, 40)), 1)) : createCommentVNode("", true),
+              createElementVNode("span", null, toDisplayString(unref(nextLabel)), 1),
+              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 1,
+                "icon-name": "chevron-right",
+                classes: "mds-icon--after"
+              })) : createCommentVNode("", true)
+            ], 8, _hoisted_8)
+          ])) : createCommentVNode("", true)
+        ], 2)
+      ], 8, _hoisted_1);
+    };
+  }
+};
+export { _sfc_main$1 as MdsIcon, _sfc_main as MdsPagination };

package/vue/index.js

@@ -1,176 +1 @@
-import { computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, toDisplayString, createCommentVNode, createBlock, createTextVNode } from "vue";
-const _hoisted_1$1 = ["href"];
-const _hoisted_2$1 = {
-  key: 0,
-  class: "mds-visually-hidden"
-};
-const _sfc_main$1 = {
-  props: {
-    iconName: { type: String, required: true, default: "" },
-    classes: { type: String, default: "" },
-    path: { type: String, default: "" },
-    visuallyHiddenLabel: { type: String, default: "" },
-    hasContainer: { type: Boolean, default: false },
-    containerClasses: { type: String, default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const hasContainerClasses = computed(() => {
-      return props.hasContainer ? `mds-icon-container ${props.containerClasses}` : "";
-    });
-    const iconPath = computed(() => {
-      return `${props.path}#icon-${props.iconName}`;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(unref(hasContainerClasses))
-      }, [
-        (openBlock(), createElementBlock("svg", {
-          "aria-hidden": "true",
-          focusable: "false",
-          class: normalizeClass(["mds-icon", `mds-icon--${__props.iconName} ${__props.classes}`])
-        }, [
-          createElementVNode("use", { href: unref(iconPath) }, null, 8, _hoisted_1$1)
-        ], 2)),
-        __props.visuallyHiddenLabel ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(__props.visuallyHiddenLabel), 1)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-};
-function truncate(input, length = 255, killwords, end) {
-  if (input === null || input === void 0 || input === false) {
-    return "";
-  }
-  if (input.length <= length) {
-    return input;
-  }
-  let modifiedInput = input;
-  if (killwords) {
-    modifiedInput = modifiedInput.substring(0, length);
-  } else {
-    let idx = modifiedInput.lastIndexOf(" ", length);
-    if (idx === -1) {
-      idx = length;
-    }
-    modifiedInput = modifiedInput.substring(0, idx);
-  }
-  modifiedInput += end !== void 0 && end !== null ? end : "...";
-  return modifiedInput.toString();
-}
-const _hoisted_1 = ["aria-label"];
-const _hoisted_2 = { class: "mds-float-left" };
-const _hoisted_3 = ["href", "aria-label"];
-const _hoisted_4 = {
-  key: 0,
-  class: "mds-float-left"
-};
-const _hoisted_5 = ["href", "aria-label"];
-const _hoisted_6 = {
-  key: 1,
-  class: "mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"
-};
-const _hoisted_7 = { key: 1 };
-const _hoisted_8 = ["href", "aria-label"];
-const _hoisted_9 = {
-  key: 0,
-  class: "mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"
-};
-const _sfc_main = {
-  props: {
-    prevUrl: { type: String, default: "" },
-    nextUrl: { type: String, default: "" },
-    backToUrl: { type: String, default: "" },
-    hideIcons: { type: Boolean, default: false },
-    classes: { type: String, default: "" },
-    prevExtraLabel: { type: String, defult: "" },
-    nextExtraLabel: { type: String, default: "" },
-    i18n: { type: Object, default: null }
-  },
-  setup(__props) {
-    const props = __props;
-    const navAriaLabel = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.i18n) == null ? void 0 : _a.navAriaLabel) != null ? _b : "Pagination";
-    });
-    const backToLabel = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.i18n) == null ? void 0 : _a.backToLabel) != null ? _b : "Results";
-    });
-    const backToAriaLabel = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.i18n) == null ? void 0 : _a.backToAriaLabel) != null ? _b : "Back to results";
-    });
-    const prevLabel = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.i18n) == null ? void 0 : _a.prevLabel) != null ? _b : "Previous";
-    });
-    const prevAriaLabel = computed(() => {
-      var _a, _b;
-      const ariaLabel = (_b = (_a = props.i18n) == null ? void 0 : _a.prevAriaLabel) != null ? _b : "Previous Page";
-      return [ariaLabel, props.prevExtraLabel].filter((i) => !!i).join(" - ");
-    });
-    const nextLabel = computed(() => {
-      var _a, _b;
-      return (_b = (_a = props.i18n) == null ? void 0 : _a.nextLabel) != null ? _b : "Next";
-    });
-    const nextAriaLabel = computed(() => {
-      var _a, _b;
-      const ariaLabel = (_b = (_a = props.i18n) == null ? void 0 : _a.nextAriaLabel) != null ? _b : "Next Page";
-      return [ariaLabel, props.nextExtraLabel].filter((i) => !!i).join(" - ");
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("nav", { "aria-label": unref(navAriaLabel) }, [
-        createElementVNode("ul", {
-          class: normalizeClass(["mds-pagination mds-text-align-right", __props.classes])
-        }, [
-          createElementVNode("li", _hoisted_2, [
-            __props.backToUrl && unref(backToLabel) ? (openBlock(), createElementBlock("a", {
-              key: 0,
-              class: "mds-pagination__link mds-pagination__link--back",
-              href: __props.backToUrl,
-              "aria-label": unref(backToAriaLabel)
-            }, [
-              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                "icon-name": "chevron-left",
-                classes: "mds-icon--before"
-              })) : createCommentVNode("", true),
-              createTextVNode(toDisplayString(unref(truncate)(unref(backToLabel), 40)), 1)
-            ], 8, _hoisted_3)) : createCommentVNode("", true)
-          ]),
-          __props.prevUrl && unref(prevLabel) ? (openBlock(), createElementBlock("li", _hoisted_4, [
-            createElementVNode("a", {
-              href: __props.prevUrl,
-              class: "mds-pagination__link mds-pagination__link--background",
-              "aria-label": unref(prevAriaLabel)
-            }, [
-              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                "icon-name": "chevron-left",
-                classes: "mds-icon--before"
-              })) : createCommentVNode("", true),
-              createElementVNode("span", null, toDisplayString(unref(prevLabel)), 1),
-              __props.prevExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_6, toDisplayString(unref(truncate)(__props.prevExtraLabel, 40)), 1)) : createCommentVNode("", true)
-            ], 8, _hoisted_5)
-          ])) : createCommentVNode("", true),
-          __props.nextUrl && unref(nextLabel) ? (openBlock(), createElementBlock("li", _hoisted_7, [
-            createElementVNode("a", {
-              href: __props.nextUrl,
-              class: "mds-pagination__link mds-pagination__link--background",
-              "aria-label": unref(nextAriaLabel)
-            }, [
-              __props.nextExtraLabel ? (openBlock(), createElementBlock("strong", _hoisted_9, toDisplayString(unref(truncate)(__props.nextExtraLabel, 40)), 1)) : createCommentVNode("", true),
-              createElementVNode("span", null, toDisplayString(unref(nextLabel)), 1),
-              !__props.hideIcons ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 1,
-                "icon-name": "chevron-right",
-                classes: "mds-icon--after"
-              })) : createCommentVNode("", true)
-            ], 8, _hoisted_8)
-          ])) : createCommentVNode("", true)
-        ], 2)
-      ], 8, _hoisted_1);
-    };
-  }
-};
-export { _sfc_main$1 as MdsIcon, _sfc_main as MdsPagination };
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const g=["href"],p={key:0,class:"mds-visually-hidden"},d={props:{iconName:{type:String,required:!0,default:""},classes:{type:String,default:""},path:{type:String,default:""},visuallyHiddenLabel:{type:String,default:""},hasContainer:{type:Boolean,default:!1},containerClasses:{type:String,default:""}},setup(t){const n=t,s=e.computed(()=>n.hasContainer?`mds-icon-container ${n.containerClasses}`:""),o=e.computed(()=>`${n.path}#icon-${n.iconName}`);return(r,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",focusable:"false",class:e.normalizeClass(["mds-icon",`mds-icon--${t.iconName} ${t.classes}`])},[e.createElementVNode("use",{href:e.unref(o)},null,8,g)],2)),t.visuallyHiddenLabel?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.visuallyHiddenLabel),1)):e.createCommentVNode("",!0)],2))}};function m(t,n=255,s,o){if(t==null||t===!1)return"";if(t.length<=n)return t;let r=t;if(s)r=r.substring(0,n);else{let i=r.lastIndexOf(" ",n);i===-1&&(i=n),r=r.substring(0,i)}return r+=o!=null?o:"...",r.toString()}const y=["aria-label"],h={class:"mds-float-left"},v=["href","aria-label"],x={key:0,class:"mds-float-left"},L=["href","aria-label"],B={key:1,class:"mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"},E={key:1},N=["href","aria-label"],S={key:0,class:"mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"},C={props:{prevUrl:{type:String,default:""},nextUrl:{type:String,default:""},backToUrl:{type:String,default:""},hideIcons:{type:Boolean,default:!1},classes:{type:String,default:""},prevExtraLabel:{type:String,defult:""},nextExtraLabel:{type:String,default:""},i18n:{type:Object,default:null}},setup(t){const n=t,s=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.navAriaLabel)!=null?a:"Pagination"}),o=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToLabel)!=null?a:"Results"}),r=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToAriaLabel)!=null?a:"Back to results"}),i=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.prevLabel)!=null?a:"Previous"}),b=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.prevAriaLabel)!=null?c:"Previous Page",n.prevExtraLabel].filter(u=>!!u).join(" - ")}),f=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.nextLabel)!=null?a:"Next"}),k=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.nextAriaLabel)!=null?c:"Next Page",n.nextExtraLabel].filter(u=>!!u).join(" - ")});return(l,a)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":e.unref(s)},[e.createElementVNode("ul",{class:e.normalizeClass(["mds-pagination mds-text-align-right",t.classes])},[e.createElementVNode("li",h,[t.backToUrl&&e.unref(o)?(e.openBlock(),e.createElementBlock("a",{key:0,class:"mds-pagination__link mds-pagination__link--back",href:t.backToUrl,"aria-label":e.unref(r)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createTextVNode(e.toDisplayString(e.unref(m)(e.unref(o),40)),1)],8,v)):e.createCommentVNode("",!0)]),t.prevUrl&&e.unref(i)?(e.openBlock(),e.createElementBlock("li",x,[e.createElementVNode("a",{href:t.prevUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(b)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)),1),t.prevExtraLabel?(e.openBlock(),e.createElementBlock("strong",B,e.toDisplayString(e.unref(m)(t.prevExtraLabel,40)),1)):e.createCommentVNode("",!0)],8,L)])):e.createCommentVNode("",!0),t.nextUrl&&e.unref(f)?(e.openBlock(),e.createElementBlock("li",E,[e.createElementVNode("a",{href:t.nextUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(k)},[t.nextExtraLabel?(e.openBlock(),e.createElementBlock("strong",S,e.toDisplayString(e.unref(m)(t.nextExtraLabel,40)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)),1),t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:1,"icon-name":"chevron-right",classes:"mds-icon--after"}))],8,N)])):e.createCommentVNode("",!0)],2)],8,y))}};exports.MdsIcon=d;exports.MdsPagination=C;

package/{src/components/pagination/vue-components → vue-lib/components}/MdsPagination.vue

@@ -40,8 +40,8 @@
 
 <script setup>
 import { computed } from 'vue';
-import MdsIcon from '../../icons/vue-components/MdsIcon.vue';
-import { truncate } from '../../../../vite-build/utils';
+import MdsIcon from './MdsIcon.vue';
+import { truncate } from '../utils';
 
 // eslint-disable-next-line no-undef
 const props = defineProps({

package/vue-lib/lib.js

@@ -0,0 +1,4 @@
+import MdsIcon from './components/MdsIcon.vue';
+import MdsPagination from './components/MdsPagination.vue';
+
+export { MdsIcon, MdsPagination };

package/{vite-build → vue-lib}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "vite-build",
+  "name": "vue-lib",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

package/{vite-build → vue-lib}/vite.config.js

@@ -3,7 +3,7 @@ import path from 'path';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 
-const vueLibPath = path.resolve(__dirname, './vue-lib.js');
+const vueLibPath = path.resolve(__dirname, './lib.js');
 
 export default defineConfig({
   server: {
@@ -13,7 +13,7 @@ export default defineConfig({
   resolve: {
     alias: {
       // make sure we use vue3 from this workspace, not the root vue2
-      vue: path.resolve(__dirname, './node_modules/vue'),
+      // vue: path.resolve(__dirname, './node_modules/vue'),
     },
   },
 
@@ -24,8 +24,8 @@ export default defineConfig({
       name: 'MadgexDesignSystem',
       formats: ['es', 'cjs'],
       fileName: (format) => {
-        // nice import name for es format: import * as MdsLibrary from '@madgex/design-system/vue';
-        if (format === 'es') return 'index.js';
+        // nice import name for cjs format: import * as MdsLibrary from '@madgex/design-system/vue';
+        if (format === 'cjs') return 'index.js';
         return `index.${format}.js`;
       },
     },

package/vite-build/vue-lib.js

@@ -1,4 +0,0 @@
-import MdsIcon from '../src/components/icons/vue-components/MdsIcon.vue';
-import MdsPagination from '../src/components/pagination/vue-components/MdsPagination.vue';
-
-export { MdsIcon, MdsPagination };

package/vue/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue");const g=["href"],p={key:0,class:"mds-visually-hidden"},d={props:{iconName:{type:String,required:!0,default:""},classes:{type:String,default:""},path:{type:String,default:""},visuallyHiddenLabel:{type:String,default:""},hasContainer:{type:Boolean,default:!1},containerClasses:{type:String,default:""}},setup(t){const n=t,s=e.computed(()=>n.hasContainer?`mds-icon-container ${n.containerClasses}`:""),o=e.computed(()=>`${n.path}#icon-${n.iconName}`);return(r,i)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s))},[(e.openBlock(),e.createElementBlock("svg",{"aria-hidden":"true",focusable:"false",class:e.normalizeClass(["mds-icon",`mds-icon--${t.iconName} ${t.classes}`])},[e.createElementVNode("use",{href:e.unref(o)},null,8,g)],2)),t.visuallyHiddenLabel?(e.openBlock(),e.createElementBlock("span",p,e.toDisplayString(t.visuallyHiddenLabel),1)):e.createCommentVNode("",!0)],2))}};function m(t,n=255,s,o){if(t==null||t===!1)return"";if(t.length<=n)return t;let r=t;if(s)r=r.substring(0,n);else{let i=r.lastIndexOf(" ",n);i===-1&&(i=n),r=r.substring(0,i)}return r+=o!=null?o:"...",r.toString()}const y=["aria-label"],h={class:"mds-float-left"},v=["href","aria-label"],x={key:0,class:"mds-float-left"},L=["href","aria-label"],B={key:1,class:"mds-pagination__extra-label mds-display-none mds-display-lg-inline mds-padding-left-b3"},E={key:1},N=["href","aria-label"],S={key:0,class:"mds-pagination__extra-label mds-display-none mds-display-md-inline mds-margin-right-b3"},C={props:{prevUrl:{type:String,default:""},nextUrl:{type:String,default:""},backToUrl:{type:String,default:""},hideIcons:{type:Boolean,default:!1},classes:{type:String,default:""},prevExtraLabel:{type:String,defult:""},nextExtraLabel:{type:String,default:""},i18n:{type:Object,default:null}},setup(t){const n=t,s=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.navAriaLabel)!=null?a:"Pagination"}),o=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToLabel)!=null?a:"Results"}),r=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.backToAriaLabel)!=null?a:"Back to results"}),i=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.prevLabel)!=null?a:"Previous"}),b=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.prevAriaLabel)!=null?c:"Previous Page",n.prevExtraLabel].filter(u=>!!u).join(" - ")}),f=e.computed(()=>{var l,a;return(a=(l=n.i18n)==null?void 0:l.nextLabel)!=null?a:"Next"}),k=e.computed(()=>{var a,c;return[(c=(a=n.i18n)==null?void 0:a.nextAriaLabel)!=null?c:"Next Page",n.nextExtraLabel].filter(u=>!!u).join(" - ")});return(l,a)=>(e.openBlock(),e.createElementBlock("nav",{"aria-label":e.unref(s)},[e.createElementVNode("ul",{class:e.normalizeClass(["mds-pagination mds-text-align-right",t.classes])},[e.createElementVNode("li",h,[t.backToUrl&&e.unref(o)?(e.openBlock(),e.createElementBlock("a",{key:0,class:"mds-pagination__link mds-pagination__link--back",href:t.backToUrl,"aria-label":e.unref(r)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createTextVNode(e.toDisplayString(e.unref(m)(e.unref(o),40)),1)],8,v)):e.createCommentVNode("",!0)]),t.prevUrl&&e.unref(i)?(e.openBlock(),e.createElementBlock("li",x,[e.createElementVNode("a",{href:t.prevUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(b)},[t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:0,"icon-name":"chevron-left",classes:"mds-icon--before"})),e.createElementVNode("span",null,e.toDisplayString(e.unref(i)),1),t.prevExtraLabel?(e.openBlock(),e.createElementBlock("strong",B,e.toDisplayString(e.unref(m)(t.prevExtraLabel,40)),1)):e.createCommentVNode("",!0)],8,L)])):e.createCommentVNode("",!0),t.nextUrl&&e.unref(f)?(e.openBlock(),e.createElementBlock("li",E,[e.createElementVNode("a",{href:t.nextUrl,class:"mds-pagination__link mds-pagination__link--background","aria-label":e.unref(k)},[t.nextExtraLabel?(e.openBlock(),e.createElementBlock("strong",S,e.toDisplayString(e.unref(m)(t.nextExtraLabel,40)),1)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(e.unref(f)),1),t.hideIcons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(d,{key:1,"icon-name":"chevron-right",classes:"mds-icon--after"}))],8,N)])):e.createCommentVNode("",!0)],2)],8,y))}};exports.MdsIcon=d;exports.MdsPagination=C;