@oslokommune/punkt-vue 9.6.0

package/dist/InputWrapper--d9sdKAg.js

@@ -0,0 +1,212 @@
+import { P as x } from "./Alert-eoZOqLMh.js";
+import { P as m } from "./Button-oFCw2kbo.js";
+import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as i, createBlock as h, resolveDynamicComponent as c, withCtx as s, createTextVNode as f, toDisplayString as n, createCommentVNode as l, Fragment as k, createVNode as g, createElementVNode as p, renderSlot as _ } from "vue";
+import { _ as T } from "./plugins-IeJb3XDX.js";
+const w = {
+  name: "pktInputwrapper",
+  components: { PktAlert: x, PktButton: m },
+  props: {
+    forId: {
+      type: String,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0,
+      default: "input"
+    },
+    helptext: {
+      type: String,
+      required: !1
+    },
+    helptextDropdown: {
+      type: String,
+      required: !1
+    },
+    helptextDropdownButton: {
+      type: String,
+      required: !1
+    },
+    optionalTag: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    optionalText: {
+      type: String,
+      default: "Valgfritt"
+    },
+    requiredTag: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    requiredText: {
+      type: String,
+      default: "Må fylles ut"
+    },
+    hasError: {
+      type: Boolean,
+      required: !1
+    },
+    errorMessage: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    inline: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    ariaDescribedby: {
+      type: String,
+      required: !1
+    },
+    useWrapper: {
+      type: Boolean,
+      default: !0
+    },
+    hasFieldset: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      isHelpTextOpen: !1
+    };
+  },
+  methods: {
+    toggleHelpText() {
+      this.isHelpTextOpen = !this.isHelpTextOpen, this.$emit("toggleHelpText", this.isHelpTextOpen);
+    },
+    tagClass() {
+      return this.optionalTag ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light" : this.requiredTag ? "pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige" : "";
+    }
+  },
+  computed: {
+    tagText() {
+      return this.optionalTag ? this.optionalText : this.requiredTag ? this.requiredText : "";
+    },
+    disabledClass() {
+      return this.disabled ? "pkt-inputwrapper--disabled" : "";
+    },
+    inlineClass() {
+      return this.inline ? "pkt-inputwrapper--inline" : "";
+    },
+    errorClass() {
+      return this.hasError ? "pkt-inputwrapper--error" : "";
+    },
+    hasDropDown() {
+      return !!this.helptextDropdown && this.helptextDropdown !== "";
+    },
+    dropdownButton() {
+      return this.helptextDropdownButton || 'Les mer <span class="pkt-sr-only">om inputfeltet</span>';
+    },
+    describedBy() {
+      this.ariaDescribedby ? this.ariaDescribedby : this.helptext && `${this.forId}`;
+    }
+  }
+}, D = ["id", "innerHTML"], B = ["innerHTML"], q = ["innerHTML"], H = ["for", "aria-describedby"], C = ["for", "aria-describedby", "id"], v = { key: 2 };
+function I(o, S, e, F, d, t) {
+  const b = u("pkt-button"), y = u("pkt-alert");
+  return r(), a("div", {
+    class: i(["pkt-inputwrapper", t.disabledClass, t.inlineClass, t.errorClass])
+  }, [
+    e.useWrapper ? (r(), h(c(e.hasFieldset ? "fieldset" : t.hasDropDown ? "div" : "label"), {
+      key: 0,
+      for: e.hasFieldset ? void 0 : e.forId,
+      class: i(["pkt-inputwrapper__label", {
+        "pkt-inputwrapper__fieldset": e.hasFieldset,
+        "pkt-inputwrapper__legend": e.hasFieldset
+      }]),
+      "aria-describedby": t.hasDropDown ? void 0 : e.ariaDescribedby
+    }, {
+      default: s(() => [
+        (r(), h(c(e.hasFieldset ? "legend" : t.hasDropDown ? "h2" : "span"), {
+          class: i({
+            "pkt-inputwrapper__legend": e.hasFieldset
+          }),
+          id: `${e.forId}-label`
+        }, {
+          default: s(() => [
+            f(n(e.label), 1),
+            t.tagText !== "" ? (r(), a("span", {
+              key: 0,
+              class: i(t.tagClass())
+            }, n(t.tagText), 3)) : l("", !0)
+          ]),
+          _: 1
+        }, 8, ["class", "id"])),
+        e.helptext ? (r(), a("div", {
+          key: 0,
+          class: "pkt-inputwrapper__helptext",
+          id: `${e.forId}-helptext`,
+          innerHTML: e.helptext
+        }, null, 8, D)) : l("", !0),
+        t.hasDropDown ? (r(), a(k, { key: 1 }, [
+          g(b, {
+            skin: "tertiary",
+            size: "small",
+            variant: "icon-right",
+            "icon-name": d.isHelpTextOpen ? "chevron-thin-up" : "chevron-thin-down",
+            class: "pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",
+            onOnClick: t.toggleHelpText
+          }, {
+            default: s(() => [
+              p("span", { innerHTML: t.dropdownButton }, null, 8, B)
+            ]),
+            _: 1
+          }, 8, ["icon-name", "onOnClick"]),
+          p("div", {
+            class: i(["pkt-inputwrapper__helptext", {
+              "pkt-inputwrapper__helptext-expandable-open": d.isHelpTextOpen,
+              "pkt-inputwrapper__helptext-expandable-closed": !d.isHelpTextOpen
+            }])
+          }, [
+            p("span", { innerHTML: e.helptextDropdown }, null, 8, q)
+          ], 2),
+          e.hasFieldset ? l("", !0) : (r(), a("label", {
+            key: 0,
+            for: e.forId,
+            class: "pkt-sr-only",
+            "aria-describedby": t.describedBy
+          }, n(e.label), 9, H))
+        ], 64)) : l("", !0),
+        _(o.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["for", "class", "aria-describedby"])) : (r(), a(k, { key: 1 }, [
+      e.hasFieldset ? l("", !0) : (r(), a("label", {
+        key: 0,
+        for: e.forId,
+        class: "pkt-sr-only",
+        "aria-describedby": t.describedBy,
+        id: `${e.forId}-label`
+      }, n(e.label), 9, C)),
+      _(o.$slots, "default")
+    ], 64)),
+    e.hasError && e.errorMessage ? (r(), a("div", v, [
+      g(y, {
+        skin: "error",
+        "aria-live": "assertive",
+        id: `${e.forId}-error`,
+        slim: ""
+      }, {
+        default: s(() => [
+          f(n(e.errorMessage), 1)
+        ]),
+        _: 1
+      }, 8, ["id"])
+    ])) : l("", !0)
+  ], 2);
+}
+const E = /* @__PURE__ */ T(w, [["render", I]]);
+export {
+  E as P
+};

package/dist/InputWrapper-Av69cWnN.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./Alert-CShkNLKz.cjs"),o=require("./Button-h1iXT3rO.cjs"),e=require("vue"),d=require("./plugins-AiK__HqQ.cjs"),p={name:"pktInputwrapper",components:{PktAlert:s.PktAlert,PktButton:o.PktButton},props:{forId:{type:String,required:!0},label:{type:String,required:!0,default:"input"},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1},optionalTag:{type:Boolean,required:!1,default:!1},optionalText:{type:String,default:"Valgfritt"},requiredTag:{type:Boolean,required:!1,default:!1},requiredText:{type:String,default:"Må fylles ut"},hasError:{type:Boolean,required:!1},errorMessage:{type:String,required:!1},disabled:{type:Boolean,required:!1,default:!1},inline:{type:Boolean,required:!1,default:!1},ariaDescribedby:{type:String,required:!1},useWrapper:{type:Boolean,default:!0},hasFieldset:{type:Boolean,default:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)},tagClass(){return this.optionalTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--blue-light":this.requiredTag?"pkt-tag pkt-tag--small pkt-tag--thin-text pkt-tag--beige":""}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},disabledClass(){return this.disabled?"pkt-inputwrapper--disabled":""},inlineClass(){return this.inline?"pkt-inputwrapper--inline":""},errorClass(){return this.hasError?"pkt-inputwrapper--error":""},hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["id","innerHTML"],u=["innerHTML"],h=["innerHTML"],k=["for","aria-describedby"],f=["for","aria-describedby","id"],g={key:2};function m(a,_,t,b,l,r){const n=e.resolveComponent("pkt-button"),i=e.resolveComponent("pkt-alert");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["pkt-inputwrapper",r.disabledClass,r.inlineClass,r.errorClass])},[t.useWrapper?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"fieldset":r.hasDropDown?"div":"label"),{key:0,for:t.hasFieldset?void 0:t.forId,class:e.normalizeClass(["pkt-inputwrapper__label",{"pkt-inputwrapper__fieldset":t.hasFieldset,"pkt-inputwrapper__legend":t.hasFieldset}]),"aria-describedby":r.hasDropDown?void 0:t.ariaDescribedby},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.hasFieldset?"legend":r.hasDropDown?"h2":"span"),{class:e.normalizeClass({"pkt-inputwrapper__legend":t.hasFieldset}),id:`${t.forId}-label`},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1),r.tagText!==""?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(r.tagClass())},e.toDisplayString(r.tagText),3)):e.createCommentVNode("",!0)]),_:1},8,["class","id"])),t.helptext?(e.openBlock(),e.createElementBlock("div",{key:0,class:"pkt-inputwrapper__helptext",id:`${t.forId}-helptext`,innerHTML:t.helptext},null,8,c)):e.createCommentVNode("",!0),r.hasDropDown?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createVNode(n,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":l.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-inputwrapper__helptext-expandable pkt-link pkt-link--icon-right",onOnClick:r.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:r.dropdownButton},null,8,u)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":l.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!l.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,h)],2),t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy},e.toDisplayString(t.label),9,k))],64)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")]),_:3},8,["for","class","aria-describedby"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.hasFieldset?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("label",{key:0,for:t.forId,class:"pkt-sr-only","aria-describedby":r.describedBy,id:`${t.forId}-label`},e.toDisplayString(t.label),9,f)),e.renderSlot(a.$slots,"default")],64)),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",g,[e.createVNode(i,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,slim:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.errorMessage),1)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const y=d._export_sfc(p,[["render",m]]);exports.PktInputWrapper=y;

