@xwiki/cristal-dsvuetify 0.8.0 → 0.10.0

package/dist/x-tab-panel-YsSPuuLL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-tab-panel-YsSPuuLL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/x-text-field-B88odaud.js

@@ -0,0 +1,29 @@
+import { defineComponent as a, computed as l, openBlock as u, createBlock as m, unref as p } from "vue";
+import { m as i } from "./translations-CFfpgNrx.js";
+import { useI18n as f } from "vue-i18n";
+import { a as c } from "./index-BjjXwAdJ.js";
+const y = /* @__PURE__ */ a({
+  __name: "x-text-field",
+  props: {
+    name: {},
+    label: {},
+    required: { type: Boolean }
+  },
+  setup(t) {
+    const { t: n } = f({
+      messages: i
+    }), o = t, s = l(() => {
+      const e = [];
+      return o.required && e.push((r) => r ? !0 : n("vuetify.text.input.mandatory")), e;
+    });
+    return (e, r) => (u(), m(p(c), {
+      label: e.label,
+      name: e.name,
+      rules: s.value
+    }, null, 8, ["label", "name", "rules"]));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=x-text-field-B88odaud.js.map

package/dist/x-text-field-B88odaud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-text-field-B88odaud.js","sources":["../src/vue/form/x-text-field.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type TextFieldProps } from \"@xwiki/cristal-dsapi\";\nimport { computed } from \"vue\";\nimport { VTextField } from \"vuetify/components/VTextField\";\nimport messages from \"../../translations\";\nimport { useI18n } from \"vue-i18n\";\n\nconst { t } = useI18n({\n  messages,\n});\nconst props = defineProps<TextFieldProps>();\n\nconst rules = computed(() => {\n  const rulesList = [];\n  if (props.required) {\n    rulesList.push((value: unknown) => {\n      if (value) {\n        return true;\n      } else {\n        return t(\"vuetify.text.input.mandatory\");\n      }\n    });\n  }\n  return rulesList;\n});\n</script>\n\n<template>\n  <v-text-field :label=\"label\" :name=\"name\" :rules=\"rules\"></v-text-field>\n</template>\n\n<style scoped></style>\n"],"names":["t","useI18n","messages","props","__props","rules","computed","rulesList","value"],"mappings":";;;;;;;;;;;;AAOM,UAAA,EAAE,GAAAA,EAAE,IAAIC,EAAQ;AAAA,MACpB,UAAAC;AAAA,IAAA,CACD,GACKC,IAAQC,GAERC,IAAQC,EAAS,MAAM;AAC3B,YAAMC,IAAY,CAAA;AAClB,aAAIJ,EAAM,YACEI,EAAA,KAAK,CAACC,MACVA,IACK,KAEAR,EAAE,8BAA8B,CAE1C,GAEIO;AAAA,IAAA,CACR;;;;;;;;"}

package/langs/translation-en.json

@@ -0,0 +1,4 @@
+{
+  "vuetify.file.input.mandatory": "Mandatory field",
+  "vuetify.text.input.mandatory": "Mandatory field"
+}

package/langs/translation-fr.json

