@oslokommune/punkt-vue2 - npm Package Compare versions

Comparing version 4.0.1 to 4.1.0

CHANGELOG.md

@@ -8,2 +8,21 @@ # Changelog
 
+## [4.1.0](https://github.com/oslokommune/punkt/compare/4.0.1...4.1.0) (2023-05-16)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* [850](https://github.com/oslokommune/punkt/issues/850) openInNewTab prop - Footer. Lagt til ny prop i Footer og FooterSimple: openInNewTab.
+  Om du ønsker at linken skal åpnes i ny fane send openInNewTab = true. Da vil det legges til en target="_blank" og rel="noopener noreferrer"
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [4.0.1](https://github.com/oslokommune/punkt/compare/4.0.0...4.0.1) (2023-05-09)
@@ -10,0 +29,0 @@

dist/punkt-vue2-footer.js

@@ -1,7 +0,7 @@
-import { P as r } from "./Icon-f8e48d58.js";
-import { n as i, u as n, a as l } from "./plugins-364dfcf9.js";
+import { P as o } from "./Icon-f8e48d58.js";
+import { n, u as l, a as i } from "./plugins-364dfcf9.js";
 const c = {
   name: "PktFooter",
   components: {
-    PktIcon: r
+    PktIcon: o
   },
@@ -24,4 +24,4 @@ props: {
         if (typeof t == "object") {
-          const s = typeof t.href == "string", e = typeof t.iconName == "string", o = typeof t.language == "string";
-          return s && (e || o);
+          const e = typeof t.href == "string", s = typeof t.iconName == "string", r = typeof t.language == "string";
+          return e && (s || r);
         }
@@ -35,13 +35,13 @@ return !1;
 var _ = function() {
-  var t = this, s = t._self._c;
-  return s("footer", { staticClass: "pkt-footer", attrs: { "data-mode": "dark" } }, [s("div", { staticClass: "pkt-footer__container" }, [s("div", { staticClass: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16" }, [s("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [s("h2", { staticClass: "pkt-footer__title" }, [t._v(t._s(t.columnOne.title))]), s("ul", { staticClass: "pkt-footer__list" }, [t.columnOne.text ? s("li", { staticClass: "pkt-footer__text" }, [t._v(" " + t._s(t.columnOne.text) + " ")]) : t._e(), t._l(t.columnOne.links, function(e, o) {
-    return s("li", { key: `links-${o}`, staticClass: "pkt-footer__list-item" }, [s("a", { staticClass: "pkt-footer__link", class: { "pkt-link--external": e.external }, attrs: { href: e.href } }, [s("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), t._v(" " + t._s(e.text) + " ")], 1)]);
-  })], 2)]), s("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [s("h2", { staticClass: "pkt-footer__title" }, [t._v(t._s(t.columnTwo.title))]), s("ul", { staticClass: "pkt-footer__list" }, t._l(t.columnTwo.links, function(e, o) {
-    return s("li", { key: `links-${o}`, staticClass: "pkt-footer__list-item" }, [s("a", { staticClass: "pkt-footer__link", class: { "pkt-link--external": e.external }, attrs: { href: e.href } }, [s("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), t._v(" " + t._s(e.text) + " ")], 1)]);
-  }), 0)]), s("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [s("h2", { staticClass: "pkt-footer__title" }, [t._v("Om nettstedet")]), s("ul", { staticClass: "pkt-footer__list" }, [s("li", { staticClass: "pkt-footer__list-item" }, [s("a", { staticClass: "pkt-footer__link", attrs: { href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/" } }, [s("svg", { staticClass: "pkt-footer__link-icon", attrs: { viewBox: "0 0 32 32" } }, [s("use", { attrs: { href: "#chevron-right" } })]), t._v(" Personvern og informasjonskapsler ")])]), s("li", { staticClass: "pkt-footer__list-item" }, [s("a", { staticClass: "pkt-footer__link", attrs: { href: "https://www.oslo.kommune.no/tilgjengelighet/" } }, [s("svg", { staticClass: "pkt-footer__link-icon", attrs: { viewBox: "0 0 32 32" } }, [s("use", { attrs: { href: "#chevron-right" } })]), t._v(" Tilgjengelighet ")])])])])]), t.socialLinks ? [s("div", { staticClass: "pkt-footer__social", attrs: { "aria-label": "standard lenker" } }, [t._l(t.socialLinks, function(e, o) {
-    return [e.language ? s("div", { staticClass: "pkt-footer__social-language" }, [s("a", { attrs: { href: e.href, "aria-label": `til ${e.language} versjon av nettsiden` } }, [t._v(t._s(e.language))])]) : t._e()];
-  }), s("div", { staticClass: "pkt-footer__social-icons" }, [t._l(t.socialLinks, function(e, o) {
-    return [e.iconName ? s("a", { key: `sociallinks-${o}`, staticClass: "pkt-footer__social-icon-link", attrs: { href: e.href, "aria-label": `til ${e.iconName}` } }, [s("svg", { staticClass: "pkt-footer__social-icon", attrs: { viewBox: "0 0 32 32", "aria-hidden": "true" } }, [s("use", { attrs: { href: "#" + e.iconName } })])]) : t._e()];
+  var t = this, e = t._self._c;
+  return e("footer", { staticClass: "pkt-footer", attrs: { "data-mode": "dark" } }, [e("div", { staticClass: "pkt-footer__container" }, [e("div", { staticClass: "pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16" }, [e("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [e("h2", { staticClass: "pkt-footer__title" }, [t._v(t._s(t.columnOne.title))]), e("ul", { staticClass: "pkt-footer__list" }, [t.columnOne.text ? e("li", { staticClass: "pkt-footer__text" }, [t._v(" " + t._s(t.columnOne.text) + " ")]) : t._e(), t._l(t.columnOne.links, function(s, r) {
+    return e("li", { key: `links-${r}`, staticClass: "pkt-footer__list-item" }, [e("a", { staticClass: "pkt-footer__link", class: { "pkt-link--external": s.external }, attrs: { href: s.href, target: s.openInNewTab ? "_blank" : "_self", rel: s.openInNewTab ? "noopener noreferrer" : void 0 } }, [e("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), t._v(" " + t._s(s.text) + " ")], 1)]);
+  })], 2)]), e("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [e("h2", { staticClass: "pkt-footer__title" }, [t._v(t._s(t.columnTwo.title))]), e("ul", { staticClass: "pkt-footer__list" }, t._l(t.columnTwo.links, function(s, r) {
+    return e("li", { key: `links-${r}`, staticClass: "pkt-footer__list-item" }, [e("a", { staticClass: "pkt-footer__link", class: { "pkt-link--external": s.external }, attrs: { href: s.href, target: s.openInNewTab ? "_blank" : "_self", rel: s.openInNewTab ? "noopener noreferrer" : void 0 } }, [e("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), t._v(" " + t._s(s.text) + " ")], 1)]);
+  }), 0)]), e("div", { staticClass: "pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up" }, [e("h2", { staticClass: "pkt-footer__title" }, [t._v("Om nettstedet")]), e("ul", { staticClass: "pkt-footer__list" }, [e("li", { staticClass: "pkt-footer__list-item" }, [e("a", { staticClass: "pkt-footer__link", attrs: { href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/" } }, [e("svg", { staticClass: "pkt-footer__link-icon", attrs: { viewBox: "0 0 32 32" } }, [e("use", { attrs: { href: "#chevron-right" } })]), t._v(" Personvern og informasjonskapsler ")])]), e("li", { staticClass: "pkt-footer__list-item" }, [e("a", { staticClass: "pkt-footer__link", attrs: { href: "https://www.oslo.kommune.no/tilgjengelighet/" } }, [e("svg", { staticClass: "pkt-footer__link-icon", attrs: { viewBox: "0 0 32 32" } }, [e("use", { attrs: { href: "#chevron-right" } })]), t._v(" Tilgjengelighet ")])])])])]), t.socialLinks ? [e("div", { staticClass: "pkt-footer__social", attrs: { "aria-label": "standard lenker" } }, [t._l(t.socialLinks, function(s, r) {
+    return [s.language ? e("div", { staticClass: "pkt-footer__social-language" }, [e("a", { attrs: { href: s.href, "aria-label": `til ${s.language} versjon av nettsiden`, target: s.openInNewTab ? "_blank" : "_self", rel: s.openInNewTab ? "noopener noreferrer" : null } }, [t._v(t._s(s.language))])]) : t._e()];
+  }), e("div", { staticClass: "pkt-footer__social-icons" }, [t._l(t.socialLinks, function(s, r) {
+    return [s.iconName ? e("a", { key: `sociallinks-${r}`, staticClass: "pkt-footer__social-icon-link", attrs: { href: s.href, "aria-label": `til ${s.iconName}`, target: s.openInNewTab ? "_blank" : "_self", rel: s.openInNewTab ? "noopener noreferrer" : null } }, [e("svg", { staticClass: "pkt-footer__social-icon", attrs: { viewBox: "0 0 32 32", "aria-hidden": "true" } }, [e("use", { attrs: { href: "#" + s.iconName } })])]) : t._e()];
   })], 2)], 2)] : t._e()], 2)]);
-}, p = [], f = /* @__PURE__ */ i(
+}, p = [], f = /* @__PURE__ */ n(
   c,
@@ -58,6 +58,6 @@ _,
   install(a) {
-    l(a, k);
+    i(a, k);
   }
 };
-n(u);
+l(u);
 export {
@@ -64,0 +64,0 @@ k as PktFooter,

dist/punkt-vue2-footersimple.js

 import { P as r } from "./Icon-f8e48d58.js";
-import { n as l, u as n, a } from "./plugins-364dfcf9.js";
+import { n as l, u as a, a as i } from "./plugins-364dfcf9.js";
 const p = {
@@ -12,3 +12,3 @@ name: "PktFooterSimple",
       default: () => [],
-      validator: (e) => e.every((s) => typeof s.href == "string" && typeof s.text == "string")
+      validator: (o) => o.every((e) => typeof e.href == "string" && typeof e.text == "string")
     }
@@ -18,10 +18,10 @@ }
 var _ = function() {
-  var s = this, t = s._self._c;
-  return t("footer", { staticClass: "pkt-footer-simple", attrs: { "data-mode": "dark" } }, [t("div", { staticClass: "pkt-footer-simple__container" }, [t("ul", { staticClass: "pkt-footer-simple__list" }, [s._l(s.links, function(o, i) {
-    return t("li", { key: `links-${i}`, staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", class: { "pkt-link--external": o.external }, attrs: { href: o.href } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), s._v(" " + s._s(o.text) + " ")], 1)]);
-  }), t("li", { staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", attrs: { href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/" } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), s._v(" Personvern og informasjonskapsler ")], 1)]), t("li", { staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", attrs: { href: "https://www.oslo.kommune.no/tilgjengelighet/" } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), s._v(" Tilgjengelighet ")], 1)])], 2)])]);
-}, m = [], c = /* @__PURE__ */ l(
+  var e = this, t = e._self._c;
+  return t("footer", { staticClass: "pkt-footer-simple", attrs: { "data-mode": "dark" } }, [t("div", { staticClass: "pkt-footer-simple__container" }, [t("ul", { staticClass: "pkt-footer-simple__list" }, [e._l(e.links, function(s, n) {
+    return t("li", { key: `links-${n}`, staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", class: { "pkt-link--external": s.external }, attrs: { href: s.href, target: s.openInNewTab ? "_blank" : "_self", rel: s.openInNewTab ? "noopener noreferrer" : void 0 } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), e._v(" " + e._s(s.text) + " ")], 1)]);
+  }), t("li", { staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", attrs: { href: "https://www.oslo.kommune.no/personvern-og-informasjonskapsler/" } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), e._v(" Personvern og informasjonskapsler ")], 1)]), t("li", { staticClass: "pkt-footer-simple__list-item" }, [t("a", { staticClass: "pkt-footer-simple__link", attrs: { href: "https://www.oslo.kommune.no/tilgjengelighet/" } }, [t("pkt-icon", { staticClass: "pkt-footer-simple__link-icon", attrs: { name: "chevron-right" } }), e._v(" Tilgjengelighet ")], 1)])], 2)])]);
+}, c = [], f = /* @__PURE__ */ l(
   p,
   _,
-  m,
+  c,
   !1,
@@ -33,11 +33,11 @@ null,
 );
-const k = c.exports, f = {
-  install(e) {
-    a(e, k);
+const m = f.exports, k = {
+  install(o) {
+    i(o, m);
   }
 };
-n(f);
+a(k);
 export {
-  k as PktFooterSimple,
-  f as default
+  m as PktFooterSimple,
+  k as default
 };

package.json

 {
   "name": "@oslokommune/punkt-vue2",
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "Vue2 komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
@@ -68,3 +68,3 @@ "homepage": "https://punkt.oslo.kommune.no",
   "license": "MIT",
-  "gitHead": "4ac41241205f1501f3fbf4f66db40409e3adf2c8"
+  "gitHead": "eea4a865d4d0b963d64dbf38e5eef9bed7983785"
 }

No alert changes

Improved metrics

Total package byte prevSize

84343

increased by2.91%

Lines of code

785

increased by0.26%

No dependency changes