package/dist/plugins-AiK__HqQ.cjs

@@ -0,0 +1 @@
+"use strict";const r=(e,t)=>{const n=e.__vccOpts||e;for(const[o,s]of t)n[o]=s;return n},i=e=>{typeof window<"u"&&window.Vue&&window.Vue.use(e)},u=(e,t)=>{e.use(t)},c=(e,t)=>{e.component(t.name,t)};exports._export_sfc=r;exports.registerComponent=c;exports.registerPlugin=u;exports.use=i;

package/dist/plugins-IeJb3XDX.js

@@ -0,0 +1,18 @@
+const r = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [s, t] of n)
+    o[s] = t;
+  return o;
+}, u = (e) => {
+  typeof window < "u" && window.Vue && window.Vue.use(e);
+}, a = (e, n) => {
+  e.use(n);
+}, c = (e, n) => {
+  e.component(n.name, n);
+};
+export {
+  r as _,
+  c as a,
+  a as r,
+  u
+};

package/dist/punkt-vue-alert.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Alert-CShkNLKz.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const r={install(l){t.registerComponent(l,e.PktAlert)}};t.use(r);exports.PktAlert=e.PktAlert;exports.default=r;

package/dist/punkt-vue-alert.js

@@ -0,0 +1,14 @@
+import { P as o } from "./Alert-eoZOqLMh.js";
+import { u as r, a as s } from "./plugins-IeJb3XDX.js";
+import "./Icon-s3ZNrtl-.js";
+import "vue";
+const a = {
+  install(t) {
+    s(t, o);
+  }
+};
+r(a);
+export {
+  o as PktAlert,
+  a as default
+};