@@ -0,0 +1 @@
+{}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xwiki/cristal-dsvuetify",
-  "version": "0.8.0",
-  "license": "AGPL-3.0",
+  "version": "0.10.0",
+  "license": "LGPL 2.1",
   "author": "XWiki Org Community <contact@xwiki.org>",
   "homepage": "https://cristal.xwiki.org/",
   "repository": {
@@ -23,21 +23,20 @@
   "main": "./dist/index.es.js",
   "dependencies": {
     "inversify": "6.0.2",
-    "vue": "3.4.27",
+    "vue": "3.4.31",
     "vue-i18n": "9.13.1",
-    "vuetify": "3.6.7",
-    "@xwiki/cristal-api": "0.8.0",
-    "@xwiki/cristal-dsapi": "0.8.0"
+    "vuetify": "3.6.15",
+    "@xwiki/cristal-api": "0.10.0",
+    "@xwiki/cristal-dsapi": "0.10.0",
+    "@xwiki/cristal-navigation-tree-api": "0.10.0"
   },
   "devDependencies": {
-    "rimraf": "5.0.7",
-    "vite": "5.2.11",
-    "vue-tsc": "2.0.19"
+    "vue-tsc": "2.0.22"
   },
   "scripts": {
     "build": "pnpm compile",
     "clean": "rimraf dist",
-    "compile": "vue-tsc --project tsconfig.json --noEmit && vite build",
+    "compile": "vue-tsc --project tsconfig.json && vite build",
     "lint": "eslint \"./src/**/*.{ts,tsx,vue}\" --max-warnings=0",
     "test": "echo 'no test'"
   },

package/src/components/componentsInit.ts

@@ -1,9 +1,9 @@
-/**
+/*
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *
  * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
+ * under the terms of the GNU Lesser General Public License as
  * published by the Free Software Foundation; either version 2.1 of
  * the License, or (at your option) any later version.
  *
@@ -12,16 +12,11 @@
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  * Lesser General Public License for more details.
  *
- * You should have received a copy of the GNU Affero General Public
+ * You should have received a copy of the GNU Lesser General Public
  * License along with this software; if not, write to the Free
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+ */
 
 import type { DesignSystemLoader } from "@xwiki/cristal-api";
 import type { Container } from "inversify";

package/src/components/vuetifyDesignSystemLoader.ts

@@ -1,9 +1,9 @@
-/**
+/*
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *
  * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
+ * under the terms of the GNU Lesser General Public License as
  * published by the Free Software Foundation; either version 2.1 of
  * the License, or (at your option) any later version.
  *
@@ -12,16 +12,11 @@
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  * Lesser General Public License for more details.
  *
- * You should have received a copy of the GNU Affero General Public
+ * You should have received a copy of the GNU Lesser General Public
  * License along with this software; if not, write to the Free
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+ */
 
 import type { App } from "vue";
 import * as components from "vuetify/components";
@@ -94,5 +89,36 @@ export class VuetifyDesignSystemLoader implements DesignSystemLoader {
       () => import("../vue/x-breadcrumb.vue"),
     );
     registerAsyncComponent(app, "XSearch", () => import("../vue/x-search.vue"));
+    registerAsyncComponent(app, "XTab", () => import("../vue/x-tab.vue"));
+    registerAsyncComponent(
+      app,
+      "XTabGroup",
+      () => import("../vue/x-tab-group.vue"),
+    );
+    registerAsyncComponent(
+      app,
+      "XTabPanel",
+      () => import("../vue/x-tab-panel.vue"),
+    );
+    registerAsyncComponent(
+      app,
+      "XForm",
+      () => import("../vue/form/x-form.vue"),
+    );
+    registerAsyncComponent(
+      app,
+      "XTextField",
+      () => import("../vue/form/x-text-field.vue"),
+    );
+    registerAsyncComponent(
+      app,
+      "XFileInput",
+      () => import("../vue/form/x-file-input.vue"),
+    );
+    registerAsyncComponent(
+      app,
+      "XNavigationTree",
+      () => import("../vue/x-navigation-tree.vue"),
+    );
   }
 }

package/src/index.ts

@@ -1,9 +1,9 @@
-/**
+/*
  * See the LICENSE file distributed with this work for additional
  * information regarding copyright ownership.
  *
  * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
+ * under the terms of the GNU Lesser General Public License as
  * published by the Free Software Foundation; either version 2.1 of
  * the License, or (at your option) any later version.
  *
@@ -12,16 +12,11 @@
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  * Lesser General Public License for more details.
  *
- * You should have received a copy of the GNU Affero General Public
+ * You should have received a copy of the GNU Lesser General Public
  * License along with this software; if not, write to the Free
  * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+ */
 
 import ComponentInit from "./components/componentsInit.js";
 

package/src/translations.ts

