@viur/shop-components 0.0.1-dev.58 → 0.0.1-dev.60

package/vite.config.js

@@ -0,0 +1,53 @@
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+
+export default defineConfig({
+  plugins: [
+    vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.startsWith("sl-"),
+        },
+      },
+    }),
+  ],
+  build: {
+    lib: {
+      entry: "./src/main.js", // Adjust the entry point as needed
+      name: "ViurShopComponents",
+      fileName: (format) => `viur-shop-components.${format}.js`,
+    },
+    cssCodeSplit: false,
+    rollupOptions: {
+      external: [
+        "vue",
+        "pinia",
+        "@viur/shoelace",
+        "@viur/ignite",
+        "@viur/viur-shop-client",
+        "@viur/vue-utils",
+        "vue-router",
+        "@ckeditor/ckeditor5-vue",
+        "@ckeditor/ckeditor5-build-classic",
+        "@viur/ckeditor5-build-classic",
+      ],
+      output: {
+        assetFileNames: (assetInfo) => {
+          return assetInfo.name;
+        },
+        globals: {
+          vue: "Vue",
+          pinia: "Pinia",
+          "@viur/shoelace": "ViurShoelace",
+          "@viur/ignite": "ViurIgnite",
+          "@viur/viur-shop-client": "ViurShopClient",
+          "vue-router": "VueRouter",
+          "@ckeditor/ckeditor5-vue": "CKEditor5Vue",
+          "@ckeditor/ckeditor5-build-classic": "ClassicEditor",
+          "@viur/ckeditor5-build-classic": "ViurCkeditor",
+          "@viur/vue-utils": "ViurVueUtils",
+        },
+      },
+    },
+  },
+});

package/dist/CategoryView-Z-tCFNv1.mjs

@@ -1,60 +0,0 @@
-import { reactive as p, computed as m, onMounted as f, openBlock as a, createElementBlock as i, createElementVNode as o, toDisplayString as g, renderSlot as _, createTextVNode as h, createCommentVNode as k, Fragment as y, renderList as v, createBlock as w, pushScopeId as I, popScopeId as S } from "vue";
-import { _ as C, u as b } from "./main-CZfMYx-A.mjs";
-import { useRoute as x } from "vue-router";
-import "@viur/vue-utils";
-import { I as L } from "./ItemCard-CVfih_bz.mjs";
-const V = (t) => (I("data-v-532e5cf3"), t = t(), S(), t), B = {
-  key: 0,
-  class: "viur-shop-loading-wrap"
-}, H = /* @__PURE__ */ V(() => /* @__PURE__ */ o("sl-spinner", null, null, -1)), T = [
-  H
-], E = {
-  key: 1,
-  class: "bind"
-}, M = { class: "page-header" }, N = { class: "viur-shop-category-view-list" }, A = ["loading", "disabled"], j = {
-  __name: "CategoryView",
-  props: {
-    skellist: { type: Array },
-    filter: { type: Boolean, default: !0 },
-    pageHeader: { type: String, default: "Artikel Liste" },
-    listHandler: { type: Object, required: !0 }
-  },
-  setup(t) {
-    const l = t, n = x(), c = b(), e = p({
-      skellist: [],
-      loading: !0,
-      currentCursor: "",
-      isLastItem: !1,
-      itemCount: 99,
-      itemType: m(() => n.params.identifier)
-    }), s = l.listHandler;
-    async function d() {
-      e.loading = !0, await s.next(), e.skellist.length < s.state.skellist.length ? (e.skellist = s.state.skellist, e.loading = !1) : (e.loading = !1, e.isLastItem = !0);
-    }
-    return f(async () => {
-      await c.init(), await s.fetch(!0), e.skellist = s.state.skellist, e.loading = !1;
-    }), (u, q) => e.loading ? (a(), i("div", B, T)) : (a(), i("div", E, [
-      o("div", M, [
-        o("h1", null, g(t.pageHeader), 1)
-      ]),
-      t.filter ? _(u.$slots, "filter", { key: 0 }, () => [
-        h(" text-transform text-transform TEST ")
-      ], !0) : k("", !0),
-      o("div", N, [
-        (a(!0), i(y, null, v(e.skellist, (r) => (a(), w(L, {
-          key: r.shop_name,
-          item: r
-        }, null, 8, ["item"]))), 128))
-      ]),
-      o("sl-button", {
-        onClick: d,
-        loading: e.loading,
-        disabled: e.isLastItem,
-        class: "viur-shop-category-view-more-button"
-      }, " Mehr anzeigen ", 8, A)
-    ]));
-  }
-}, $ = /* @__PURE__ */ C(j, [["__scopeId", "data-v-532e5cf3"]]);
-export {
-  $ as default
-};

package/dist/ItemCard-CVfih_bz.mjs

@@ -1,64 +0,0 @@
-import { openBlock as l, createElementBlock as n, createElementVNode as e, toDisplayString as r, withModifiers as m, unref as d, createTextVNode as p, pushScopeId as u, popScopeId as h } from "vue";
-import { Request as _ } from "@viur/vue-utils";
-import { _ as f, u as v } from "./main-CZfMYx-A.mjs";
-const i = (t) => (u("data-v-dc32dd0b"), t = t(), h(), t), b = { class: "viur-shop-item-card-card" }, g = ["src", "alt"], k = { class: "viur-shop-item-card-headline" }, x = /* @__PURE__ */ i(() => /* @__PURE__ */ e("h4", { class: "viur-shop-item-card-subline" }, "B 21 x H 6,5 x T 19 cm", -1)), I = { class: "viur-shop-item-card-price" }, y = {
-  class: "viur-shop-item-card-footer",
-  slot: "footer"
-}, S = /* @__PURE__ */ i(() => /* @__PURE__ */ e("sl-icon", {
-  name: "bag-plus",
-  slot: "prefix"
-}, null, -1)), C = /* @__PURE__ */ i(() => /* @__PURE__ */ e("sl-button", {
-  size: "small",
-  outline: "",
-  class: "viur-shop-item-card-add-to-favourites-btn",
-  variant: "primary",
-  title: "Add to favourites"
-}, [
-  /* @__PURE__ */ e("sl-icon", {
-    name: "heart",
-    slot: "prefix"
-  })
-], -1)), w = {
-  __name: "ItemCard",
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    }
-  },
-  setup(t) {
-    const a = v();
-    function c(s) {
-      let o = "https://images.unsplash.com/photo-1559209172-0ff8f6d49ff7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80";
-      return s.dk_artikel.dest.image ? _.downloadUrlFor(s.dk_artikel.dest.image) : o;
-    }
-    return (s, o) => (l(), n("sl-card", b, [
-      e("img", {
-        slot: "image",
-        src: c(t.item),
-        alt: t.item.shop_name,
-        loading: "lazy",
-        class: "viur-shop-item-card-image"
-      }, null, 8, g),
-      e("h3", k, r(t.item.shop_name), 1),
-      x,
-      e("div", I, r(t.item.shop_price_retail) + " €", 1),
-      e("div", y, [
-        e("sl-button", {
-          size: "small",
-          class: "viur-shop-item-card-add-to-cart-btn",
-          variant: "primary",
-          title: "Add to cart",
-          onClick: o[0] || (o[0] = m((B) => d(a).addToCart(t.item.key, d(a).state.basket), ["stop"]))
-        }, [
-          S,
-          p(" In den Warenkorb ")
-        ]),
-        C
-      ])
-    ]));
-  }
-}, T = /* @__PURE__ */ f(w, [["__scopeId", "data-v-dc32dd0b"]]);
-export {
-  T as I
-};