package/dist/punkt-vue-backlink.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),o=require("./plugins-AiK__HqQ.cjs"),r={name:"PktBackLink",components:{PktIcon:a.PktIcon},props:{text:{type:String,required:!1,default:"oslo.kommune.no"},href:{type:String,required:!1,default:"https://www.oslo.kommune.no"}}},k={class:"pkt-back-link","aria-label":"Gå tilbake et steg"},_=["href"],p={class:"pkt-back-link__text"},u={class:"pkt-back-link__text"};function d(n,f,t,h,m,g){const c=e.resolveComponent("pkt-icon"),s=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("nav",k,[t.href.startsWith("http")||t.href.startsWith("mailto")?(e.openBlock(),e.createElementBlock("a",{key:0,href:t.href,class:"pkt-link pkt-link--icon-left"},[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",p,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])],8,_)):(e.openBlock(),e.createBlock(s,{key:1,to:t.href,class:"pkt-link pkt-link--icon-left"},{default:e.withCtx(()=>[e.createVNode(c,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",u,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])]),_:3},8,["to"]))])}const l=o._export_sfc(r,[["render",d]]),i={install(n){o.registerComponent(n,l)}};o.use(i);exports.PktBackLink=l;exports.default=i;

package/dist/punkt-vue-backlink.js