@@ -0,0 +1,26 @@
+/*
+ * See the LICENSE file distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+import en from "../langs/translation-en.json";
+
+const translations: Record<string, Record<string, string>> = {
+  en,
+};
+export default translations;

package/src/vue/css/style.css

@@ -1,17 +1,35 @@
+/*
+ * See the LICENSE file distributed with this work for additional
+ * information regarding copyright ownership.
+ *
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ *
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
 .load-spinner {
-   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="40" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="100" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="160" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>') ;  
-   background-size: cover;
-   width: 64px;
-   height: 64px;
-  }
+  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="40" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="100" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="%23B9B9B9" stroke="%23B9B9B9" stroke-width="6" r="15" cx="160" cy="100"><animate attributeName="opacity" calcMode="spline" dur="2" values="1;0;1;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg>');
+  background-size: cover;
+  width: 64px;
+  height: 64px;
+}
 
 :root {
   --cr-sizes-max-page-width: 960px; /*This value controls the width of the main content. It should be 100% for spanning text along the whole width or an arbitraty value*/
-  --cr-sizes-left-sidebar-width: 15%; /*The default width of the sidebar*/
-  --cr-sizes-left-sidebar-min-width: 250px; /*The minimum width of the sidebar*/
-  --cr-sizes-collapsed-sidebar-width: 32px; /*The width of the bar that gets shown containing the menu button to reopen the standard left sidebar*/
+  --cr-sizes-main-sidebar-width: 15%; /*The default width of the main sidebar*/
+  --cr-sizes-main-sidebar-min-width: 250px; /*The minimum width of the main sidebar*/
+  --cr-sizes-collapsed-main-sidebar-width: 32px; /*The width of the bar that gets shown containing the menu button to reopen the standard main main sidebar*/
   --cr-base-font-size: 16px;
-  
 
 
   /*
@@ -21,7 +39,7 @@
   /* Fonts */
   --cr-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
   --cr-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
   --cr-font-serif: Georgia, 'Times New Roman', serif;
 
   /* Font sizes */
@@ -62,9 +80,9 @@
   --cr-focus-ring: var(--cr-focus-ring-style) var(--cr-focus-ring-width) var(--cr-focus-ring-color);
   --cr-focus-ring-offset: 1px;
 
-    /*
-   * Color Primitives
-   */
+/*
+ * Color Primitives
+ */
 
   /* Gray */
   --cr-color-gray-50: hsl(0 0% 97.5%);

package/src/vue/form/x-file-input.vue

@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import type { TextFieldModel, TextFieldProps } from "@xwiki/cristal-dsapi";
+import { computed } from "vue";
+import { VFileInput } from "vuetify/components/VFileInput";
+import messages from "../../translations";
+import { useI18n } from "vue-i18n";
+import { defineModel } from "vue";
+
+const { t } = useI18n({
+  messages,
+});
+
+const model = defineModel<TextFieldModel>();
+const props = defineProps<TextFieldProps>();
+
+const rules = computed(() => {
+  const rulesList = [];
+  if (props.required) {
+    rulesList.push((value: unknown) => {
+      if (value) {
+        return true;
+      } else {
+        return t("vuetify.file.input.mandatory");
+      }
+    });
+  }
+  return rulesList;
+});
+</script>
+
+<template>
+  <v-file-input
+    v-model="model"
+    :label="label"
+    :name="name"
+    :rules="rules"
+  ></v-file-input>
+</template>
+
+<style scoped></style>

package/src/vue/form/x-form.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { VForm } from "vuetify/components/VForm";
+const emits = defineEmits(["formSubmit"]);
+function submit() {
+  emits("formSubmit");
+}
+</script>
+
+<template>
+  <v-form @submit.prevent="submit">
+    <v-container>
+      <slot></slot>
+    </v-container>
+  </v-form>
+</template>
+
+<style scoped></style>

