@oslokommune/punkt-vue 12.6.0 → 12.6.1

package/CHANGELOG.md

@@ -5,6 +5,24 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.6.1](https://github.com/oslokommune/punkt/compare/12.6.0...12.6.1) (2024-10-31)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+* Alert, Messagebox, Tag i Vue (#1991). 
+
+
+---
+
+
 ## [12.5.0](https://github.com/oslokommune/punkt/compare/12.4.3...12.5.0) (2024-10-23)
 
 ### ⚠ BREAKING CHANGES

package/dist/Alert-7VFPFaQg.cjs

@@ -0,0 +1,27 @@
+"use strict";const t=require("./index-CyqOyy_9-DqacYP0U.cjs"),p=require("./class-map-DunDFQn7-DJuL1PJh.cjs"),k=require("vue"),u=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),f="pkt-alert",v=!0,m={onClose:{description:"React: Klikk-event for 'Lukk'-knappen"},close:{description:"Vue: Klikk-event for 'Lukk'-knappen"}},h={title:{name:"Tittel",description:"Tittelen som vises øverst i på meldingen",type:"string"},skin:{name:"Utseende",description:"Hvordan type melding er dette?",type:["info","success","warning","error"],default:"info"},date:{name:"Sist oppdatert",description:"Dato som vises nederst i på meldingen",type:"string"},ariaLive:{name:"aria-live",description:"Hvordan skal skjermleseren lese opp meldingen?",type:["off","polite","assertive"],default:"polite"},compact:{name:"Kompakt",description:"Gjør meldingen mindre",type:"boolean",default:!1},closeAlert:{name:"Vis 'Lukk'-knapp",description:"Viser 'Lukk'-knappen",type:"boolean",default:!1}},y={default:{description:"Innholdet i meldingen"}},c={name:f,"css-class":"pkt-alert","dark-mode":!0,isElement:v,events:m,props:h,slots:y};var _=Object.defineProperty,g=Object.getOwnPropertyDescriptor,o=(e,l,i,r)=>{for(var n=r>1?void 0:r?g(l,i):l,a=e.length-1,d;a>=0;a--)(d=e[a])&&(n=(r?d(l,i,n):d(n))||n);return r&&n&&_(l,i,n),n};let s=class extends t.vt{constructor(){super(),this.defaultSlot=p.U(),this.compact=c.props.compact.default,this.title="",this.skin=c.props.skin.default,this.ariaLive=c.props.ariaLive.default,this.closeAlert=c.props.closeAlert.default,this.date=null,this._isClosed=!1,this.close=e=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:e},bubbles:!0,composed:!0}))},this.slotController=new p.H(this,this.defaultSlot),this._isClosed=!1}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed};return t.Zt`
+      <div class=${p.u(e)} aria-live=${this.ariaLive}>
+        <pkt-icon
+          class="pkt-alert__icon"
+          name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
+        ></pkt-icon>
+
+        ${this.closeAlert?t.Zt`
+              <div class="pkt-alert__close">
+                <button
+                  type="button"
+                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+                  tabindex="0"
+                  aria-label="close"
+                  @click=${this.close}
+                >
+                  <pkt-icon name="close" class="pkt-btn__icon" aria-hidden="true"></pkt-icon>
+                </button>
+              </div>
+            `:t.c}
+        ${this.title?t.Zt`<div class="pkt-alert__title">${this.title}</div>`:t.c}
+
+        <div class="pkt-alert__text" ${p.z(this.defaultSlot)}></div>
+
+        ${this.date?t.Zt`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:t.c}
+      </div>
+    `}};o([t.p({type:Boolean,reflect:!1})],s.prototype,"compact",2);o([t.p({type:String,reflect:!0})],s.prototype,"title",2);o([t.p({type:String,reflect:!0})],s.prototype,"skin",2);o([t.p({type:String,reflect:!0})],s.prototype,"ariaLive",2);o([t.p({type:Boolean,reflect:!0})],s.prototype,"closeAlert",2);o([t.p({type:String,reflect:!0})],s.prototype,"date",2);o([t.kt()],s.prototype,"_isClosed",2);s=o([t.r("pkt-alert")],s);const b={name:"PktAlert",props:{skin:{type:String,default:"info",validator(e){return["error","success","warning","info"].includes(e)}},closeAlert:{type:Boolean,default:!1},title:{type:String,default:""},date:{type:String,default:""},ariaLive:{type:String,default:"polite",validator(e){return["off","polite","assertive"].includes(e)}},compact:{type:Boolean,default:!1}}},S=["skin","closeAlert","title","date","ariaLive","compact"];function L(e,l,i,r,n,a){return k.openBlock(),k.createElementBlock("pkt-alert",{skin:i.skin,closeAlert:i.closeAlert,title:i.title,date:i.date,ariaLive:i.ariaLive,compact:i.compact},[k.renderSlot(e.$slots,"default")],8,S)}const A=u._export_sfc(b,[["render",L]]);exports.PktAlert=A;

package/dist/Alert-DdxFjCxA.js

@@ -0,0 +1,194 @@
+import { k as f, p as a, r as m, v as u, Z as p, c as k } from "./index-CyqOyy_9-CvJge_KP.js";
+import { U as v, H as h, u as y, z as _ } from "./class-map-DunDFQn7-CEvlmYwL.js";
+import { openBlock as g, createElementBlock as b, renderSlot as S } from "vue";
+import { _ as L } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = "pkt-alert", A = !0, C = {
+  onClose: {
+    description: "React: Klikk-event for 'Lukk'-knappen"
+  },
+  close: {
+    description: "Vue: Klikk-event for 'Lukk'-knappen"
+  }
+}, w = {
+  title: {
+    name: "Tittel",
+    description: "Tittelen som vises øverst i på meldingen",
+    type: "string"
+  },
+  skin: {
+    name: "Utseende",
+    description: "Hvordan type melding er dette?",
+    type: [
+      "info",
+      "success",
+      "warning",
+      "error"
+    ],
+    default: "info"
+  },
+  date: {
+    name: "Sist oppdatert",
+    description: "Dato som vises nederst i på meldingen",
+    type: "string"
+  },
+  ariaLive: {
+    name: "aria-live",
+    description: "Hvordan skal skjermleseren lese opp meldingen?",
+    type: [
+      "off",
+      "polite",
+      "assertive"
+    ],
+    default: "polite"
+  },
+  compact: {
+    name: "Kompakt",
+    description: "Gjør meldingen mindre",
+    type: "boolean",
+    default: !1
+  },
+  closeAlert: {
+    name: "Vis 'Lukk'-knapp",
+    description: "Viser 'Lukk'-knappen",
+    type: "boolean",
+    default: !1
+  }
+}, B = {
+  default: {
+    description: "Innholdet i meldingen"
+  }
+}, c = {
+  name: $,
+  "css-class": "pkt-alert",
+  "dark-mode": !0,
+  isElement: A,
+  events: C,
+  props: w,
+  slots: B
+};
+var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, o = (t, l, e, n) => {
+  for (var s = n > 1 ? void 0 : n ? P(l, e) : l, r = t.length - 1, d; r >= 0; r--)
+    (d = t[r]) && (s = (n ? d(l, e, s) : d(s)) || s);
+  return n && s && E(l, e, s), s;
+};
+let i = class extends u {
+  constructor() {
+    super(), this.defaultSlot = v(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this.closeAlert = c.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
+      this._isClosed = !0, this.dispatchEvent(
+        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      ), this.dispatchEvent(
+        new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      );
+    }, this.slotController = new h(this, this.defaultSlot), this._isClosed = !1;
+  }
+  render() {
+    const t = {
+      "pkt-alert": !0,
+      "pkt-alert--compact": this.compact,
+      [`pkt-alert--${this.skin}`]: this.skin,
+      "pkt-hide": this._isClosed
+    };
+    return p`
+      <div class=${y(t)} aria-live=${this.ariaLive}>
+        <pkt-icon
+          class="pkt-alert__icon"
+          name=${this.skin === "info" ? "alert-information" : `alert-${this.skin}`}
+        ></pkt-icon>
+
+        ${this.closeAlert ? p`
+              <div class="pkt-alert__close">
+                <button
+                  type="button"
+                  class="pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only"
+                  tabindex="0"
+                  aria-label="close"
+                  @click=${this.close}
+                >
+                  <pkt-icon name="close" class="pkt-btn__icon" aria-hidden="true"></pkt-icon>
+                </button>
+              </div>
+            ` : k}
+        ${this.title ? p`<div class="pkt-alert__title">${this.title}</div>` : k}
+
+        <div class="pkt-alert__text" ${_(this.defaultSlot)}></div>
+
+        ${this.date ? p`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>` : k}
+      </div>
+    `;
+  }
+};
+o([
+  a({ type: Boolean, reflect: !1 })
+], i.prototype, "compact", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "title", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "skin", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "ariaLive", 2);
+o([
+  a({ type: Boolean, reflect: !0 })
+], i.prototype, "closeAlert", 2);
+o([
+  a({ type: String, reflect: !0 })
+], i.prototype, "date", 2);
+o([
+  f()
+], i.prototype, "_isClosed", 2);
+i = o([
+  m("pkt-alert")
+], i);
+const x = {
+  name: "PktAlert",
+  props: {
+    skin: {
+      type: String,
+      default: "info",
+      validator(t) {
+        return ["error", "success", "warning", "info"].includes(t);
+      }
+    },
+    closeAlert: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    date: {
+      type: String,
+      default: ""
+    },
+    ariaLive: {
+      type: String,
+      default: "polite",
+      validator(t) {
+        return ["off", "polite", "assertive"].includes(t);
+      }
+    },
+    compact: {
+      type: Boolean,
+      default: !1
+    }
+  }
+}, j = ["skin", "closeAlert", "title", "date", "ariaLive", "compact"];
+function H(t, l, e, n, s, r) {
+  return g(), b("pkt-alert", {
+    skin: e.skin,
+    closeAlert: e.closeAlert,
+    title: e.title,
+    date: e.date,
+    ariaLive: e.ariaLive,
+    compact: e.compact
+  }, [
+    S(t.$slots, "default")
+  ], 8, j);
+}
+const T = /* @__PURE__ */ L(x, [["render", H]]);
+export {
+  T as P
+};

package/dist/{Button-DTexYyWR.cjs → Button-CQynfljs.cjs}

@@ -1 +1 @@
-"use strict";const o=require("./Icon-CRFNDFzs.cjs"),e=require("vue"),r=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u={name:"PktButton",components:{PktIcon:o.PktIcon},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:"user"},secondIconName:{type:String,required:!1,default:"user"},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},skin:{type:String,default:"primary",validator:t=>["primary","secondary","tertiary"].includes(t)},color:{type:String,validator:t=>["blue","blue-outline","green","green-outline","green-dark","green-dark-outline","beige-light","beige-dark-outline","yellow","yellow-outline","red","red-outline"].includes(t)},text:{type:String,required:!1,default:"Trykk her"},variant:{type:String,default:"label-only",validator:t=>["label-only","icon-left","icon-right","icon-only","icons-right-and-left"].includes(t)},state:{type:String,required:!1,validator:t=>["normal","focus","hover","active"].includes(t)},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return["pkt-btn",this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size!=="medium"?`pkt-btn--${this.size}`:""},skinClass(){return this.skin!=="primary"?`pkt-btn--${this.skin}`:""},colorClass(){return this.color?`pkt-btn--${this.color}`:""},stateClass(){return this.state?`pkt-btn--${this.state}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},c=["type","disabled"],d={class:"pkt-btn__text"};function k(t,s,n,p,y,a){const i=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:a.classes,onClick:s[0]||(s[0]=l=>t.$emit("onClick")),onKeyup:s[1]||(s[1]=e.withKeys(l=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(i,{key:0,class:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.6/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(i,{key:1,class:"pkt-btn__icon",name:n.iconName},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.variant==="icons-right-and-left"?(e.openBlock(),e.createBlock(i,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,c)}const m=r._export_sfc(u,[["render",k]]);exports.PktButton=m;
+"use strict";const o=require("./Icon-Bk_nMwsS.cjs"),e=require("vue"),r=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),u={name:"PktButton",components:{PktIcon:o.PktIcon},props:{disabled:{type:Boolean,required:!1,default:!1},iconName:{type:String,required:!1,default:"user"},secondIconName:{type:String,required:!1,default:"user"},size:{type:String,default:"medium",validator:t=>["small","medium","large"].includes(t)},skin:{type:String,default:"primary",validator:t=>["primary","secondary","tertiary"].includes(t)},color:{type:String,validator:t=>["blue","blue-outline","green","green-outline","green-dark","green-dark-outline","beige-light","beige-dark-outline","yellow","yellow-outline","red","red-outline"].includes(t)},text:{type:String,required:!1,default:"Trykk her"},variant:{type:String,default:"label-only",validator:t=>["label-only","icon-left","icon-right","icon-only","icons-right-and-left"].includes(t)},state:{type:String,required:!1,validator:t=>["normal","focus","hover","active"].includes(t)},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},isLoading:{type:Boolean,default:!1}},computed:{classes(){return["pkt-btn",this.sizeClass,this.skinClass,this.variantClass,this.colorClass,this.isLoadingClass,this.stateClass]},sizeClass(){return this.size!=="medium"?`pkt-btn--${this.size}`:""},skinClass(){return this.skin!=="primary"?`pkt-btn--${this.skin}`:""},colorClass(){return this.color?`pkt-btn--${this.color}`:""},stateClass(){return this.state?`pkt-btn--${this.state}`:""},variantClass(){return this.variant!=="label-only"?`pkt-btn--${this.variant}`:""},isLoadingClass(){return this.isLoading===!0?"pkt-btn--active":""}}},c=["type","disabled"],d={class:"pkt-btn__text"};function k(t,s,n,p,y,a){const i=e.resolveComponent("PktIcon");return e.openBlock(),e.createElementBlock("button",e.mergeProps(t.$attrs,{type:n.type,class:a.classes,onClick:s[0]||(s[0]=l=>t.$emit("onClick")),onKeyup:s[1]||(s[1]=e.withKeys(l=>t.$emit("onClick"),["enter"])),disabled:n.disabled}),[n.isLoading===!0?(e.openBlock(),e.createBlock(i,{key:0,class:"pkt-btn__icon pkt-btn__spinner",name:"spinner-blue",path:"https://punkt-cdn.oslo.kommune.no/12.6/animations/"})):e.createCommentVNode("",!0),n.variant!=="label-only"?(e.openBlock(),e.createBlock(i,{key:1,class:"pkt-btn__icon",name:n.iconName},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",d,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),n.variant==="icons-right-and-left"?(e.openBlock(),e.createBlock(i,{key:2,class:"pkt-btn__icon",name:n.secondIconName},null,8,["name"])):e.createCommentVNode("",!0)],16,c)}const m=r._export_sfc(u,[["render",k]]);exports.PktButton=m;

package/dist/{Button-HjeYh5Kr.js → Button-Qaz15rMh.js}

@@ -1,4 +1,4 @@
-import { P as d } from "./Icon-GlEtmPo3.js";
+import { P as d } from "./Icon-4g0YWJ23.js";
 import { resolveComponent as u, openBlock as s, createElementBlock as c, mergeProps as m, withKeys as k, createBlock as a, createCommentVNode as l, createElementVNode as p, renderSlot as y, createTextVNode as b, toDisplayString as f } from "vue";
 import { _ as g } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {

package/dist/{Helptext-CzFnl9PC.js → Helptext-DCN6uZnI.js}

@@ -1,4 +1,4 @@
-import { P as a } from "./Button-HjeYh5Kr.js";
+import { P as a } from "./Button-Qaz15rMh.js";
 import { resolveComponent as d, openBlock as p, createElementBlock as o, createCommentVNode as l, createVNode as h, withCtx as c, createElementVNode as r, normalizeClass as u, renderSlot as x } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {

package/dist/{Helptext-qrHljck3.cjs → Helptext-DS9_DggH.cjs}

@@ -1 +1 @@
-"use strict";const l=require("./Button-DTexYyWR.cjs"),e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s={name:"pktHelptext",components:{PktButton:l.PktButton},emits:["toggleHelpText"],props:{forId:{type:String,required:!0},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)}},computed:{hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'}}},c=["id","innerHTML"],a={key:1,class:"pkt-inputwrapper__helptext-expandable"},d=["innerHTML"],u=["innerHTML"];function h(o,_,t,k,n,p){const r=e.resolveComponent("PktButton");return e.openBlock(),e.createElementBlock("div",null,[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),p.hasDropDown?(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(r,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":n.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-link pkt-link--icon-right",onOnClick:p.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:p.dropdownButton},null,8,d)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":n.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!n.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,u)],2),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)])}const x=i._export_sfc(s,[["render",h]]);exports.PktHelptext=x;
+"use strict";const l=require("./Button-CQynfljs.cjs"),e=require("vue"),i=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),s={name:"pktHelptext",components:{PktButton:l.PktButton},emits:["toggleHelpText"],props:{forId:{type:String,required:!0},helptext:{type:String,required:!1},helptextDropdown:{type:String,required:!1},helptextDropdownButton:{type:String,required:!1}},data(){return{isHelpTextOpen:!1}},methods:{toggleHelpText(){this.isHelpTextOpen=!this.isHelpTextOpen,this.$emit("toggleHelpText",this.isHelpTextOpen)}},computed:{hasDropDown(){return!!this.helptextDropdown&&this.helptextDropdown!==""},dropdownButton(){return this.helptextDropdownButton||'Les mer <span class="pkt-sr-only">om inputfeltet</span>'}}},c=["id","innerHTML"],a={key:1,class:"pkt-inputwrapper__helptext-expandable"},d=["innerHTML"],u=["innerHTML"];function h(o,_,t,k,n,p){const r=e.resolveComponent("PktButton");return e.openBlock(),e.createElementBlock("div",null,[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),p.hasDropDown?(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(r,{skin:"tertiary",size:"small",variant:"icon-right","icon-name":n.isHelpTextOpen?"chevron-thin-up":"chevron-thin-down",class:"pkt-link pkt-link--icon-right",onOnClick:p.toggleHelpText},{default:e.withCtx(()=>[e.createElementVNode("span",{innerHTML:p.dropdownButton},null,8,d)]),_:1},8,["icon-name","onOnClick"]),e.createElementVNode("div",{class:e.normalizeClass(["pkt-inputwrapper__helptext",{"pkt-inputwrapper__helptext-expandable-open":n.isHelpTextOpen,"pkt-inputwrapper__helptext-expandable-closed":!n.isHelpTextOpen}])},[e.createElementVNode("span",{innerHTML:t.helptextDropdown},null,8,u)],2),e.renderSlot(o.$slots,"default")])):e.createCommentVNode("",!0)])}const x=i._export_sfc(s,[["render",h]]);exports.PktHelptext=x;

package/dist/Icon-4g0YWJ23.js

@@ -0,0 +1,24 @@
+import "./index-CyqOyy_9-CvJge_KP.js";
+import { openBlock as t, createElementBlock as n, mergeProps as o } from "vue";
+import { _ as r } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const a = {
+  name: "PktIcon",
+  props: {
+    name: {
+      type: String,
+      required: !0,
+      default: void 0
+    },
+    path: {
+      type: String,
+      default: void 0
+    }
+  }
+}, c = ["name"];
+function p(i, m, e, d, s, _) {
+  return t(), n("pkt-icon", o({ name: e.name }, e.path && { path: e.path }), null, 16, c);
+}
+const h = /* @__PURE__ */ r(a, [["render", p]]);
+export {
+  h as P
+};

package/dist/Icon-Bk_nMwsS.cjs

@@ -0,0 +1 @@
+"use strict";require("./index-CyqOyy_9-DqacYP0U.cjs");const t=require("vue"),n=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),r={name:"PktIcon",props:{name:{type:String,required:!0,default:void 0},path:{type:String,default:void 0}}},c=["name"];function o(a,i,e,p,s,_){return t.openBlock(),t.createElementBlock("pkt-icon",t.mergeProps({name:e.name},e.path&&{path:e.path}),null,16,c)}const u=n._export_sfc(r,[["render",o]]);exports.PktIcon=u;

package/dist/{InputWrapper-Cf9IXORl.cjs → InputWrapper-C5MQJP-W.cjs}

@@ -1 +1 @@
-"use strict";const i=require("./Alert-B279aShs.cjs"),o=require("./Helptext-qrHljck3.cjs"),e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={name:"pktInputwrapper",components:{PktAlert:i.PktAlert,PktHelptext:o.PktHelptext},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},counter:{type:Boolean,default:!1},counterCurrent:{type:Number,required:!1},counterMaxLength:{type:Number,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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},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":""},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!==""},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["for","aria-describedby"],u=["for","aria-describedby","id"],p={key:2,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"},h={key:3},f=["innerHTML"];function k(l,y,t,x,m,r){const a=e.resolveComponent("PktHelptext"),n=e.resolveComponent("PktAlert");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"])),e.createVNode(a,{forId:t.forId,onToggleHelpText:r.toggleHelpText,helptext:t.helptext,helptextDropdownButton:t.helptextDropdownButton,helptextDropdown:t.helptextDropdown},{default:e.withCtx(()=>[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,c))]),_:1},8,["forId","onToggleHelpText","helptext","helptextDropdownButton","helptextDropdown"]),e.renderSlot(l.$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,u)),e.renderSlot(l.$slots,"default")],64)),t.counter?(e.openBlock(),e.createElementBlock("div",p,[e.createTextVNode(e.toDisplayString(t.counterCurrent||0),1),t.counterMaxLength?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("/"+e.toDisplayString(t.counterMaxLength),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(n,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"pkt-contents",innerHTML:t.errorMessage},null,8,f)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const g=s._export_sfc(d,[["render",k]]);exports.PktInputWrapper=g;
+"use strict";const i=require("./Alert-7VFPFaQg.cjs"),o=require("./Helptext-DS9_DggH.cjs"),e=require("vue"),s=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),d={name:"pktInputwrapper",components:{PktAlert:i.PktAlert,PktHelptext:o.PktHelptext},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},counter:{type:Boolean,default:!1},counterCurrent:{type:Number,required:!1},counterMaxLength:{type:Number,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)}},computed:{tagText(){return this.optionalTag?this.optionalText:this.requiredTag?this.requiredText:""},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":""},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!==""},describedBy(){this.ariaDescribedby?this.ariaDescribedby:this.helptext&&`${this.forId}`}}},c=["for","aria-describedby"],u=["for","aria-describedby","id"],p={key:2,class:"pkt-input__counter","aria-live":"polite","aria-atomic":"true"},h={key:3},f=["innerHTML"];function k(l,y,t,x,m,r){const a=e.resolveComponent("PktHelptext"),n=e.resolveComponent("PktAlert");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"])),e.createVNode(a,{forId:t.forId,onToggleHelpText:r.toggleHelpText,helptext:t.helptext,helptextDropdownButton:t.helptextDropdownButton,helptextDropdown:t.helptextDropdown},{default:e.withCtx(()=>[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,c))]),_:1},8,["forId","onToggleHelpText","helptext","helptextDropdownButton","helptextDropdown"]),e.renderSlot(l.$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,u)),e.renderSlot(l.$slots,"default")],64)),t.counter?(e.openBlock(),e.createElementBlock("div",p,[e.createTextVNode(e.toDisplayString(t.counterCurrent||0),1),t.counterMaxLength?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("/"+e.toDisplayString(t.counterMaxLength),1)],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.hasError&&t.errorMessage?(e.openBlock(),e.createElementBlock("div",h,[e.createVNode(n,{skin:"error","aria-live":"assertive",id:`${t.forId}-error`,compact:""},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"pkt-contents",innerHTML:t.errorMessage},null,8,f)]),_:1},8,["id"])])):e.createCommentVNode("",!0)],2)}const g=s._export_sfc(d,[["render",k]]);exports.PktInputWrapper=g;