@@ -0,0 +1,72 @@
+import { P as p } from "./Icon-s3ZNrtl-.js";
+import { resolveComponent as s, openBlock as n, createElementBlock as a, createVNode as c, createElementVNode as i, renderSlot as l, createTextVNode as k, toDisplayString as r, createBlock as f, withCtx as m } from "vue";
+import { _ as h, u as d, a as u } from "./plugins-IeJb3XDX.js";
+const x = {
+  name: "PktBackLink",
+  components: {
+    PktIcon: p
+  },
+  props: {
+    // Text will get overwritten by "slot" if we have any DOM children in the button element
+    text: {
+      type: String,
+      required: !1,
+      default: "oslo.kommune.no"
+    },
+    href: {
+      type: String,
+      required: !1,
+      default: "https://www.oslo.kommune.no"
+    }
+  }
+}, b = {
+  class: "pkt-back-link",
+  "aria-label": "Gå tilbake et steg"
+}, g = ["href"], B = { class: "pkt-back-link__text" }, y = { class: "pkt-back-link__text" };
+function P(e, S, t, C, L, N) {
+  const o = s("pkt-icon"), _ = s("router-link");
+  return n(), a("nav", b, [
+    t.href.startsWith("http") || t.href.startsWith("mailto") ? (n(), a("a", {
+      key: 0,
+      href: t.href,
+      class: "pkt-link pkt-link--icon-left"
+    }, [
+      c(o, {
+        class: "pkt-back-link__icon pkt-icon pkt-link__icon",
+        name: "chevron-thin-left"
+      }),
+      i("span", B, [
+        l(e.$slots, "default", {}, () => [
+          k(r(t.text), 1)
+        ])
+      ])
+    ], 8, g)) : (n(), f(_, {
+      key: 1,
+      to: t.href,
+      class: "pkt-link pkt-link--icon-left"
+    }, {
+      default: m(() => [
+        c(o, {
+          class: "pkt-back-link__icon pkt-icon pkt-link__icon",
+          name: "chevron-thin-left"
+        }),
+        i("span", y, [
+          l(e.$slots, "default", {}, () => [
+            k(r(t.text), 1)
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["to"]))
+  ]);
+}
+const v = /* @__PURE__ */ h(x, [["render", P]]), w = {
+  install(e) {
+    u(e, v);
+  }
+};
+d(w);
+export {
+  v as PktBackLink,
+  w as default
+};

package/dist/punkt-vue-breadcrumbs.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),a=require("./plugins-AiK__HqQ.cjs"),k={name:"PktBreadcrumbs",components:{PktIcon:u.PktIcon},props:{breadcrumbs:{type:Array,required:!0,default:()=>[]},navigationType:{type:String,default:"anchor",validator:r=>["router","anchor"].includes(r)}},computed:{linkElement(){return this.navigationType==="router"?"router-link":"a"},backLink(){return this.displayedBreadcrumbs[this.displayedBreadcrumbs.length-2]},displayedBreadcrumbs(){return this.breadcrumbs.slice(0,4)}}},d={"aria-label":"brødsmulemeny",class:"pkt-breadcrumbs"},m={class:"pkt-breadcrumbs__list pkt-breadcrumbs--desktop"},p={key:0,class:"pkt-breadcrumbs__label","aria-current":"true"},_={class:"pkt-breadcrumbs__text"},b={class:"pkt-breadcrumbs__text"},h={class:"pkt-breadcrumbs__text"};function y(r,f,n,g,B,t){const l=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("nav",d,[e.createElementVNode("ol",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.displayedBreadcrumbs,(c,o)=>(e.openBlock(),e.createElementBlock("li",{key:`breadcrumb-${o}`,class:"pkt-breadcrumbs__item"},[o===t.displayedBreadcrumbs.length-1?(e.openBlock(),e.createElementBlock("span",p,[e.createElementVNode("span",_,e.toDisplayString(c.text),1)])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{key:1,to:n.navigationType==="router"?c.href:null,href:n.navigationType==="anchor"?c.href:null,class:"pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-icon pkt-breadcrumbs__icon pkt-link__icon",name:"chevron-thin-right"}),e.createElementVNode("span",b,e.toDisplayString(c.text),1)]),_:2},1032,["to","href"]))]))),128))]),e.createElementVNode("template",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.linkElement),{to:n.navigationType==="router"?t.backLink.href:null,href:n.navigationType==="anchor"?t.backLink.href:null,class:"pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"},{default:e.withCtx(()=>[e.createVNode(l,{class:"pkt-back-link__icon pkt-icon pkt-link__icon",name:"chevron-thin-left"}),e.createElementVNode("span",h,e.toDisplayString(t.backLink.text),1)]),_:1},8,["to","href"]))])])}const s=a._export_sfc(k,[["render",y]]),i={install(r){a.registerComponent(r,s)}};a.use(i);exports.PktBreadcrumbs=s;exports.default=i;

