@oslokommune/punkt-elements 18.6.0 → 18.7.0

package/dist/card-CwvUQj1a.js

@@ -1,360 +0,0 @@
-import { _ as e, d as t, h as n, n as r, u as i } from "./element-e2MAMNEP.js";
-import { t as a } from "./class-map-BL_YL_Ed.js";
-import { t as o } from "./if-defined-r8tKY4tG.js";
-import { r as s, t as c } from "./element-with-slot-GwTT3WRD.js";
-import "./icon-jEFbKTB_.js";
-import "./tag-D2Xvsy1i.js";
-var l = {
-	name: "pkt-card",
-	react: "PktCard",
-	"css-class": "pkt-card",
-	isElement: !0,
-	isPureReact: !0,
-	"dark-mode": !0,
-	props: {
-		heading: {
-			type: "string",
-			name: "Overskrift",
-			description: "Tittel på card",
-			category: "contents"
-		},
-		headingLevel: {
-			type: [
-				1,
-				2,
-				3,
-				4,
-				5,
-				6
-			],
-			name: "Overskriftsnivå",
-			description: "Nivået på headingen. Brukes for tilgjengelighet.",
-			default: 3,
-			category: "accessibility"
-		},
-		subheading: {
-			type: "string",
-			name: "Undertittel",
-			description: "Undertittel på card",
-			category: "contents"
-		},
-		layout: {
-			type: ["vertical", "horizontal"],
-			name: "Layout",
-			description: "Horisontal eller vertikal layout. Ved horisontal layout vil bildet være plassert til venstre for teksten på desktop, og over teksten på mobil.",
-			default: "vertical",
-			category: "ui"
-		},
-		skin: {
-			type: [
-				"outlined",
-				"outlined-beige",
-				"gray",
-				"blue",
-				"beige",
-				"green"
-			],
-			name: "Utseende",
-			description: "Fargen på card. Velg mellom outlined, outlined-beige, gray, blue, beige og green. Ved padding=none er det ikke mulighet for outlined-skin. Card med kombinasjonen av propsene padding=none + layout=vertical vil alltid være transparante.",
-			default: "outlined",
-			category: "ui"
-		},
-		padding: {
-			type: ["none", "default"],
-			name: "Padding",
-			description: "Padding rundt card. Ved \"none\" strekker innholdet i card seg ut til kantene, og dette er derfor ikke mulig å kombinere med outlined skin.",
-			default: "default",
-			category: "ui"
-		},
-		metaLead: {
-			type: "string",
-			name: "Forfatter eller annen metadata",
-			description: "Undertekst med fet skriftvekt",
-			default: !1,
-			category: "contents"
-		},
-		metaTrail: {
-			type: "string",
-			name: "Dato eller annen metadata",
-			description: "Undertekst med normal skriftvekt",
-			default: !1,
-			category: "contents"
-		},
-		tagPosition: {
-			type: ["top", "bottom"],
-			name: "Tagplassering",
-			description: "Plassering av tags i card",
-			default: "top",
-			category: "ui"
-		},
-		clickCardLink: {
-			type: "string",
-			name: "Lenke for klikkbart card",
-			description: "Href sendes inn som streng for å gjøre card klikkbart. Ved bruk MÅ heading sendes inn da denne vil brukes som lenketekst i klikkbart card.",
-			category: "contents"
-		},
-		openLinkInNewTab: {
-			type: "boolean",
-			name: "Åpne i ny fane",
-			description: "Velg denne dersom du ønsker at lenken i card skal åpnes i ny fane.",
-			default: !1,
-			category: "tech"
-		},
-		borderOnHover: {
-			type: "boolean",
-			name: "Hover border for klikkbart card",
-			description: "Vi anbefaler hoverborder på klikkbart card. Kan slås av ved behov.",
-			default: !0,
-			category: "ui"
-		},
-		zoom: {
-			name: "Zoom på bildet",
-			description: "Forstørrer bildet litt når man holder musepekeren over kortet",
-			type: "boolean",
-			category: "ui",
-			default: !1
-		},
-		image: {
-			type: "object",
-			name: "Bilde",
-			description: "Bildet på card. Tar inn et objekt av typen {src: string, alt: string}.",
-			properties: {
-				src: {
-					type: "string",
-					description: "Stien til bildet",
-					required: !0
-				},
-				alt: {
-					type: "string",
-					description: "Tekst til skjermleser. Skal kun sendes inn for bilder som ikke er dekorative",
-					required: !1
-				}
-			},
-			category: "contents"
-		},
-		imageShape: {
-			type: ["square", "round"],
-			name: "Bildeform",
-			description: "Valg for om bildet skal ha rektangulær eller rund form.",
-			default: "square",
-			category: "contents"
-		},
-		imageAspect: {
-			name: "Bildeformat",
-			description: "Overstyrer bildets sideforhold. Uten denne er det 1:1, eller 19:10 med padding «none» og stående kort.",
-			type: [
-				"auto",
-				"1-1",
-				"4-3",
-				"3-2",
-				"16-9",
-				"19-10"
-			],
-			category: "ui"
-		},
-		restrictImageHeight: {
-			name: "Lås bildehøyden",
-			description: "Låser bildehøyden i stedet for sideforholdet, og trapper den opp med skjermbredden: 12.5rem, 14.375rem fra tablet og 18.125rem fra tablet-big. Bildet beskjæres sentrert.",
-			type: "boolean",
-			category: "ui",
-			default: !1
-		},
-		tags: {
-			type: "array",
-			description: "Liste av tags på card. Tar inn et array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text",
-			name: "Tags",
-			items: {
-				type: "object",
-				name: "Tag",
-				properties: {
-					skin: {
-						type: [
-							"blue",
-							"green",
-							"red",
-							"yellow"
-						],
-						description: "Farge på tag"
-					},
-					iconName: {
-						type: "icon",
-						description: "Id på ikonet du ønsker å bruke til tag"
-					},
-					ariaLabel: {
-						type: "string",
-						description: "Tekst for aria-label"
-					},
-					text: {
-						type: "string",
-						description: "Tekst på tag",
-						required: !0
-					}
-				}
-			},
-			category: "contents"
-		},
-		ariaLabel: {
-			type: "string",
-			name: "Aria-label for card",
-			description: "Tekst til skjermleser for aria-label på card. Settes automatisk til headingen, eller subheadingen der heading ikke eksisterer. Ved bruk av klikkbart card må heading alltid sendes inn da denne brukes som lenketekst.",
-			category: "accessibility"
-		}
-	},
-	slots: { default: { description: "Innholdet i card" } }
-}, u = class extends c {
-	constructor(...e) {
-		super(...e), this.ariaLabel = "", this.metaLead = null, this.borderOnHover = !0, this.zoom = !1, this.imageAspect = null, this.restrictImageHeight = !1, this.clickCardLink = null, this.metaTrail = null, this.layout = l.props.layout.default, this.heading = "", this.headingLevel = 3, this.image = {
-			src: "",
-			alt: ""
-		}, this.imageShape = "square", this.openLinkInNewTab = !1, this.padding = l.props.padding.default, this.skin = l.props.skin.default, this.subheading = "", this.tagPosition = "top", this.tags = [];
-	}
-	connectedCallback() {
-		super.connectedCallback();
-	}
-	render() {
-		let t = {
-			"pkt-card": !0,
-			[`pkt-card--${this.skin}`]: this.skin,
-			[`pkt-card--${this.layout}`]: this.layout,
-			[`pkt-card--padding-${this.padding}`]: this.padding,
-			"pkt-card--border-on-hover": this.borderOnHover,
-			"pkt-card--zoom": this.zoom
-		}, r = this.ariaLabel?.trim() || (this.heading ? `${this.heading} lenkekort` : "lenkekort"), i = this.ariaLabel?.trim() || (this.heading ? this.heading : "kort");
-		return e`
-      <article
-        class=${a(t)}
-        aria-label=${o(this.clickCardLink ? r : i)}
-      >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition === "top" ? this.renderTags() : n} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition === "bottom" ? this.renderTags() : n}
-          ${this.renderMetadata()}
-        </div>
-      </article>
-    `;
-	}
-	renderImage() {
-		let t = {
-			"pkt-card__image": !0,
-			[`pkt-card__image-${this.imageShape}`]: this.imageShape,
-			[`pkt-card__image-aspect-${this.imageAspect}`]: !!this.imageAspect,
-			"pkt-card__image-restricted": this.restrictImageHeight
-		};
-		return e`
-      ${this.image.src && e`
-          <div class=${a(t)}>
-            <img src=${this.image.src} alt=${this.image.alt || ""} />
-          </div>
-        `}
-    `;
-	}
-	renderHeadingTag(t, n) {
-		let r = this.headingLevel && this.headingLevel >= 1 && this.headingLevel <= 6 ? this.headingLevel : 3, i = `pkt-heading pkt-heading--medium pkt-heading--fw-regular ${t}`;
-		switch (r) {
-			case 1: return e`<h1 class=${i}>${n}</h1>`;
-			case 2: return e`<h2 class=${i}>${n}</h2>`;
-			case 4: return e`<h4 class=${i}>${n}</h4>`;
-			case 5: return e`<h5 class=${i}>${n}</h5>`;
-			case 6: return e`<h6 class=${i}>${n}</h6>`;
-			default: return e`<h3 class=${i}>${n}</h3>`;
-		}
-	}
-	renderHeading() {
-		return !this.heading || this.clickCardLink ? n : this.renderHeadingTag("pkt-card__heading", this.heading);
-	}
-	renderLinkHeading() {
-		return this.clickCardLink ? this.renderHeadingTag("pkt-card__link-heading pkt-card__heading", e`<a
-        class="pkt-card__link"
-        href=${this.clickCardLink}
-        target=${this.openLinkInNewTab ? "_blank" : "_self"}
-        rel=${o(this.openLinkInNewTab ? "noopener noreferrer" : void 0)}
-        >${this.heading}</a
-      >`) : n;
-	}
-	renderSubheading() {
-		return e`
-      ${this.subheading ? e` <p class="pkt-card__subheading ">${this.subheading}</p> ` : n}
-    `;
-	}
-	renderHeader() {
-		let t = !!this.heading || !!this.subheading;
-		return e`
-      ${t ? e`
-            <header class="pkt-card__header">
-              ${this.renderHeading()} 
-              ${this.renderLinkHeading()} 
-              ${this.renderSubheading()}
-            </header>
-          ` : n}
-    `;
-	}
-	renderTags() {
-		let t = {
-			"pkt-card__tags": !0,
-			[`pkt-card__tags-${this.tagPosition}`]: this.tagPosition
-		};
-		return e`
-      ${this.tags.length > 0 ? e`
-              <div
-                class=${a(t)}
-                role="list"
-                aria-label=${this.tags.length > 1 ? "merkelapper" : "merkelapp"}
-              >
-                ${this.tags.map((t) => e`
-                    <pkt-tag
-                      role="listitem"
-                      textStyle="normal-text"
-                      size="medium"
-                      skin=${o(t.skin)}
-                      iconName=${o(t.iconName)}
-                    >
-                      <span>${t.text}</span>
-                    </pkt-tag>
-                  `)}
-              </div>
-            ` : n}
-    `;
-	}
-	renderSlot() {
-		return e`<section class="pkt-card__content">${s(this)}</section>`;
-	}
-	renderMetadata() {
-		return e`
-      ${this.metaLead || this.metaTrail ? e`
-              <footer class="pkt-card__metadata">
-                ${this.metaLead ? e`<span class="pkt-card__metadata-lead">${this.metaLead}</span>` : n}
-                ${this.metaTrail ? e`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>` : n}
-              </footer>
-            ` : n}
-    `;
-	}
-};
-r([i({ type: String })], u.prototype, "ariaLabel", void 0), r([i({ type: String })], u.prototype, "metaLead", void 0), r([i({ type: Boolean })], u.prototype, "borderOnHover", void 0), r([i({ type: Boolean })], u.prototype, "zoom", void 0), r([i({ type: String })], u.prototype, "imageAspect", void 0), r([i({ type: Boolean })], u.prototype, "restrictImageHeight", void 0), r([i({
-	type: String,
-	reflect: !0
-})], u.prototype, "clickCardLink", void 0), r([i({ type: String })], u.prototype, "metaTrail", void 0), r([i({ type: String })], u.prototype, "layout", void 0), r([i({ type: String })], u.prototype, "heading", void 0), r([i({
-	type: Number,
-	attribute: "headinglevel"
-})], u.prototype, "headingLevel", void 0), r([i({ type: Object })], u.prototype, "image", void 0), r([i({ type: String })], u.prototype, "imageShape", void 0), r([i({ type: Boolean })], u.prototype, "openLinkInNewTab", void 0), r([i({ type: String })], u.prototype, "padding", void 0), r([i({
-	type: String,
-	converter: {
-		fromAttribute: (e) => {
-			let t = l.props.skin.type;
-			return e && t.includes(e) ? e : (e && !t.includes(e) && console.warn(`Invalid skin value "${e}". Using default skin "${l.props.skin.default}".`), l.props.skin.default);
-		},
-		toAttribute: (e) => e
-	}
-})], u.prototype, "skin", void 0), r([i({ type: String })], u.prototype, "subheading", void 0), r([i({ type: String })], u.prototype, "tagPosition", void 0), r([i({ type: Array })], u.prototype, "tags", void 0);
-try {
-	t("pkt-card")(u);
-} catch {
-	console.warn("Forsøker å definere <pkt-card>, men den er allerede definert");
-}
-//#endregion
-//#region src/components/card/index.ts
-var d = u;
-//#endregion
-export { u as n, d as t };

