mediacube-ui-v2 0.0.283 → 0.0.284

package/dist/assets/components/patterns/McFilter/McFilterPresets/index.css

@@ -1 +1 @@
-@charset "UTF-8";.mc-filter-presets{position:relative;flex-grow:1;min-width:0}.mc-filter-presets:after{content:"";display:block;position:absolute;top:0;inset-inline-end:0;bottom:0;width:5rem;background:linear-gradient(90deg,#fff0 0,#fff);pointer-events:none}.mc-filter-presets-inner{display:flex;flex-wrap:nowrap;overflow-x:auto;height:calc(2.5rem + 2px)}.mc-filter-presets-inner>*:not(:last-child){margin-inline-end:.5rem}.mc-filter-presets-inner{-ms-overflow-style:none;scrollbar-width:none}.mc-filter-presets-inner::-webkit-scrollbar{display:none}.mc-filter-presets-inner:after{content:"";display:block;position:static;min-width:1.5rem}
+@charset "UTF-8";.mc-filter-presets{position:relative;flex-grow:1;min-width:0}.mc-filter-presets:after{content:"";display:block;position:absolute;top:0;inset-inline-end:0;bottom:0;width:5rem;background:linear-gradient(90deg,#fff0 0,#fff);pointer-events:none}.mc-filter-presets-inner{display:flex;flex-wrap:nowrap;overflow-x:auto;height:calc(2.5rem + 2px)}.mc-filter-presets-inner{-ms-overflow-style:none;scrollbar-width:none}.mc-filter-presets-inner::-webkit-scrollbar{display:none}.mc-filter-presets-inner:after{content:"";display:block;position:static;min-width:1.5rem}

package/dist/components/patterns/McFilter/McFilterPresets/McFilterPresets.vue2.js

@@ -1,7 +1,11 @@
-import { defineComponent as w, defineAsyncComponent as B, ref as u, onMounted as M, onBeforeUnmount as b, watch as k, openBlock as o, createElementBlock as i, createElementVNode as L, Fragment as S, renderList as x, createBlock as C, unref as m, withCtx as E, createTextVNode as F, toDisplayString as V } from "vue";
-import { useDebounceFn as D, useLocalStorage as N } from "@vueuse/core";
+import { defineComponent as M, defineAsyncComponent as b, ref as u, onMounted as k, onBeforeUnmount as x, watch as L, openBlock as o, createElementBlock as m, createElementVNode as S, createVNode as d, withCtx as r, Fragment as C, renderList as E, createBlock as F, unref as p, createTextVNode as V, toDisplayString as N } from "vue";
+import { useDebounceFn as $, useLocalStorage as D } from "@vueuse/core";
 import { useTheme as T } from "../../../../composables/useTheme2.js";
-const U = { class: "mc-filter-presets" }, j = { class: "mc-filter-presets-inner" }, d = "mcFilterPresets", z = /* @__PURE__ */ w({
+import U from "../../McWrapScroll/McWrapScroll.vue2.js";
+import '../../../../assets/components/patterns/McGridCol/index.css';import '../../../../assets/components/patterns/McWrapScroll/index.css';/* empty css                            */
+import j from "../../McGridCol/McGridCol.vue2.js";
+/* empty css                         */
+const q = { class: "mc-filter-presets" }, A = { class: "mc-filter-presets-inner" }, f = "mcFilterPresets", R = /* @__PURE__ */ M({
   __name: "McFilterPresets",
   props: {
     name: {
@@ -14,44 +18,58 @@ const U = { class: "mc-filter-presets" }, j = { class: "mc-filter-presets-inner"
     }
   },
   emits: ["preset-selected"],
-  setup(p, { emit: v }) {
-    const f = B(() => import("../../../elements/McButton/McButton.vue.js")), g = v, r = p, s = T("filter"), _ = D((e) => {
+  setup(v, { emit: _ }) {
+    const g = b(() => import("../../../elements/McButton/McButton.vue.js")), h = _, s = v, a = T("filter"), y = $((e) => {
       e();
-    }, 100), t = u(null), h = N(d, {}), a = u([]), y = (e) => {
-      t.value && t.value.name === e.name ? t.value = null : t.value = e, g("preset-selected", t.value);
-    }, c = () => {
-      a.value = h.value[r.name] || [];
-    }, P = (e) => t.value && t.value.name === e.name ? `${s.component.button}-invert` : "gray-outline", l = (e) => {
-      e?.key === d && _(() => {
-        c();
+    }, 100), t = u(null), P = D(f, {}), c = u([]), w = (e) => {
+      t.value && t.value.name === e.name ? t.value = null : t.value = e, h("preset-selected", t.value);
+    }, l = () => {
+      c.value = P.value[s.name] || [];
+    }, B = (e) => t.value && t.value.name === e.name ? `${a.component.button}-invert` : "gray-outline", i = (e) => {
+      e?.key === f && y(() => {
+        l();
       });
     };
-    return M(() => {
-      c(), window.addEventListener("storage", l);
-    }), b(() => {
-      window.removeEventListener("storage", l);
-    }), k(
-      () => r.selectedPreset,
+    return k(() => {
+      l(), window.addEventListener("storage", i);
+    }), x(() => {
+      window.removeEventListener("storage", i);
+    }), L(
+      () => s.selectedPreset,
       (e) => {
         t.value = e;
       }
-    ), (e, q) => (o(), i("div", U, [
-      L("div", j, [
-        (o(!0), i(S, null, x(a.value, (n) => (o(), C(m(f), {
-          key: n.name,
-          variation: P(n),
-          "secondary-color": m(s).component.button,
-          onMouseup: () => y(n)
+    ), (e, O) => (o(), m("div", q, [
+      S("div", A, [
+        d(U, {
+          "scroll-speed": 2,
+          "gutter-x": 8
         }, {
-          default: E(() => [
-            F(V(n.name), 1)
+          default: r(() => [
+            (o(!0), m(C, null, E(c.value, (n) => (o(), F(j, {
+              key: n.name
+            }, {
+              default: r(() => [
+                d(p(g), {
+                  variation: B(n),
+                  "secondary-color": p(a).component.button,
+                  onMouseup: () => w(n)
+                }, {
+                  default: r(() => [
+                    V(N(n.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["variation", "secondary-color", "onMouseup"])
+              ]),
+              _: 2
+            }, 1024))), 128))
           ]),
-          _: 2
-        }, 1032, ["variation", "secondary-color", "onMouseup"]))), 128))
+          _: 1
+        })
       ])
     ]));
   }
 });
 export {
-  z as default
+  R as default
 };

package/dist/utils/sanitize.js

@@ -13,18 +13,23 @@ const e = l, i = (() => {
   a: [...t, "href", "title", "target", "rel", "data-*"],
   b: [...t],
   i: [...t],
+  u: [...t],
   s: [...t],
   em: [...t],
   strong: [...t],
   p: [...t],
   br: [...t],
+  h1: [...t],
+  h2: [...t],
+  h3: [...t],
+  blockquote: [...t],
   ul: [...t],
   ol: [...t],
   li: [...t],
   div: [...t, "data-*"],
   span: [...t],
   img: [...t, "src", "alt", "title", "width", "height"]
-}, c = (r) => i(r, {
+}, u = (r) => i(r, {
   whiteList: s,
   allowList: {},
   stripIgnoreTag: !0,
@@ -36,5 +41,5 @@ const e = l, i = (() => {
   }
 });
 export {
-  c as sanitize
+  u as sanitize
 };

package/dist/utils/sanitize2.js

@@ -17,18 +17,23 @@ const e = l, i = (() => {
   a: [...t, "href", "title", "target", "rel", "data-*"],
   b: [...t],
   i: [...t],
+  u: [...t],
   s: [...t],
   em: [...t],
   strong: [...t],
   p: [...t],
   br: [...t],
+  h1: [...t],
+  h2: [...t],
+  h3: [...t],
+  blockquote: [...t],
   ul: [...t],
   ol: [...t],
   li: [...t],
   div: [...t, "data-*"],
   span: [...t],
   img: [...t, "src", "alt", "title", "width", "height"]
-}, c = (r) => i(r, {
+}, u = (r) => i(r, {
   whiteList: s,
   allowList: {},
   stripIgnoreTag: !0,
@@ -40,5 +45,5 @@ const e = l, i = (() => {
   }
 });
 export {
-  c as sanitize
+  u as sanitize
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mediacube-ui-v2",
-  "version": "0.0.283",
+  "version": "0.0.284",
   "license": "MIT",
   "description": "Design system for Mediacube services",
   "sideEffects": [