package/dist/punkt-vue-breadcrumbs.js

@@ -0,0 +1,95 @@
+import { P as b } from "./Icon-s3ZNrtl-.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as c, createElementVNode as r, Fragment as p, renderList as h, toDisplayString as l, createBlock as u, resolveDynamicComponent as d, withCtx as k, createVNode as _ } from "vue";
+import { _ as f, u as y, a as g } from "./plugins-IeJb3XDX.js";
+const v = {
+  name: "PktBreadcrumbs",
+  components: {
+    PktIcon: b
+  },
+  props: {
+    breadcrumbs: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    navigationType: {
+      type: String,
+      default: "anchor",
+      validator: (a) => ["router", "anchor"].includes(a)
+    }
+  },
+  computed: {
+    linkElement() {
+      return this.navigationType === "router" ? "router-link" : "a";
+    },
+    backLink() {
+      return this.displayedBreadcrumbs[this.displayedBreadcrumbs.length - 2];
+    },
+    // Max 4 breadcrumbs
+    displayedBreadcrumbs() {
+      return this.breadcrumbs.slice(0, 4);
+    }
+  }
+}, B = {
+  "aria-label": "brødsmulemeny",
+  class: "pkt-breadcrumbs"
+}, x = { class: "pkt-breadcrumbs__list pkt-breadcrumbs--desktop" }, T = {
+  key: 0,
+  class: "pkt-breadcrumbs__label",
+  "aria-current": "true"
+}, E = { class: "pkt-breadcrumbs__text" }, L = { class: "pkt-breadcrumbs__text" }, P = { class: "pkt-breadcrumbs__text" };
+function C(a, S, n, V, q, e) {
+  const i = m("pkt-icon");
+  return t(), c("nav", B, [
+    r("ol", x, [
+      (t(!0), c(p, null, h(e.displayedBreadcrumbs, (s, o) => (t(), c("li", {
+        key: `breadcrumb-${o}`,
+        class: "pkt-breadcrumbs__item"
+      }, [
+        o === e.displayedBreadcrumbs.length - 1 ? (t(), c("span", T, [
+          r("span", E, l(s.text), 1)
+        ])) : (t(), u(d(e.linkElement), {
+          key: 1,
+          to: n.navigationType === "router" ? s.href : null,
+          href: n.navigationType === "anchor" ? s.href : null,
+          class: "pkt-link pkt-link--icon-right pkt-breadcrumbs__label pkt-breadcrumbs__link"
+        }, {
+          default: k(() => [
+            _(i, {
+              class: "pkt-icon pkt-breadcrumbs__icon pkt-link__icon",
+              name: "chevron-thin-right"
+            }),
+            r("span", L, l(s.text), 1)
+          ]),
+          _: 2
+        }, 1032, ["to", "href"]))
+      ]))), 128))
+    ]),
+    r("template", null, [
+      (t(), u(d(e.linkElement), {
+        to: n.navigationType === "router" ? e.backLink.href : null,
+        href: n.navigationType === "anchor" ? e.backLink.href : null,
+        class: "pkt-link pkt-link--icon-left pkt-breadcrumbs--mobile"
+      }, {
+        default: k(() => [
+          _(i, {
+            class: "pkt-back-link__icon pkt-icon pkt-link__icon",
+            name: "chevron-thin-left"
+          }),
+          r("span", P, l(e.backLink.text), 1)
+        ]),
+        _: 1
+      }, 8, ["to", "href"]))
+    ])
+  ]);
+}
+const D = /* @__PURE__ */ f(v, [["render", C]]), N = {
+  install(a) {
+    g(a, D);
+  }
+};
+y(N);
+export {
+  D as PktBreadcrumbs,
+  N as default
+};