package/dist/{InputWrapper-DQyCKwZ5.js → InputWrapper-DDCr9wGD.js}

@@ -1,5 +1,5 @@
-import { P as b } from "./Alert-trs3P4vL.js";
-import { P as k } from "./Helptext-CzFnl9PC.js";
+import { P as b } from "./Alert-DdxFjCxA.js";
+import { P as k } from "./Helptext-DCN6uZnI.js";
 import { resolveComponent as u, openBlock as r, createElementBlock as a, normalizeClass as s, createBlock as p, resolveDynamicComponent as f, withCtx as d, createTextVNode as n, toDisplayString as l, createCommentVNode as i, createVNode as h, renderSlot as c, Fragment as g, createElementVNode as _ } from "vue";
 import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const T = {

package/dist/Tag-Cfwkk3HN.js

@@ -0,0 +1,206 @@
+import { U as g, H as h, u, z as y } from "./class-map-DunDFQn7-CEvlmYwL.js";
+import { k as m, p as o, r as f, v as k, Z as c } from "./index-CyqOyy_9-CvJge_KP.js";
+import { openBlock as b, createElementBlock as S, renderSlot as x } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const $ = "pkt-tag", v = !0, T = {
+  closeTag: {
+    type: "boolean",
+    required: !1,
+    default: !1
+  },
+  size: {
+    required: !1,
+    default: "medium",
+    type: [
+      "small",
+      "medium",
+      "large"
+    ]
+  },
+  iconName: {
+    type: "string",
+    required: !1
+  },
+  skin: {
+    required: !1,
+    default: "blue",
+    type: [
+      "blue",
+      "green",
+      "red",
+      "beige",
+      "yellow",
+      "gray",
+      "blue-light"
+    ]
+  },
+  textStyle: {
+    required: !1,
+    default: "normal-text",
+    type: [
+      "thin-text",
+      "normal-text"
+    ]
+  },
+  type: {
+    required: !1,
+    default: "button",
+    type: [
+      "button",
+      "submit",
+      "reset"
+    ]
+  },
+  ariaLabel: {
+    type: "string",
+    required: !1,
+    default: "close"
+  }
+}, z = {
+  default: {
+    description: "Teksten til tag"
+  }
+}, r = {
+  name: $,
+  "css-class": "pkt-tag",
+  isElement: v,
+  props: T,
+  slots: z
+};
+var N = Object.defineProperty, C = Object.getOwnPropertyDescriptor, i = (t, l, e, n) => {
+  for (var a = n > 1 ? void 0 : n ? C(l, e) : l, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (a = (n ? d(l, e, a) : d(a)) || a);
+  return n && a && N(l, e, a), a;
+};
+let s = class extends k {
+  constructor() {
+    super(), this.defaultSlot = g(), this.closeTag = r.props.closeTag.default, this.size = r.props.size.default, this.skin = r.props.skin.default, this.textStyle = r.props.textStyle.default, this.iconName = void 0, this.type = r.props.type.default, this.ariaLabel = r.props.ariaLabel.default, this._isClosed = !1, this.close = (t) => {
+      this._isClosed = !0, this.dispatchEvent(
+        new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      ), this.dispatchEvent(
+        new CustomEvent("on-close", { detail: { origin: t }, bubbles: !0, composed: !0 })
+      );
+    }, this.slotController = new h(this, this.defaultSlot), this._isClosed = !1;
+  }
+  render() {
+    const t = {
+      "pkt-tag": !0,
+      [`pkt-tag--${this.size}`]: !!this.size,
+      [`pkt-tag--${this.skin}`]: !!this.skin,
+      [`pkt-tag--${this.textStyle}`]: !!this.textStyle
+    }, l = {
+      "pkt-tag": !0,
+      "pkt-btn": !0,
+      "pkt-btn--tertiary": !0,
+      [`pkt-tag--${this.size}`]: !!this.size,
+      [`pkt-tag--${this.skin}`]: !!this.skin,
+      [`pkt-tag--${this.textStyle}`]: !!this.textStyle,
+      "pkt-btn--icons-right-and-left": this.closeTag && !!this.iconName,
+      "pkt-hide": this._isClosed
+    };
+    return this.closeTag ? c`
+        <button
+          class=${u(l)}
+          type=${this.type}
+          aria-label=${this.ariaLabel}
+          @click=${this.close}
+        >
+          ${this.iconName && c`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+          <span ${y(this.defaultSlot)}></span>
+          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
+        </button>
+      ` : c`
+        <span class=${u(t)}>
+          ${this.iconName && c` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
+          <span ${y(this.defaultSlot)}></span>
+        </span>
+      `;
+  }
+};
+i([
+  o({ type: Boolean, reflect: !0 })
+], s.prototype, "closeTag", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "size", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "skin", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "textStyle", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "iconName", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "type", 2);
+i([
+  o({ type: String, reflect: !0 })
+], s.prototype, "ariaLabel", 2);
+i([
+  m()
+], s.prototype, "_isClosed", 2);
+s = i([
+  f("pkt-tag")
+], s);
+const L = {
+  name: "PktTag",
+  props: {
+    skin: {
+      type: String,
+      default: "blue",
+      validator(t) {
+        return ["blue", "green", "red", "beige", "yellow", "grey", "gray", "blue-light"].includes(t);
+      }
+    },
+    textStyle: {
+      type: String,
+      default: "normal-text",
+      validator(t) {
+        return ["thin-text", "normal-text"].includes(t);
+      }
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator(t) {
+        return ["small", "medium", "large"].includes(t);
+      }
+    },
+    closeTag: {
+      type: Boolean,
+      default: !1
+    },
+    iconName: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (t) => ["button", "submit", "reset"].includes(t)
+    },
+    ariaLabel: {
+      type: String,
+      default: "close"
+    }
+  }
+}, q = ["skin", "textStyle", "size", "closeTag", "iconName", "type", "ariaLabel"];
+function w(t, l, e, n, a, p) {
+  return b(), S("pkt-tag", {
+    skin: e.skin,
+    textStyle: e.textStyle,
+    size: e.size,
+    closeTag: e.closeTag,
+    iconName: e.iconName,
+    type: e.type,
+    ariaLabel: e.ariaLabel
+  }, [
+    x(t.$slots, "default")
+  ], 8, q);
+}
+const j = /* @__PURE__ */ _(L, [["render", w]]);
+export {
+  j as T
+};

package/dist/Tag-Cmdf1tvR.cjs

@@ -0,0 +1,17 @@
+"use strict";const r=require("./class-map-DunDFQn7-DJuL1PJh.cjs"),e=require("./index-CyqOyy_9-DqacYP0U.cjs"),d=require("vue"),y=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),g="pkt-tag",h=!0,k={closeTag:{type:"boolean",required:!1,default:!1},size:{required:!1,default:"medium",type:["small","medium","large"]},iconName:{type:"string",required:!1},skin:{required:!1,default:"blue",type:["blue","green","red","beige","yellow","gray","blue-light"]},textStyle:{required:!1,default:"normal-text",type:["thin-text","normal-text"]},type:{required:!1,default:"button",type:["button","submit","reset"]},ariaLabel:{type:"string",required:!1,default:"close"}},b={default:{description:"Teksten til tag"}},o={name:g,"css-class":"pkt-tag",isElement:h,props:k,slots:b};var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,a=(t,n,s,p)=>{for(var l=p>1?void 0:p?m(n,s):n,c=t.length-1,u;c>=0;c--)(u=t[c])&&(l=(p?u(n,s,l):u(l))||l);return p&&l&&f(n,s,l),l};let i=class extends e.vt{constructor(){super(),this.defaultSlot=r.U(),this.closeTag=o.props.closeTag.default,this.size=o.props.size.default,this.skin=o.props.skin.default,this.textStyle=o.props.textStyle.default,this.iconName=void 0,this.type=o.props.type.default,this.ariaLabel=o.props.ariaLabel.default,this._isClosed=!1,this.close=t=>{this._isClosed=!0,this.dispatchEvent(new CustomEvent("close",{detail:{origin:t},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("on-close",{detail:{origin:t},bubbles:!0,composed:!0}))},this.slotController=new r.H(this,this.defaultSlot),this._isClosed=!1}render(){const t={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},n={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?e.Zt`
+        <button
+          class=${r.u(n)}
+          type=${this.type}
+          aria-label=${this.ariaLabel}
+          @click=${this.close}
+        >
+          ${this.iconName&&e.Zt`<pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon>`}
+          <span ${r.z(this.defaultSlot)}></span>
+          <pkt-icon class="pkt-tag__close-btn" name="close"></pkt-icon>
+        </button>
+      `:e.Zt`
+        <span class=${r.u(t)}>
+          ${this.iconName&&e.Zt` <pkt-icon class="pkt-tag__icon" name=${this.iconName}></pkt-icon> `}
+          <span ${r.z(this.defaultSlot)}></span>
+        </span>
+      `}};a([e.p({type:Boolean,reflect:!0})],i.prototype,"closeTag",2);a([e.p({type:String,reflect:!0})],i.prototype,"size",2);a([e.p({type:String,reflect:!0})],i.prototype,"skin",2);a([e.p({type:String,reflect:!0})],i.prototype,"textStyle",2);a([e.p({type:String,reflect:!0})],i.prototype,"iconName",2);a([e.p({type:String,reflect:!0})],i.prototype,"type",2);a([e.p({type:String,reflect:!0})],i.prototype,"ariaLabel",2);a([e.kt()],i.prototype,"_isClosed",2);i=a([e.r("pkt-tag")],i);const S={name:"PktTag",props:{skin:{type:String,default:"blue",validator(t){return["blue","green","red","beige","yellow","grey","gray","blue-light"].includes(t)}},textStyle:{type:String,default:"normal-text",validator(t){return["thin-text","normal-text"].includes(t)}},size:{type:String,default:"medium",validator(t){return["small","medium","large"].includes(t)}},closeTag:{type:Boolean,default:!1},iconName:{type:String,default:""},type:{type:String,default:"button",validator:t=>["button","submit","reset"].includes(t)},ariaLabel:{type:String,default:"close"}}},_=["skin","textStyle","size","closeTag","iconName","type","ariaLabel"];function x(t,n,s,p,l,c){return d.openBlock(),d.createElementBlock("pkt-tag",{skin:s.skin,textStyle:s.textStyle,size:s.size,closeTag:s.closeTag,iconName:s.iconName,type:s.type,ariaLabel:s.ariaLabel},[d.renderSlot(t.$slots,"default")],8,_)}const $=y._export_sfc(S,[["render",x]]);exports.Tag=$;