package/src/vue/form/x-text-field.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { type TextFieldProps } from "@xwiki/cristal-dsapi";
+import { computed } from "vue";
+import { VTextField } from "vuetify/components/VTextField";
+import messages from "../../translations";
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n({
+  messages,
+});
+const props = defineProps<TextFieldProps>();
+
+const rules = computed(() => {
+  const rulesList = [];
+  if (props.required) {
+    rulesList.push((value: unknown) => {
+      if (value) {
+        return true;
+      } else {
+        return t("vuetify.text.input.mandatory");
+      }
+    });
+  }
+  return rulesList;
+});
+</script>
+
+<template>
+  <v-text-field :label="label" :name="name" :rules="rules"></v-text-field>
+</template>
+
+<style scoped></style>

package/src/vue/x-alert.vue

@@ -1,27 +1,21 @@
 <!--
- * See the LICENSE file distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+See the LICENSE file distributed with this work for additional
+information regarding copyright ownership.
+
+This is free software; you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as
+published by the Free Software Foundation; either version 2.1 of
+the License, or (at your option) any later version.
+
+This software is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public
+License along with this software; if not, write to the Free
+Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <template>
   <v-alert :title="title" :type="type">

package/src/vue/x-avatar.vue

@@ -1,27 +1,21 @@
 <!--
- * See the LICENSE file distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+See the LICENSE file distributed with this work for additional
+information regarding copyright ownership.
+
+This is free software; you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as
+published by the Free Software Foundation; either version 2.1 of
+the License, or (at your option) any later version.
+
+This software is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public
+License along with this software; if not, write to the Free
+Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <template>
   <v-avatar :image="image" :size="size"></v-avatar>

package/src/vue/x-breadcrumb.vue

@@ -1,32 +1,36 @@
 <!--
- * See the LICENSE file distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+See the LICENSE file distributed with this work for additional
+information regarding copyright ownership.
+
+This is free software; you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as
+published by the Free Software Foundation; either version 2.1 of
+the License, or (at your option) any later version.
+
+This software is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public
+License along with this software; if not, write to the Free
+Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <script setup lang="ts">
 import { BreadcrumbProps } from "@xwiki/cristal-dsapi";
+import { computed } from "vue";
 
-defineProps<BreadcrumbProps>();
+const props = defineProps<BreadcrumbProps>();
+// Converts props items to the format expected by v-breadcrumbs
+const items = computed(() => {
+  return props.items.map(({ label, url }) => {
+    return {
+      title: label,
+      href: url,
+    };
+  });
+});
 </script>
 
 <template>

package/src/vue/x-btn.vue

@@ -1,27 +1,21 @@
 <!--
- * See the LICENSE file distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+See the LICENSE file distributed with this work for additional
+information regarding copyright ownership.
+
+This is free software; you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as
+published by the Free Software Foundation; either version 2.1 of
+the License, or (at your option) any later version.
+
+This software is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public
+License along with this software; if not, write to the Free
+Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <template>
   <v-btn>

package/src/vue/x-card.vue

@@ -1,27 +1,21 @@
 <!--
- * See the LICENSE file distributed with this work for additional
- * information regarding copyright ownership.
- *
- * This is free software; you can redistribute it and/or modify it
- * under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation; either version 2.1 of
- * the License, or (at your option) any later version.
- *
- * This software is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
- * Lesser General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public
- * License along with this software; if not, write to the Free
- * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
- * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
- *
- * This file is part of the Cristal Wiki software prototype
- * @copyright  Copyright (c) 2023 XWiki SAS
- * @license    http://opensource.org/licenses/AGPL-3.0 AGPL-3.0
- *
- **/
+See the LICENSE file distributed with this work for additional
+information regarding copyright ownership.
+
+This is free software; you can redistribute it and/or modify it
+under the terms of the GNU Lesser General Public License as
+published by the Free Software Foundation; either version 2.1 of
+the License, or (at your option) any later version.
+
+This software is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+Lesser General Public License for more details.
+
+You should have received a copy of the GNU Lesser General Public
+License along with this software; if not, write to the Free
+Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+02110-1301 USA, or see the FSF site: http://www.fsf.org.
 -->
 <template>
   <v-card :title="title" variant="outlined">