package/dist/punkt-vue-button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button-h1iXT3rO.cjs"),t=require("./plugins-AiK__HqQ.cjs");require("./Icon-Q_SkpRJa.cjs");require("vue");const u={install(r){t.registerComponent(r,e.PktButton)}};t.use(u);exports.PktButton=e.PktButton;exports.default=u;

package/dist/punkt-vue-button.js

@@ -0,0 +1,14 @@
+import { P as o } from "./Button-oFCw2kbo.js";
+import { u as r, a as s } from "./plugins-IeJb3XDX.js";
+import "./Icon-s3ZNrtl-.js";
+import "vue";
+const a = {
+  install(t) {
+    s(t, o);
+  }
+};
+r(a);
+export {
+  o as PktButton,
+  a as default
+};

package/dist/punkt-vue-checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./plugins-AiK__HqQ.cjs"),r={name:"PktCheckbox",props:{id:{type:String,required:!0},defaultChecked:{type:Boolean,required:!1,default:!1},modelValue:{type:Boolean,required:!1,default:!1},hasTile:{type:Boolean,required:!1,default:!1},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1},checkHelptext:{type:String,required:!1},hasError:{type:Boolean,required:!1,default:!1}},emits:["update:modelValue","onChange"],computed:{computedChecked:{get(){return this.modelValue},set(l){this.$emit("update:modelValue",l),this.$emit("onChange",l)}}},methods:{handleChange(l){this.computedChecked=l.target.checked}}},s={class:"pkt-input-check"},u=["id","checked","disabled"],h=["for"],k={key:0,class:"pkt-input-check__input-helptext"};function p(l,d,t,f,_,a){return e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",{class:e.normalizeClass([{"pkt-input-check__input--tile":t.hasTile},"pkt-input-check__input"])},[e.createElementVNode("input",e.mergeProps(l.$attrs,{class:["pkt-input-check__input-checkbox",{"pkt-input-check__input-checkbox--error":t.hasError}],type:"checkbox",id:t.id,checked:a.computedChecked||t.defaultChecked,onChange:d[0]||(d[0]=(...o)=>a.handleChange&&a.handleChange(...o)),disabled:t.disabled}),null,16,u),e.createElementVNode("label",{class:"pkt-input-check__input-label",for:t.id},[e.createTextVNode(e.toDisplayString(t.label)+" ",1),t.checkHelptext?(e.openBlock(),e.createElementBlock("div",k,e.toDisplayString(t.checkHelptext),1)):e.createCommentVNode("",!0)],8,h)],2)])}const n=c._export_sfc(r,[["render",p]]),i={install(l){c.registerComponent(l,n)}};c.use(i);exports.PktCheckbox=n;exports.default=i;