package/dist/card-b7jjKk6B.cjs

@@ -1,64 +0,0 @@
-const e=require("./element-DRc10X2R.cjs"),t=require("./class-map-BEib48YL.cjs"),n=require("./if-defined-BeVQnl3C.cjs"),r=require("./element-with-slot-DgtT8lCH.cjs");require("./icon-DBFTFd-J.cjs"),require("./tag-Cojf4jgA.cjs");var i={name:`pkt-card`,react:`PktCard`,"css-class":`pkt-card`,isElement:!0,isPureReact:!0,"dark-mode":!0,props:{heading:{type:`string`,name:`Overskrift`,description:`Tittel på card`,category:`contents`},headingLevel:{type:[1,2,3,4,5,6],name:`Overskriftsnivå`,description:`Nivået på headingen. Brukes for tilgjengelighet.`,default:3,category:`accessibility`},subheading:{type:`string`,name:`Undertittel`,description:`Undertittel på card`,category:`contents`},layout:{type:[`vertical`,`horizontal`],name:`Layout`,description:`Horisontal eller vertikal layout. Ved horisontal layout vil bildet være plassert til venstre for teksten på desktop, og over teksten på mobil.`,default:`vertical`,category:`ui`},skin:{type:[`outlined`,`outlined-beige`,`gray`,`blue`,`beige`,`green`],name:`Utseende`,description:`Fargen på card. Velg mellom outlined, outlined-beige, gray, blue, beige og green. Ved padding=none er det ikke mulighet for outlined-skin. Card med kombinasjonen av propsene padding=none + layout=vertical vil alltid være transparante.`,default:`outlined`,category:`ui`},padding:{type:[`none`,`default`],name:`Padding`,description:`Padding rundt card. Ved "none" strekker innholdet i card seg ut til kantene, og dette er derfor ikke mulig å kombinere med outlined skin.`,default:`default`,category:`ui`},metaLead:{type:`string`,name:`Forfatter eller annen metadata`,description:`Undertekst med fet skriftvekt`,default:!1,category:`contents`},metaTrail:{type:`string`,name:`Dato eller annen metadata`,description:`Undertekst med normal skriftvekt`,default:!1,category:`contents`},tagPosition:{type:[`top`,`bottom`],name:`Tagplassering`,description:`Plassering av tags i card`,default:`top`,category:`ui`},clickCardLink:{type:`string`,name:`Lenke for klikkbart card`,description:`Href sendes inn som streng for å gjøre card klikkbart. Ved bruk MÅ heading sendes inn da denne vil brukes som lenketekst i klikkbart card.`,category:`contents`},openLinkInNewTab:{type:`boolean`,name:`Åpne i ny fane`,description:`Velg denne dersom du ønsker at lenken i card skal åpnes i ny fane.`,default:!1,category:`tech`},borderOnHover:{type:`boolean`,name:`Hover border for klikkbart card`,description:`Vi anbefaler hoverborder på klikkbart card. Kan slås av ved behov.`,default:!0,category:`ui`},zoom:{name:`Zoom på bildet`,description:`Forstørrer bildet litt når man holder musepekeren over kortet`,type:`boolean`,category:`ui`,default:!1},image:{type:`object`,name:`Bilde`,description:`Bildet på card. Tar inn et objekt av typen {src: string, alt: string}.`,properties:{src:{type:`string`,description:`Stien til bildet`,required:!0},alt:{type:`string`,description:`Tekst til skjermleser. Skal kun sendes inn for bilder som ikke er dekorative`,required:!1}},category:`contents`},imageShape:{type:[`square`,`round`],name:`Bildeform`,description:`Valg for om bildet skal ha rektangulær eller rund form.`,default:`square`,category:`contents`},imageAspect:{name:`Bildeformat`,description:`Overstyrer bildets sideforhold. Uten denne er det 1:1, eller 19:10 med padding «none» og stående kort.`,type:[`auto`,`1-1`,`4-3`,`3-2`,`16-9`,`19-10`],category:`ui`},restrictImageHeight:{name:`Lås bildehøyden`,description:`Låser bildehøyden i stedet for sideforholdet, og trapper den opp med skjermbredden: 12.5rem, 14.375rem fra tablet og 18.125rem fra tablet-big. Bildet beskjæres sentrert.`,type:`boolean`,category:`ui`,default:!1},tags:{type:`array`,description:`Liste av tags på card. Tar inn et array med objekter med følgende stringproperties: skin, iconName, ariaLabel, text`,name:`Tags`,items:{type:`object`,name:`Tag`,properties:{skin:{type:[`blue`,`green`,`red`,`yellow`],description:`Farge på tag`},iconName:{type:`icon`,description:`Id på ikonet du ønsker å bruke til tag`},ariaLabel:{type:`string`,description:`Tekst for aria-label`},text:{type:`string`,description:`Tekst på tag`,required:!0}}},category:`contents`},ariaLabel:{type:`string`,name:`Aria-label for card`,description:`Tekst til skjermleser for aria-label på card. Settes automatisk til headingen, eller subheadingen der heading ikke eksisterer. Ved bruk av klikkbart card må heading alltid sendes inn da denne brukes som lenketekst.`,category:`accessibility`}},slots:{default:{description:`Innholdet i card`}}},a=class extends r.t{constructor(...e){super(...e),this.ariaLabel=``,this.metaLead=null,this.borderOnHover=!0,this.zoom=!1,this.imageAspect=null,this.restrictImageHeight=!1,this.clickCardLink=null,this.metaTrail=null,this.layout=i.props.layout.default,this.heading=``,this.headingLevel=3,this.image={src:``,alt:``},this.imageShape=`square`,this.openLinkInNewTab=!1,this.padding=i.props.padding.default,this.skin=i.props.skin.default,this.subheading=``,this.tagPosition=`top`,this.tags=[]}connectedCallback(){super.connectedCallback()}render(){let r={"pkt-card":!0,[`pkt-card--${this.skin}`]:this.skin,[`pkt-card--${this.layout}`]:this.layout,[`pkt-card--padding-${this.padding}`]:this.padding,"pkt-card--border-on-hover":this.borderOnHover,"pkt-card--zoom":this.zoom},i=this.ariaLabel?.trim()||(this.heading?`${this.heading} lenkekort`:`lenkekort`),a=this.ariaLabel?.trim()||(this.heading?this.heading:`kort`);return e._`
-      <article
-        class=${t.t(r)}
-        aria-label=${n.t(this.clickCardLink?i:a)}
-      >
-        ${this.renderImage()}
-        <div class="pkt-card__wrapper">
-          ${this.tagPosition===`top`?this.renderTags():e.h} 
-          ${this.renderHeader()}
-          ${this.renderSlot()} 
-          ${this.tagPosition===`bottom`?this.renderTags():e.h}
-          ${this.renderMetadata()}
-        </div>
-      </article>
-    `}renderImage(){let n={"pkt-card__image":!0,[`pkt-card__image-${this.imageShape}`]:this.imageShape,[`pkt-card__image-aspect-${this.imageAspect}`]:!!this.imageAspect,"pkt-card__image-restricted":this.restrictImageHeight};return e._`
-      ${this.image.src&&e._`
-          <div class=${t.t(n)}>
-            <img src=${this.image.src} alt=${this.image.alt||``} />
-          </div>
-        `}
-    `}renderHeadingTag(t,n){let r=this.headingLevel&&this.headingLevel>=1&&this.headingLevel<=6?this.headingLevel:3,i=`pkt-heading pkt-heading--medium pkt-heading--fw-regular ${t}`;switch(r){case 1:return e._`<h1 class=${i}>${n}</h1>`;case 2:return e._`<h2 class=${i}>${n}</h2>`;case 4:return e._`<h4 class=${i}>${n}</h4>`;case 5:return e._`<h5 class=${i}>${n}</h5>`;case 6:return e._`<h6 class=${i}>${n}</h6>`;default:return e._`<h3 class=${i}>${n}</h3>`}}renderHeading(){return!this.heading||this.clickCardLink?e.h:this.renderHeadingTag(`pkt-card__heading`,this.heading)}renderLinkHeading(){return this.clickCardLink?this.renderHeadingTag(`pkt-card__link-heading pkt-card__heading`,e._`<a
-        class="pkt-card__link"
-        href=${this.clickCardLink}
-        target=${this.openLinkInNewTab?`_blank`:`_self`}
-        rel=${n.t(this.openLinkInNewTab?`noopener noreferrer`:void 0)}
-        >${this.heading}</a
-      >`):e.h}renderSubheading(){return e._`
-      ${this.subheading?e._` <p class="pkt-card__subheading ">${this.subheading}</p> `:e.h}
-    `}renderHeader(){let t=!!this.heading||!!this.subheading;return e._`
-      ${t?e._`
-            <header class="pkt-card__header">
-              ${this.renderHeading()} 
-              ${this.renderLinkHeading()} 
-              ${this.renderSubheading()}
-            </header>
-          `:e.h}
-    `}renderTags(){let r={"pkt-card__tags":!0,[`pkt-card__tags-${this.tagPosition}`]:this.tagPosition};return e._`
-      ${this.tags.length>0?e._`
-              <div
-                class=${t.t(r)}
-                role="list"
-                aria-label=${this.tags.length>1?`merkelapper`:`merkelapp`}
-              >
-                ${this.tags.map(t=>e._`
-                    <pkt-tag
-                      role="listitem"
-                      textStyle="normal-text"
-                      size="medium"
-                      skin=${n.t(t.skin)}
-                      iconName=${n.t(t.iconName)}
-                    >
-                      <span>${t.text}</span>
-                    </pkt-tag>
-                  `)}
-              </div>
-            `:e.h}
-    `}renderSlot(){return e._`<section class="pkt-card__content">${r.r(this)}</section>`}renderMetadata(){return e._`
-      ${this.metaLead||this.metaTrail?e._`
-              <footer class="pkt-card__metadata">
-                ${this.metaLead?e._`<span class="pkt-card__metadata-lead">${this.metaLead}</span>`:e.h}
-                ${this.metaTrail?e._`<span class="pkt-card__metadata-trail">${this.metaTrail}</span>`:e.h}
-              </footer>
-            `:e.h}
-    `}};e.n([e.u({type:String})],a.prototype,`ariaLabel`,void 0),e.n([e.u({type:String})],a.prototype,`metaLead`,void 0),e.n([e.u({type:Boolean})],a.prototype,`borderOnHover`,void 0),e.n([e.u({type:Boolean})],a.prototype,`zoom`,void 0),e.n([e.u({type:String})],a.prototype,`imageAspect`,void 0),e.n([e.u({type:Boolean})],a.prototype,`restrictImageHeight`,void 0),e.n([e.u({type:String,reflect:!0})],a.prototype,`clickCardLink`,void 0),e.n([e.u({type:String})],a.prototype,`metaTrail`,void 0),e.n([e.u({type:String})],a.prototype,`layout`,void 0),e.n([e.u({type:String})],a.prototype,`heading`,void 0),e.n([e.u({type:Number,attribute:`headinglevel`})],a.prototype,`headingLevel`,void 0),e.n([e.u({type:Object})],a.prototype,`image`,void 0),e.n([e.u({type:String})],a.prototype,`imageShape`,void 0),e.n([e.u({type:Boolean})],a.prototype,`openLinkInNewTab`,void 0),e.n([e.u({type:String})],a.prototype,`padding`,void 0),e.n([e.u({type:String,converter:{fromAttribute:e=>{let t=i.props.skin.type;return e&&t.includes(e)?e:(e&&!t.includes(e)&&console.warn(`Invalid skin value "${e}". Using default skin "${i.props.skin.default}".`),i.props.skin.default)},toAttribute:e=>e}})],a.prototype,`skin`,void 0),e.n([e.u({type:String})],a.prototype,`subheading`,void 0),e.n([e.u({type:String})],a.prototype,`tagPosition`,void 0),e.n([e.u({type:Array})],a.prototype,`tags`,void 0);try{e.d(`pkt-card`)(a)}catch{console.warn(`Forsøker å definere <pkt-card>, men den er allerede definert`)}var o=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});