@oslokommune/punkt-elements 13.2.3 → 13.3.0

package/dist/pkt-tag.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-DPk3fpEg.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./tag-Bbs0U_Au.cjs"),t=e.PktTag;Object.defineProperty(exports,"PktTag",{enumerable:!0,get:()=>e.PktTag});exports.default=t;

package/dist/pkt-tag.js

@@ -1,4 +1,4 @@
-import { P as a } from "./tag-BWm6s48d.js";
+import { P as a } from "./tag-DyXzTY68.js";
 const o = a;
 export {
   a as PktTag,

package/dist/{select-CsgDatCa.js → select-CJS_CIKv.js}

@@ -24,6 +24,7 @@ let h = class extends b {
         value: s.hasAttribute("value") ? s.getAttribute("value") ?? "" : s.textContent ?? "",
         label: s.textContent || s.getAttribute("value") || "",
         disabled: s.hasAttribute("disabled"),
+        selected: s.hasAttribute("selected"),
         hidden: s.hasAttribute("data-hidden")
       };
       s.getAttribute("selected") && !this.value && (this.value = i.value), this._options.push(i);

package/dist/{select-DUeTm8ac.cjs → select-Dkl0KhGW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),h=require("./ref-iJtiv3o2.cjs"),l=require("./if-defined-Cni-RHLS.cjs"),d=require("./input-element-C4xJoM-X.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CZ-a00V7.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,o=u.length-1,n;o>=0;o--)(n=u[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,o;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,o;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
+"use strict";const r=require("./element-6DBpyGQm.cjs"),p=require("./state-DPobt-Yz.cjs"),h=require("./ref-iJtiv3o2.cjs"),l=require("./if-defined-Cni-RHLS.cjs"),d=require("./input-element-C4xJoM-X.cjs"),c=require("./pkt-options-controller-CiuBG6Lt.cjs"),v=require("./pkt-slot-controller-BzddBp7z.cjs");require("./input-wrapper-CZ-a00V7.cjs");var f=Object.defineProperty,b=Object.getOwnPropertyDescriptor,a=(u,t,e,s)=>{for(var i=s>1?void 0:s?b(t,e):t,o=u.length-1,n;o>=0;o--)(n=u[o])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&f(t,e,i),i};exports.PktSelect=class extends d.PktInputElement{constructor(){super(),this.inputRef=h.e(),this.helptextSlot=h.e(),this.options=[],this.value="",this._options=[],this.selectedIndex=-1,this.selectedOptions=void 0,this.optionsController=new c.PktOptionsSlotController(this),this.slotController=new v.PktSlotController(this,this.helptextSlot),this.slotController.skipOptions=!0}connectedCallback(){super.connectedCallback();const t=this.options.length>0,e=this.optionsController.nodes.length&&this.optionsController.nodes.length>0;!t&&e?this.optionsController.nodes.forEach(s=>{const i={value:s.hasAttribute("value")?s.getAttribute("value")??"":s.textContent??"",label:s.textContent||s.getAttribute("value")||"",disabled:s.hasAttribute("disabled"),selected:s.hasAttribute("selected"),hidden:s.hasAttribute("data-hidden")};s.getAttribute("selected")&&!this.value&&(this.value=i.value),this._options.push(i)}):(this._options=this.options,this._options.forEach(s=>{s.selected&&!this.value&&(this.value=s.value)}))}add(t,e){var s,i,o;(s=this.inputRef.value)==null||s.add(t,e),this._options.push({value:t.value||t.text,label:t.text||t.value,selected:t.selected,disabled:t.disabled}),t.selected&&(this.value=t.value||t.text,this.selectedIndex=this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions),this.requestUpdate()}remove(t){var e,s;typeof t=="number"&&(this.selectedIndex===t&&(this.value=((e=this._options[0])==null?void 0:e.value)||""),(s=this.inputRef.value)==null||s.remove(t))}item(t){var e;return(e=this.inputRef.value)==null?void 0:e.item(t)}namedItem(t){var e;return(e=this.inputRef.value)==null?void 0:e.namedItem(t)}showPicker(){var t;(t=this.inputRef.value)==null||t.showPicker()}attributeChangedCallback(t,e,s){var i,o;t==="options"&&(this._options=s?JSON.parse(s):[]),t==="value"&&this.value!==e&&(this.selectedIndex=this.touched?this.returnNumberOrNull((i=this.inputRef.value)==null?void 0:i.selectedIndex):this.options.findIndex(n=>n.value===s),this.selectedOptions=(o=this.inputRef.value)==null?void 0:o.selectedOptions,this.valueChanged(s,e)),super.attributeChangedCallback(t,e,s)}update(t){var e,s;super.update(t),t.has("value")&&this.value!==t.get("value")&&(this.selectedIndex=this.touched?this.returnNumberOrNull((e=this.inputRef.value)==null?void 0:e.selectedIndex):this.options.findIndex(i=>i.value===this.value),this.selectedOptions=(s=this.inputRef.value)==null?void 0:s.selectedOptions,this.valueChanged(this.value,t.get("value"))),t.has("id")&&!this.name&&this.id&&(this.name=this.id)}firstUpdated(t){var e;super.firstUpdated(t),this.options.length&&(this._options=this.options),!this.value&&this._options.length>0?(this.value=this._options[0].value,this.selectedIndex=0):this.selectedIndex=this._options.findIndex(s=>s.value===this.value),this.selectedOptions=(e=this.inputRef.value)==null?void 0:e.selectedOptions}render(){const t=`pkt-input ${this.fullwidth?"pkt-input--fullwidth":""}`;return r.x`
       <pkt-input-wrapper
         ?counter=${this.counter}
         ?disabled=${this.disabled}

package/dist/{tag-DPk3fpEg.cjs → tag-Bbs0U_Au.cjs}

@@ -1,4 +1,4 @@
-"use strict";const u=require("./class-map-BBG2gMX4.cjs"),t=require("./element-6DBpyGQm.cjs"),k=require("./state-DPobt-Yz.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");const h=require("./if-defined-Cni-RHLS.cjs"),f={closeTag:{default:!1},size:{default:"medium"},skin:{default:"blue"},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,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 g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
+"use strict";const u=require("./class-map-BBG2gMX4.cjs"),t=require("./element-6DBpyGQm.cjs"),k=require("./state-DPobt-Yz.cjs"),g=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs");require("./icon-B_ryAy4Q.cjs");const h=require("./if-defined-Cni-RHLS.cjs"),f={size:{default:"medium"},skin:{default:"blue"},closeTag:{default:!1},type:{default:"button"}},r={props:f};var d=Object.defineProperty,y=Object.getOwnPropertyDescriptor,i=(n,e,o,a)=>{for(var s=a>1?void 0:a?y(e,o):e,l=n.length-1,p;l>=0;l--)(p=n[l])&&(s=(a?p(e,o,s):p(s))||s);return a&&s&&d(e,o,s),s};exports.PktTag=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.closeTag=r.props.closeTag.default,this.size=r.props.size.default,this.skin=r.props.skin.default,this.textStyle=null,this.iconName=void 0,this.type=r.props.type.default,this.ariaLabel=null,this._isClosed=!1,this._ariaDescription=null,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 g.PktSlotController(this,this.defaultSlot),this._isClosed=!1}firstUpdated(e){var o,a;if(super.firstUpdated(e),this.closeTag&&!this.ariaLabel){const s=(a=(o=this.defaultSlot.value)==null?void 0:o.textContent)==null?void 0:a.trim();s&&(this._ariaDescription=`Klikk for å fjerne ${s}`)}}render(){const e={"pkt-tag":!0,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,[`pkt-tag--${this.textStyle}`]:!!this.textStyle},o={"pkt-tag":!0,"pkt-btn":!0,"pkt-btn--tertiary":!0,[`pkt-tag--${this.textStyle}`]:!!this.textStyle,[`pkt-tag--${this.size}`]:!!this.size,[`pkt-tag--${this.skin}`]:!!this.skin,"pkt-btn--icons-right-and-left":this.closeTag&&!!this.iconName,"pkt-hide":this._isClosed};return this.closeTag?t.x`
         <button
           class=${u.e(o)}
           type=${this.type}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-elements",
-  "version": "13.2.3",
+  "version": "13.3.0",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -31,7 +31,7 @@
   },
   "devDependencies": {
     "@oslokommune/punkt-assets": "^13.0.0",
-    "@oslokommune/punkt-css": "^13.2.3",
+    "@oslokommune/punkt-css": "^13.3.0",
     "sass": "^1.78.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.18",
@@ -58,5 +58,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "60cd8b0f004380bc7a85246af4f2b8c4aa5243b9"
+  "gitHead": "82281bdd30fc0a0a1e47b3a52199e59aed83b65d"
 }

package/src/components/card/card.ts

@@ -216,7 +216,7 @@ export class PktCard extends PktElement implements IPktCard {
                     skin=${ifDefined(tag.skin)}
                     iconName=${ifDefined(tag.iconName)}
                   >
-                    ${tag.text}
+                    <span>${tag.text}</span>
                   </pkt-tag>
                 `,
               )}

package/src/components/combobox/combobox.ts

@@ -162,7 +162,15 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
       this.valueChanged(this._value, changedProperties.get('_value') as string[])
     }
     if (changedProperties.has('value')) {
-      this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []
+      if (Array.isArray(this.value)) {
+        this._value = this.value
+      } else if (this.value && this.multiple) {
+        this._value = this.value.split(',')
+      } else if (this.value) {
+        this._value = [this.value]
+      } else {
+        this._value = []
+      }
       if (!this.multiple && this._value.length > 1) {
         this._value = [this._value[0]]
       }
@@ -211,7 +219,15 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
 
   attributeChangedCallback(name: string, _old: string | null, value: string | null): void {
     if (name === 'value') {
-      this._value = Array.isArray(this.value) ? this.value : this.value ? this.value.split(',') : []
+      if (Array.isArray(this.value)) {
+        this._value = this.value
+      } else if (this.value && this.multiple) {
+        this._value = this.value.split(',')
+      } else if (this.value) {
+        this._value = [this.value]
+      } else {
+        this._value = []
+      }
       if (!this.multiple && this._value.length > 1) {
         this._value = [this._value[0]]
       }
@@ -579,6 +595,11 @@ export class PktCombobox extends PktInputElement implements IPktCombobox {
   private handleInputKeydown(e: KeyboardEvent): void {
     switch (e.key) {
       case ',':
+        if (this.multiple) {
+          e.preventDefault()
+          this.addValue()
+        }
+        break
       case 'Enter':
         e.preventDefault()
         this.addValue()

package/src/components/datepicker/datepicker.ts

@@ -168,9 +168,22 @@ export class PktDatepicker extends PktInputElement {
   }
 
   updated(changedProperties: PropertyValues): void {
-    if (changedProperties.has('value')) {
-      if (this.range && this.value.length === 1) return
-      this.valueChanged(this.value, changedProperties.get('value'))
+    if (changedProperties.has('multiple')) {
+      // If multiple is now true, ensure _value is an array of non-empty strings
+      if (this.multiple && !Array.isArray(this._value)) {
+        this._value =
+          typeof this.value === 'string'
+            ? this.value
+              ? this.value.split(',').filter(Boolean)
+              : []
+            : []
+      } else if (!this.multiple && Array.isArray(this._value)) {
+        this._value = this._value.filter(Boolean)
+      }
+      // If multiple is now false, ensure _value is a single value
+      if (!this.multiple && Array.isArray(this._value)) {
+        this._value = [this._value[0] ?? '']
+      }
     }
     super.updated(changedProperties)
   }
@@ -239,6 +252,7 @@ export class PktDatepicker extends PktInputElement {
           this.value = (e.target as HTMLInputElement).value
         }}
         @change=${(e: Event) => {
+          this.touched = true
           e.stopImmediatePropagation()
         }}
         ${ref(this.inputRef)}
@@ -386,6 +400,7 @@ export class PktDatepicker extends PktInputElement {
           }
         }}
         @change=${(e: Event) => {
+          this.touched = true
           e.stopImmediatePropagation()
         }}
         ${ref(this.inputRefTo)}
@@ -394,6 +409,7 @@ export class PktDatepicker extends PktInputElement {
   }
 
   renderMultipleInput() {
+    console.log('range', this.range, 'multiple', this.multiple)
     return html`
       <input
         class=${classMap(this.inputClasses)}
@@ -441,6 +457,7 @@ export class PktDatepicker extends PktInputElement {
           }
         }}
         @change=${(e: Event) => {
+          this.touched = true
           e.stopImmediatePropagation()
         }}
         ${ref(this.inputRef)}
@@ -453,7 +470,7 @@ export class PktDatepicker extends PktInputElement {
       <div class="pkt-datepicker__tags" aria-live="polite">
         ${!!this._value[0]
           ? repeat(
-              this._value ?? [],
+              (this._value ?? []).filter(Boolean),
               (date) => date,
               (date) => html`
                 <pkt-tag
@@ -519,6 +536,7 @@ export class PktDatepicker extends PktInputElement {
   }
 
   render() {
+    console.log('multiple', this.multiple, 'value', this.value, '_value', this._value)
     this.inputClasses = {
       'pkt-input': true,
       'pkt-datepicker__input': true,

package/src/components/link/link.ts

@@ -22,7 +22,7 @@ export class PktLink extends PktElement {
   @property({ type: String, reflect: true }) href: string = specs.props.href.default
   @property({ type: String, reflect: true }) iconName: string | undefined = undefined
   @property({ type: String, reflect: true }) iconPosition: string | undefined = undefined
-  @property({ type: Boolean, reflect: true }) external: boolean = specs.props.external.default
+  @property({ type: Boolean, reflect: true }) external: boolean = false
   @property({ type: String, reflect: true }) target: string | null = specs.props.target.default
 
   render() {

package/src/components/linkcard/linkcard.ts

@@ -8,13 +8,13 @@ import '@/components/icon'
 
 export type TLinkCardSkin =
   | 'normal'
+  | 'no-padding'
   | 'blue'
   | 'beige'
   | 'green'
   | 'gray'
   | 'beige-outline'
-  | 'gray-outline'
-
+  | 'gray-outline';
 export interface IPktLinkCard {
   title?: string
   href?: string

package/src/components/modal/modal.ts

@@ -164,13 +164,6 @@ export class PktModal extends PktElement implements IPktModal {
       [`pkt-modal__closeButton--${this.closeButtonSkin}`]: true,
     }
 
-    const buttonClasses = {
-      'pkt-btn': true,
-      [`pkt-btn--${isCloseButtonSkinDefault ? 'tertiary' : 'primary'}`]: true,
-      'pkt-btn--icon-only': true,
-      'pkt-btn--medium': true,
-    }
-
     return html`
       <dialog
         class=${classMap(classes)}
@@ -192,10 +185,11 @@ export class PktModal extends PktElement implements IPktModal {
                   ? html`<div class="${classMap(closeButtonClasses)}">
                       <pkt-button
                         @click=${(event: Event) => this.close(event)}
-                        class=${classMap(buttonClasses)}
                         aria-label="close"
                         iconname="close"
                         variant="icon-only"
+                        size="medium"
+                        skin=${isCloseButtonSkinDefault ? 'tertiary' : 'primary'}
                       >
                         Lukk
                       </pkt-button>

package/src/components/select/select.ts

@@ -74,6 +74,7 @@ export class PktSelect extends PktInputElement implements IPktSelect {
             : (node.textContent ?? ''),
           label: node.textContent || node.getAttribute('value') || '',
           disabled: node.hasAttribute('disabled'),
+          selected: node.hasAttribute('selected'),
           hidden: node.hasAttribute('data-hidden'),
         }
         if (node.getAttribute('selected') && !this.value) {

package/dist/link-DTkjNlmy.cjs

@@ -1,7 +0,0 @@
-"use strict";const t=require("./element-6DBpyGQm.cjs"),f=require("./pkt-slot-controller-BzddBp7z.cjs"),c=require("./ref-iJtiv3o2.cjs"),h=require("./class-map-BBG2gMX4.cjs");require("./icon-B_ryAy4Q.cjs");const k={href:{default:"#"},target:{default:"_self"},external:{default:!1}},a={props:k};var u=Object.defineProperty,P=Object.getOwnPropertyDescriptor,n=(o,r,s,i)=>{for(var e=i>1?void 0:i?P(r,s):r,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(i?p(r,s,e):p(e))||e);return i&&e&&u(r,s,e),e};exports.PktLink=class extends t.PktElement{constructor(){super(),this.defaultSlot=c.e(),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=a.props.external.default,this.target=a.props.target.default,this.slotController=new f.PktSlotController(this,this.defaultSlot)}render(){const r={"pkt-link":!0,"pkt-link--icon-left":!!this.iconName&&this.iconPosition==="left"||!!(this.iconName&&!this.iconPosition),"pkt-link--icon-right":!!this.iconName&&this.iconPosition==="right","pkt-link--external":this.external};return t.x`<a
-      class=${h.e(r)}
-      href=${this.href}
-      .target=${this.target}
-      .rel=${this.external?"noopener noreferrer":t.E}
-      >${this.iconName?t.x`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span ${c.n(this.defaultSlot)}>Link</span></a
-    >`}};n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);n([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);n([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=n([t.t("pkt-link")],exports.PktLink);

package/dist/{tag-BWm6s48d.js → tag-DyXzTY68.js}

@@ -6,15 +6,15 @@ import { e as b, n as f } from "./ref-BBYSqgeW.js";
 import "./icon-CC1js8eR.js";
 import { o as d } from "./if-defined-CmuO4Vz9.js";
 const _ = {
-  closeTag: {
-    default: !1
-  },
   size: {
     default: "medium"
   },
   skin: {
     default: "blue"
   },
+  closeTag: {
+    default: !1
+  },
   type: {
     default: "button"
   }