package/dist/punkt-vue-checkbox.js

@@ -0,0 +1,96 @@
+import { openBlock as d, createElementBlock as i, createElementVNode as l, normalizeClass as o, mergeProps as r, createTextVNode as u, toDisplayString as n, createCommentVNode as h } from "vue";
+import { _ as k, u as p, a as f } from "./plugins-IeJb3XDX.js";
+const _ = {
+  name: "PktCheckbox",
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    defaultChecked: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    modelValue: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    hasTile: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    label: {
+      type: String,
+      required: !1
+    },
+    checkHelptext: {
+      type: String,
+      required: !1
+    },
+    hasError: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "onChange"],
+  computed: {
+    computedChecked: {
+      get() {
+        return this.modelValue;
+      },
+      set(t) {
+        this.$emit("update:modelValue", t), this.$emit("onChange", t);
+      }
+    }
+  },
+  methods: {
+    handleChange(t) {
+      this.computedChecked = t.target.checked;
+    }
+  }
+}, m = { class: "pkt-input-check" }, C = ["id", "checked", "disabled"], g = ["for"], b = {
+  key: 0,
+  class: "pkt-input-check__input-helptext"
+};
+function x(t, c, e, B, V, a) {
+  return d(), i("div", m, [
+    l("div", {
+      class: o([{ "pkt-input-check__input--tile": e.hasTile }, "pkt-input-check__input"])
+    }, [
+      l("input", r(t.$attrs, {
+        class: ["pkt-input-check__input-checkbox", { "pkt-input-check__input-checkbox--error": e.hasError }],
+        type: "checkbox",
+        id: e.id,
+        checked: a.computedChecked || e.defaultChecked,
+        onChange: c[0] || (c[0] = (...s) => a.handleChange && a.handleChange(...s)),
+        disabled: e.disabled
+      }), null, 16, C),
+      l("label", {
+        class: "pkt-input-check__input-label",
+        for: e.id
+      }, [
+        u(n(e.label) + " ", 1),
+        e.checkHelptext ? (d(), i("div", b, n(e.checkHelptext), 1)) : h("", !0)
+      ], 8, g)
+    ], 2)
+  ]);
+}
+const y = /* @__PURE__ */ k(_, [["render", x]]), q = {
+  install(t) {
+    f(t, y);
+  }
+};
+p(q);
+export {
+  y as PktCheckbox,
+  q as default
+};

