@dpa-id-components/dpa-shared-components 20.0.3 → 20.0.5

package/dist/share-8FXBviwo.js

@@ -1,20 +0,0 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-Dh9zuqxa.js";
-const n = {}, s = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function c(l, e) {
-  return t(), o("svg", s, [...e[0] || (e[0] = [
-    r("path", {
-      d: "M18.0001 17.0001V18.0001H6.00012V17.0001C6.00012 16.4501 5.55012 16.0001 5.00012 16.0001C4.45012 16.0001 4.00012 16.4501 4.00012 17.0001V19.0001C4.00012 19.5501 4.45012 20.0001 5.00012 20.0001H19.0001C19.5501 20.0001 20.0001 19.5501 20.0001 19.0001V17.0001C20.0001 16.4501 19.5501 16.0001 19.0001 16.0001C18.4501 16.0001 18.0001 16.4501 18.0001 17.0001ZM12.5753 3.18224C12.2213 2.93224 11.7463 2.94024 11.4003 3.20024L7.40032 6.20024C7.13832 6.39624 7.00032 6.69724 7.00032 7.00124C7.00032 7.20924 7.06532 7.42024 7.20032 7.60024C7.53132 8.04224 8.15832 8.13124 8.59932 7.80024L11.0003 5.99924V6.00024V14.0002C11.0003 14.5522 11.4473 15.0002 12.0003 15.0002C12.5533 15.0002 13.0003 14.5522 13.0003 14.0002V6.00024C13.0003 5.97024 12.9853 5.94424 12.9823 5.91424L15.4253 7.63224C15.8763 7.95024 16.5003 7.84124 16.8183 7.38924C17.1373 6.93824 17.0273 6.31424 16.5753 5.99624L12.5753 3.18224Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const f = /* @__PURE__ */ C(n, [["render", c]]);
-export {
-  f as default
-};

package/dist/share-alternative-CTiI0w2n.js

@@ -1,20 +0,0 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as r } from "vue";
-import { _ as o } from "./index-Dh9zuqxa.js";
-const n = {}, s = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function l(c, C) {
-  return e(), t("svg", s, [...C[0] || (C[0] = [
-    r("path", {
-      d: "M18 19C17.448 19 17 18.552 17 18C17 17.448 17.448 17 18 17C18.552 17 19 17.448 19 18C19 18.552 18.552 19 18 19ZM5 13C4.448 13 4 12.552 4 12C4 11.448 4.448 11 5 11C5.552 11 6 11.448 6 12C6 12.552 5.552 13 5 13ZM18 5C18.552 5 19 5.448 19 6C19 6.552 18.552 7 18 7C17.448 7 17 6.552 17 6C17 5.448 17.448 5 18 5ZM18 15C17.183 15 16.443 15.33 15.901 15.861L7.966 12.335C7.979 12.224 8 12.114 8 12C8 11.886 7.979 11.776 7.966 11.665L15.901 8.139C16.443 8.67 17.183 9 18 9C19.654 9 21 7.654 21 6C21 4.346 19.654 3 18 3C16.346 3 15 4.346 15 6C15 6.114 15.021 6.224 15.034 6.335L7.099 9.861C6.557 9.33 5.817 9 5 9C3.346 9 2 10.346 2 12C2 13.654 3.346 15 5 15C5.817 15 6.557 14.67 7.099 14.139L15.034 17.665C15.021 17.776 15 17.886 15 18C15 19.654 16.346 21 18 21C19.654 21 21 19.654 21 18C21 16.346 19.654 15 18 15Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const a = /* @__PURE__ */ o(n, [["render", l]]);
-export {
-  a as default
-};

package/dist/sidebar-B6jVPgT4.js

@@ -1,17 +0,0 @@
-import { openBlock as r, createElementBlock as t, createStaticVNode as l } from "vue";
-import { _ as o } from "./index-Dh9zuqxa.js";
-const d = {}, n = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function C(i, e) {
-  return r(), t("svg", n, [...e[0] || (e[0] = [
-    l('<path fill-rule="evenodd" d="M2 5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V5ZM4 5H20V19H4V5Z" fill="currentColor"></path><path fill-rule="evenodd" d="M11 19V5H13V19H11Z" fill="currentColor"></path><path fill-rule="evenodd" d="M5 8.5C5 8.22386 5.22386 8 5.5 8H9.5C9.77614 8 10 8.22386 10 8.5C10 8.77614 9.77614 9 9.5 9H5.5C5.22386 9 5 8.77614 5 8.5Z" fill="currentColor"></path><path fill-rule="evenodd" d="M5 10.9C5 10.6239 5.22386 10.4 5.5 10.4H9.5C9.77614 10.4 10 10.6239 10 10.9C10 11.1762 9.77614 11.4 9.5 11.4H5.5C5.22386 11.4 5 11.1762 5 10.9Z" fill="currentColor"></path><path fill-rule="evenodd" d="M5 13.3C5 13.0239 5.22386 12.8 5.5 12.8H9.5C9.77614 12.8 10 13.0239 10 13.3C10 13.5762 9.77614 13.8 9.5 13.8H5.5C5.22386 13.8 5 13.5762 5 13.3Z" fill="currentColor"></path>', 5)
-  ])]);
-}
-const c = /* @__PURE__ */ o(d, [["render", C]]);
-export {
-  c as default
-};

package/dist/sidebar-fill-4RRrVB6y.js

@@ -1,21 +0,0 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-Dh9zuqxa.js";
-const l = {}, n = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function s(i, e) {
-  return t(), o("svg", n, [...e[0] || (e[0] = [
-    r("path", {
-      "fill-rule": "evenodd",
-      d: "M4 3C2.89543 3 2 3.89543 2 5V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V5C22 3.89543 21.1046 3 20 3H4ZM13 5V19H20V5H13ZM5.5 8C5.22386 8 5 8.22386 5 8.5C5 8.77614 5.22386 9 5.5 9H9.5C9.77614 9 10 8.77614 10 8.5C10 8.22386 9.77614 8 9.5 8H5.5ZM5 10.9C5 10.6239 5.22386 10.4 5.5 10.4H9.5C9.77614 10.4 10 10.6239 10 10.9C10 11.1762 9.77614 11.4 9.5 11.4H5.5C5.22386 11.4 5 11.1762 5 10.9ZM5.5 12.8C5.22386 12.8 5 13.0239 5 13.3C5 13.5762 5.22386 13.8 5.5 13.8H9.5C9.77614 13.8 10 13.5762 10 13.3C10 13.0239 9.77614 12.8 9.5 12.8H5.5Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const H = /* @__PURE__ */ C(l, [["render", s]]);
-export {
-  H as default
-};

package/dist/slack-DJOyGZnJ.js

@@ -1,20 +0,0 @@
-import { openBlock as t, createElementBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-Dh9zuqxa.js";
-const n = {}, s = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function c(l, C) {
-  return t(), e("svg", s, [...C[0] || (C[0] = [
-    o("path", {
-      d: "M6.78947 14.3684C6.78947 14.8709 6.58985 15.3529 6.23452 15.7082C5.87919 16.0635 5.39725 16.2632 4.89474 16.2632C4.39222 16.2632 3.91029 16.0635 3.55496 15.7082C3.19962 15.3529 3 14.8709 3 14.3684C3 13.8659 3.19962 13.384 3.55496 13.0286C3.91029 12.6733 4.39222 12.4737 4.89474 12.4737H6.78947V14.3684ZM7.73684 14.3684C7.73684 13.8659 7.93647 13.384 8.2918 13.0286C8.64713 12.6733 9.12906 12.4737 9.63158 12.4737C10.1341 12.4737 10.616 12.6733 10.9714 13.0286C11.3267 13.384 11.5263 13.8659 11.5263 14.3684V19.1053C11.5263 19.6078 11.3267 20.0897 10.9714 20.445C10.616 20.8004 10.1341 21 9.63158 21C9.12906 21 8.64713 20.8004 8.2918 20.445C7.93647 20.0897 7.73684 19.6078 7.73684 19.1053V14.3684ZM9.63158 6.78947C9.12906 6.78947 8.64713 6.58985 8.2918 6.23452C7.93647 5.87919 7.73684 5.39725 7.73684 4.89474C7.73684 4.39222 7.93647 3.91029 8.2918 3.55496C8.64713 3.19962 9.12906 3 9.63158 3C10.1341 3 10.616 3.19962 10.9714 3.55496C11.3267 3.91029 11.5263 4.39222 11.5263 4.89474V6.78947H9.63158ZM9.63158 7.73684C10.1341 7.73684 10.616 7.93647 10.9714 8.2918C11.3267 8.64713 11.5263 9.12906 11.5263 9.63158C11.5263 10.1341 11.3267 10.616 10.9714 10.9714C10.616 11.3267 10.1341 11.5263 9.63158 11.5263H4.89474C4.39222 11.5263 3.91029 11.3267 3.55496 10.9714C3.19962 10.616 3 10.1341 3 9.63158C3 9.12906 3.19962 8.64713 3.55496 8.2918C3.91029 7.93647 4.39222 7.73684 4.89474 7.73684H9.63158ZM17.2105 9.63158C17.2105 9.12906 17.4102 8.64713 17.7655 8.2918C18.1208 7.93647 18.6027 7.73684 19.1053 7.73684C19.6078 7.73684 20.0897 7.93647 20.445 8.2918C20.8004 8.64713 21 9.12906 21 9.63158C21 10.1341 20.8004 10.616 20.445 10.9714C20.0897 11.3267 19.6078 11.5263 19.1053 11.5263H17.2105V9.63158ZM16.2632 9.63158C16.2632 10.1341 16.0635 10.616 15.7082 10.9714C15.3529 11.3267 14.8709 11.5263 14.3684 11.5263C13.8659 11.5263 13.384 11.3267 13.0286 10.9714C12.6733 10.616 12.4737 10.1341 12.4737 9.63158V4.89474C12.4737 4.39222 12.6733 3.91029 13.0286 3.55496C13.384 3.19962 13.8659 3 14.3684 3C14.8709 3 15.3529 3.19962 15.7082 3.55496C16.0635 3.91029 16.2632 4.39222 16.2632 4.89474V9.63158ZM14.3684 17.2105C14.8709 17.2105 15.3529 17.4102 15.7082 17.7655C16.0635 18.1208 16.2632 18.6027 16.2632 19.1053C16.2632 19.6078 16.0635 20.0897 15.7082 20.445C15.3529 20.8004 14.8709 21 14.3684 21C13.8659 21 13.384 20.8004 13.0286 20.445C12.6733 20.0897 12.4737 19.6078 12.4737 19.1053V17.2105H14.3684ZM14.3684 16.2632C13.8659 16.2632 13.384 16.0635 13.0286 15.7082C12.6733 15.3529 12.4737 14.8709 12.4737 14.3684C12.4737 13.8659 12.6733 13.384 13.0286 13.0286C13.384 12.6733 13.8659 12.4737 14.3684 12.4737H19.1053C19.6078 12.4737 20.0897 12.6733 20.445 13.0286C20.8004 13.384 21 13.8659 21 14.3684C21 14.8709 20.8004 15.3529 20.445 15.7082C20.0897 16.0635 19.6078 16.2632 19.1053 16.2632H14.3684Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const _ = /* @__PURE__ */ r(n, [["render", c]]);
-export {
-  _ as default
-};

package/dist/slider-config-2iQFR9nP.js

@@ -1,20 +0,0 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-Dh9zuqxa.js";
-const n = {}, s = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function l(c, C) {
-  return e(), t("svg", s, [...C[0] || (C[0] = [
-    o("path", {
-      d: "M4.18 9.99998H3C2.73478 9.99998 2.48043 9.89462 2.29289 9.70708C2.10536 9.51955 2 9.26519 2 8.99998C2 8.73476 2.10536 8.48041 2.29289 8.29287C2.48043 8.10533 2.73478 7.99998 3 7.99998H4.18C4.3902 7.42082 4.77363 6.92044 5.27817 6.56682C5.7827 6.2132 6.38388 6.0235 7 6.0235C7.61612 6.0235 8.2173 6.2132 8.72184 6.56682C9.22637 6.92044 9.6098 7.42082 9.82 7.99998H21C21.2652 7.99998 21.5196 8.10533 21.7071 8.29287C21.8946 8.48041 22 8.73476 22 8.99998C22 9.26519 21.8946 9.51955 21.7071 9.70708C21.5196 9.89462 21.2652 9.99998 21 9.99998H9.82C9.6098 10.5791 9.22637 11.0795 8.72184 11.4331C8.2173 11.7868 7.61612 11.9765 7 11.9765C6.38388 11.9765 5.7827 11.7868 5.27817 11.4331C4.77363 11.0795 4.3902 10.5791 4.18 9.99998ZM7.55557 8.16851C7.39112 8.05862 7.19778 7.99998 7 7.99998C6.73478 7.99998 6.48043 8.10533 6.29289 8.29287C6.10536 8.48041 6 8.73476 6 8.99998C6 9.19776 6.05865 9.3911 6.16853 9.55555C6.27841 9.71999 6.43459 9.84817 6.61732 9.92385C6.80004 9.99954 7.00111 10.0193 7.19509 9.98076C7.38907 9.94218 7.56725 9.84693 7.70711 9.70708C7.84696 9.56723 7.9422 9.38905 7.98079 9.19507C8.01937 9.00108 7.99957 8.80002 7.92388 8.61729C7.84819 8.43457 7.72002 8.27839 7.55557 8.16851ZM17.2729 12.553C17.7778 12.1949 18.3811 12.0018 19 12C19.5504 11.9985 20.0905 12.1483 20.5614 12.4332C21.0323 12.7181 21.4157 13.1271 21.6697 13.6153C21.9238 14.1035 22.0386 14.6522 22.0017 15.2013C21.9647 15.7504 21.7775 16.2788 21.4603 16.7286C21.1432 17.1784 20.7085 17.5323 20.2037 17.7516C19.6989 17.9709 19.1435 18.0471 18.5984 17.9718C18.0532 17.8966 17.5392 17.6729 17.1126 17.3251C16.6861 16.9773 16.3635 16.5189 16.18 16H3C2.73478 16 2.48043 15.8947 2.29289 15.7071C2.10536 15.5196 2 15.2652 2 15C2 14.7348 2.10536 14.4804 2.29289 14.2929C2.48043 14.1054 2.73478 14 3 14H16.18C16.3863 13.4165 16.7681 12.911 17.2729 12.553ZM18.4444 15.8315C18.6089 15.9414 18.8022 16 19 16C19.2652 16 19.5196 15.8947 19.7071 15.7071C19.8946 15.5196 20 15.2652 20 15C20 14.8022 19.9414 14.6089 19.8315 14.4444C19.7216 14.28 19.5654 14.1518 19.3827 14.0761C19.2 14.0004 18.9989 13.9806 18.8049 14.0192C18.6109 14.0578 18.4327 14.1531 18.2929 14.2929C18.153 14.4328 18.0578 14.6109 18.0192 14.8049C17.9806 14.9989 18.0004 15.2 18.0761 15.3827C18.1518 15.5654 18.28 15.7216 18.4444 15.8315Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const _ = /* @__PURE__ */ r(n, [["render", l]]);
-export {
-  _ as default
-};

package/dist/spellcheck-C33s8fBg.js

@@ -1,20 +0,0 @@
-import { openBlock as t, createElementBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-Dh9zuqxa.js";
-const c = {}, l = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-function s(L, e) {
-  return t(), o("svg", l, [...e[0] || (e[0] = [
-    r("path", {
-      d: "M5.38504 11.7444L4.37252 14.77H2L6.31966 2.5H9.06364L13.3893 14.77H11.0168L9.99827 11.7444H5.38504ZM7.64372 5.01631L5.98416 9.95906H9.39915L7.73958 5.01631H7.64372ZM11.6197 21.2077C11.8087 21.4087 12.0727 21.5227 12.3487 21.5227H12.3557C12.6337 21.5207 12.8997 21.4027 13.0867 21.1967L22.2237 11.1967C22.5957 10.7897 22.5677 10.1567 22.1607 9.78473C21.7527 9.41273 21.1207 9.43973 20.7467 9.84873L12.3387 19.0507L8.21373 14.6597C7.83673 14.2577 7.20373 14.2377 6.80073 14.6157C6.39873 14.9937 6.37773 15.6267 6.75673 16.0287L11.6197 21.2077Z",
-      fill: "currentColor"
-    }, null, -1)
-  ])]);
-}
-const f = /* @__PURE__ */ n(c, [["render", s]]);
-export {
-  f as default
-};

package/dist/spinner-Dr6jGBpK.js

@@ -1,15 +0,0 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
-import { _ as n } from "./index-Dh9zuqxa.js";
-const r = {}, s = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-};
-function c(_, C) {
-  return e(), t("svg", s, [...C[0] || (C[0] = [
-    o("path", { d: "M21.0001 11C20.7348 11 20.4805 11.1054 20.293 11.2929C20.1054 11.4804 20.0001 11.7348 20.0001 12C20.0001 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1572 14.1218 20 12.0001 20C10.4201 19.9993 8.87582 19.5308 7.56182 18.6535C6.24782 17.7763 5.22298 16.5297 4.61654 15.0708C4.0101 13.6119 3.8492 12.0061 4.15415 10.4559C4.45909 8.90569 5.21622 7.48049 6.33006 6.36C7.07076 5.60938 7.95374 5.01404 8.92732 4.60881C9.90089 4.20359 10.9455 3.99661 12.0001 4C12.6395 4.004 13.2766 4.07777 13.9001 4.22C14.0305 4.26036 14.1679 4.27356 14.3036 4.2588C14.4394 4.24404 14.5707 4.20163 14.6895 4.13418C14.8082 4.06673 14.9119 3.97567 14.9941 3.86662C15.0763 3.75757 15.1353 3.63284 15.1674 3.50011C15.1996 3.36739 15.2042 3.22948 15.181 3.0949C15.1579 2.96032 15.1074 2.83191 15.0326 2.71759C14.9579 2.60327 14.8606 2.50547 14.7466 2.43021C14.6327 2.35495 14.5045 2.30383 14.3701 2.28C13.5932 2.09724 12.7981 2.00331 12.0001 2C10.0244 2.01026 8.09604 2.60552 6.45835 3.71065C4.82066 4.81578 3.54703 6.38126 2.79818 8.20953C2.04932 10.0378 1.85882 12.0469 2.25069 13.9834C2.64257 15.9198 3.59927 17.6968 5.00006 19.09C6.85675 20.9475 9.37371 21.9939 12.0001 22C14.6522 22 17.1958 20.9464 19.0711 19.0711C20.9465 17.1957 22.0001 14.6522 22.0001 12C22.0001 11.7348 21.8947 11.4804 21.7072 11.2929C21.5196 11.1054 21.2653 11 21.0001 11Z" }, null, -1)
-  ])]);
-}
-const p = /* @__PURE__ */ n(r, [["render", c]]);
-export {
-  p as default
-};

package/dist/src/components/DpaMediaItem/DpaMediaItem.spec.ts

@@ -1,123 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, it } from "vitest";
-
-import DpaMediaItem from "./DpaMediaItem.vue";
-
-describe("DpaMediaItem", () => {
-  it("displays items in the time published slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        timePublished: "Time Slot",
-      },
-    });
-    expect(wrapper.text()).toBe("Time Slot");
-  });
-
-  it("displays items in the description slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        description: "Description",
-      },
-    });
-    expect(wrapper.text()).toBe("Description");
-  });
-
-  it("displays items in the planning slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        planning: "Planning",
-      },
-    });
-    expect(wrapper.text()).toBe("Planning");
-  });
-
-  it("displays items in the textLength slot", () => {
-    const wrapper = mount(DpaMediaItem, {
-      slots: {
-        textLength: "Text Length",
-      },
-    });
-    expect(wrapper.text()).toBe("Text Length");
-  });
-
-  it("changes icon according to the genre", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        genre: "audio",
-      },
-    });
-
-    expect(wrapper.findComponent({ name: "UiIcon" }).props()).toMatchObject({
-      name: "audio-circled",
-    });
-  });
-
-  it("changes icon when fulfilled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        genre: "audio",
-
-        isFulfilled: true,
-      },
-    });
-
-    expect(wrapper.findComponent({ name: "UiIcon" }).props()).toMatchObject({
-      name: "audio-filled",
-    });
-  });
-
-  it("is styled differently when fulfilled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        isFulfilled: true,
-      },
-    });
-
-    const rootDiv = wrapper.find('[data-testid="rootDiv"]');
-    expect(rootDiv.classes("border-gray-300")).toBe(true);
-  });
-
-  it("renders images with the correct source", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-      },
-    });
-
-    expect(wrapper.find("img").attributes().src).toBe("Source");
-  });
-
-  it("renders images with correct alt-text", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-        imgAlt: "Alternative",
-      },
-    });
-
-    expect(wrapper.find("img").attributes().alt).toBe("Thumbnail :Alternative");
-  });
-
-  it("displays the correct image count", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        imgSrc: "Source",
-        imgCount: 2,
-      },
-    });
-
-    expect(wrapper.find("[data-testid='imageCount']").text()).toBe("2");
-  });
-
-  it("is styled differently when disabled", () => {
-    const wrapper = mount(DpaMediaItem, {
-      props: {
-        isFulfilled: true,
-        disabled: true,
-      },
-    });
-
-    const rootDiv = wrapper.find('[data-testid="rootDiv"]');
-    expect(rootDiv.classes("cursor-not-allowed")).toBe(true);
-  });
-});