package/dist/punkt-vue-footer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("./Icon-Q_SkpRJa.cjs"),e=require("vue"),s=require("./plugins-AiK__HqQ.cjs"),k={name:"PktFooter",components:{PktIcon:p.PktIcon},props:{columnOne:{type:Object,required:!0,validator:o=>"title"in o&&(!("links"in o)||Array.isArray(o.links)&&o.links.every(r=>"href"in r&&"text"in r))},columnTwo:{type:Object,required:!0,validator:o=>"title"in o&&(!("links"in o)||Array.isArray(o.links)&&o.links.every(r=>"href"in r&&"text"in r))},socialLinks:{type:Array,description:"Array of social media and language links for the footer",validator:o=>o.every(r=>{if(typeof r=="object"){const n=typeof r.href=="string",c=typeof r.iconName=="string",i=typeof r.language=="string";return n&&(c||i)}return!1}),required:!1},personvernOgInfoLink:{type:String,default:"https://www.oslo.kommune.no/personvern-og-informasjonskapsler/",required:!1},tilgjengelighetLink:{type:String,default:"https://www.oslo.kommune.no/tilgjengelighet/",required:!1}}},m={class:"pkt-footer","data-mode":"dark"},f={class:"pkt-footer__container"},u={class:"pkt-grid pkt-grid--rowgap-size-32 pkt-grid--gap-size-16"},g={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},h={class:"pkt-footer__title"},N={class:"pkt-footer__list"},E={key:0,class:"pkt-footer__text"},V=["href","target","rel"],y={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},B={class:"pkt-footer__title"},b={class:"pkt-footer__list"},v=["href","target","rel"],w={class:"pkt-footer__column pkt-cell pkt-cell--span12 pkt-cell--span4-laptop-up"},x=e.createElementVNode("h2",{class:"pkt-footer__title"},"Om nettstedet",-1),T={class:"pkt-footer__list"},I={class:"pkt-footer__list-item"},L=["href"],j={class:"pkt-footer__list-item"},O=["href"],S={key:0,class:"pkt-footer__social","aria-label":"standard lenker"},F=["href","aria-label","target","rel"],q={class:"pkt-footer__social-icons"},C=["href","aria-label","target","rel"];function P(o,r,n,c,i,A){const a=e.resolveComponent("pkt-icon");return e.openBlock(),e.createElementBlock("footer",m,[e.createElementVNode("div",f,[e.createElementVNode("div",u,[e.createElementVNode("div",g,[e.createElementVNode("h2",h,e.toDisplayString(n.columnOne.title),1),e.createElementVNode("ul",N,[n.columnOne.text?(e.openBlock(),e.createElementBlock("li",E,e.toDisplayString(n.columnOne.text),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columnOne.links,(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":t.external}]),href:t.href,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(t.text),1)],10,V)]))),128))])]),e.createElementVNode("div",y,[e.createElementVNode("h2",B,e.toDisplayString(n.columnTwo.title),1),e.createElementVNode("ul",b,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columnTwo.links,(t,l)=>(e.openBlock(),e.createElementBlock("li",{class:"pkt-footer__list-item",key:`links-${l}`},[e.createElementVNode("a",{class:e.normalizeClass(["pkt-footer__link",{"pkt-link--external":t.external}]),href:t.href,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":void 0},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" "+e.toDisplayString(t.text),1)],10,v)]))),128))])]),e.createElementVNode("div",w,[x,e.createElementVNode("ul",T,[e.createElementVNode("li",I,[e.createElementVNode("a",{href:n.personvernOgInfoLink,class:"pkt-footer__link"},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" Personvern og informasjonskapsler ")],8,L)]),e.createElementVNode("li",j,[e.createElementVNode("a",{href:n.tilgjengelighetLink,class:"pkt-footer__link"},[e.createVNode(a,{class:"pkt-footer__link-icon",name:"chevron-right"}),e.createTextVNode(" Tilgjengelighet ")],8,O)])])])]),n.socialLinks?(e.openBlock(),e.createElementBlock("div",S,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.socialLinks,(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.language?(e.openBlock(),e.createElementBlock("div",{key:`language-${l}`,class:"pkt-footer__social-language"},[e.createElementVNode("a",{href:t.href,"aria-label":`til ${t.language} versjon av nettsiden`,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":null},e.toDisplayString(t.language),9,F)])):e.createCommentVNode("",!0)],64))),256)),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.socialLinks,(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.iconName?(e.openBlock(),e.createElementBlock("a",{key:`sociallinks-${l}`,href:t.href,"aria-label":`til ${t.iconName}`,target:t.openInNewTab?"_blank":"_self",rel:t.openInNewTab?"noopener noreferrer":null,class:"pkt-footer__social-icon-link"},[e.createVNode(a,{class:"pkt-footer__social-icon",name:t.iconName},null,8,["name"])],8,C)):e.createCommentVNode("",!0)],64))),256))])])):e.createCommentVNode("",!0)])])}const _=s._export_sfc(k,[["render",P]]),d={install(o){s.registerComponent(o,_)}};s.use(d);exports.PktFooter=_;exports.default=d;