package/dist/src/components/DpaMediaItem/DpaMediaItem.stories.ts

@@ -1,139 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
-
-import DpaMediaItem from "./DpaMediaItem.vue";
-
-const meta = {
-  title: "Ui/DpaMediaItem",
-  component: DpaMediaItem,
-  argTypes: {
-    genre: {
-      control: {
-        type: "select",
-        options: ["audio", "video", "text", "picture", "graphic"],
-      },
-    },
-    isFulfilled: {
-      control: "boolean",
-    },
-    imgSrc: {
-      control: "text",
-    },
-    imgAlt: {
-      control: "text",
-    },
-    imgCount: {
-      control: "number",
-    },
-  },
-  args: {
-    genre: "text",
-    isFulfilled: true,
-    imgSrc: "",
-    imgAlt: "",
-    imgCount: 0,
-  },
-} satisfies Meta<typeof DpaMediaItem>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <DpaMediaItem v-bind="args" auto-size style="cursor: pointer;">
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>News Feature im Basisdienst</template>
-      <span>BKA-Chef: Cannabis bleibt beliebteste Droge in Deutschland</span>
-      <template #textLength>104 dpa-Zeilen / 7176 Zeichen</template>
-      </DpaMediaItem>
-    `,
-  }),
-};
-
-export const Picture: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>Aktuelle Fotos</template>
-      <span>Wahl des neuen EKD-Ratsvorsitzes</span>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    genre: "picture",
-    isFulfilled: true,
-    imgSrc: `data:image/jpeg;base64,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`,
-    imgAlt: "Wahl des neuen EKD-Ratsvorsitzes",
-    imgCount: 12,
-  },
-};
-
-export const Disabled: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size>
-      <template #timePublished>15.11.2021 16:41</template>
-      <template #description>Video-Beitrag</template>
-      <span>Wahl des neuen EKD-Ratsvorsitzes</span>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    genre: "video",
-    isFulfilled: true,
-    imgCount: 1,
-    disabled: true,
-  },
-};
-
-export const Planned: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <template #description>Zusammenfassung im Basisdienst</template>
-      <template #planning>bis 16:30</template>
-      <template #textLength>ca. 60 dpa-Zeilen / 4140 Zeichen</template>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    isFulfilled: false,
-  },
-};
-
-export const PlannedWithHeadline: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { DpaMediaItem },
-    template: `
-      <dpa-media-item v-bind="args" auto-size style="cursor: pointer;">
-      <span>Planned with headline: BKA-Chef: Cannabis bleibt beliebteste Droge in Deutschland</span>
-      <template #description>Zusammenfassung im Basisdienst</template>
-      <template #planning>bis 16:30</template>
-      <template #textLength>ca. 60 dpa-Zeilen / 4140 Zeichen</template>
-      </dpa-media-item>
-    `,
-  }),
-  args: {
-    isFulfilled: false,
-  },
-};

package/dist/src/components/UiAutocomplete/UiAutocomplete.spec.ts

@@ -1,39 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, it } from "vitest";
-
-import UiAutocomplete from "./UiAutocomplete.vue";
-
-const wrapper = mount(UiAutocomplete, {
-  props: {
-    value: "",
-    label: "Sprecher/in",
-    placeholder: "",
-    options: ["Olaf Scholz", "Christian Lindner"],
-  },
-});
-describe("UiAutocomplete", () => {
-  it("renders options correctly", async () => {
-    const firstOption = wrapper.findAll('[data-testid="innerText"]')[0];
-    expect(firstOption).toBeTruthy();
-
-    const secondOption = wrapper.findAll('[data-testid="innerText"]')[1];
-    expect(secondOption).toBeTruthy();
-  });
-
-  it("should emit a select event when an option is clicked", async () => {
-    const secondOption = wrapper.findAll('[data-testid="innerText"]')[1];
-
-    await secondOption.trigger("click");
-
-    expect(wrapper.emitted().select[0]).toEqual(["Christian Lindner"]);
-  });
-
-  it("should emit a select event when an option is selected and entered via keyboard events", async () => {
-    const input = wrapper.find("input");
-    await input.trigger("keyup.down");
-    await input.trigger("keyup.down");
-    await input.trigger("keyup.enter");
-
-    expect(wrapper.emitted().select[0]).toEqual(["Christian Lindner"]);
-  });
-});

package/dist/src/components/UiAutocomplete/UiAutocomplete.stories.ts

@@ -1,46 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
-import { action } from "storybook/actions";
-
-import UiAutocomplete from "./UiAutocomplete.vue";
-
-const meta = {
-  title: "Ui/UiAutocomplete",
-  component: UiAutocomplete,
-  argTypes: {
-    label: { control: "text" },
-    placeholder: { control: "text" },
-    value: { control: "text" },
-    chevron: { control: "boolean" },
-    readonly: { control: "boolean" },
-    options: {
-      control: false,
-    },
-  },
-  args: {
-    label: "Label",
-    placeholder: "Autocomplete",
-    value: "",
-    readonly: false,
-    chevron: false,
-  },
-} satisfies Meta<typeof UiAutocomplete>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-export const Default: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { UiAutocomplete },
-    template:
-      "<UiAutocomplete v-bind='args' @input='input' @select='select'></UiAutocomplete>",
-    methods: { input: action("input"), select: action("select") },
-  }),
-  args: {
-    label: "Sprecher/in",
-    placeholder: "Beispiel: Scholz",
-    value: "",
-    options: ["Olaf Scholz", "Christian Lindner", "Annalena Baerbock"],
-  },
-};

package/dist/src/components/UiBadge/UiBadge.spec.ts

@@ -1,32 +0,0 @@
-import { mount } from "@vue/test-utils";
-import { describe, expect, it } from "vitest";
-
-import UiBadge from "./UiBadge.vue";
-
-describe("UiBadge", () => {
-  it("renders red color by default", () => {
-    const wrapper = mount(UiBadge);
-    expect(wrapper.classes("bg-rainbow-red")).toBe(true);
-  });
-
-  it("renders white color with different text color", () => {
-    const wrapper = mount(UiBadge, {
-      props: {
-        color: "white",
-      },
-    });
-    expect(wrapper.classes("bg-white")).toBe(true);
-    expect(wrapper.classes("text-black")).toBe(true);
-  });
-
-  it("renders audio icon when iconName prop is set to 'audio'", () => {
-    const wrapper = mount(UiBadge, {
-      props: {
-        iconName: "audio",
-      },
-    });
-    const uiIcon = wrapper.findComponent({ name: "UiIcon" });
-    expect(uiIcon.exists()).toBe(true);
-    expect(uiIcon.props("name")).toBe("audio");
-  });
-});

package/dist/src/components/UiBadge/UiBadge.stories.ts

@@ -1,80 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3-vite";
-
-import { icons } from "../UiIcon/icons.js";
-import UiBadge from "./UiBadge.vue";
-
-const meta = {
-  title: "Ui/UiBadge",
-  component: UiBadge,
-  argTypes: {
-    text: { control: "text" },
-    color: {
-      control: "select",
-      options: [
-        "red",
-        "red-dark",
-        "orange",
-        "purple",
-        "blue",
-        "white",
-        "gray-300",
-        "gray-600",
-        "gray-800",
-        "black",
-        "green-neon",
-        "green-primary",
-      ],
-    },
-    iconName: {
-      control: "select",
-      options: [null, ...Object.keys(icons)],
-    },
-    mobileTrim: { control: "boolean" },
-    trim: { control: "boolean" },
-    small: { control: "boolean" },
-    screenReaderText: { control: "text" },
-  },
-  args: {
-    text: "Badge Content",
-    color: "red",
-    iconName: null,
-    mobileTrim: false,
-    trim: false,
-    small: false,
-    screenReaderText: "Screenreader Text",
-  },
-} satisfies Meta<typeof UiBadge>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};
-
-export const PlanningItemBadge: Story = {
-  render: (args) => ({
-    components: { UiBadge },
-    setup() {
-      return { args };
-    },
-    template: "<UiBadge v-bind='args'></UiBadge>",
-  }),
-  args: {
-    color: "gray-800",
-    iconName: "audio",
-    text: "3",
-    screenReaderText: "Inhalte geplant",
-    trim: false,
-    mobileTrim: false,
-    small: false,
-  },
-};
-
-export const WithSlot: Story = {
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: { UiBadge },
-    template: "<UiBadge v-bind='args'>Badge with slot</UiBadge>",
-  }),
-};