@oslokommune/punkt-elements 12.41.0 → 12.42.0

package/CHANGELOG.md

@@ -5,6 +5,40 @@ og skriver commits ca etter [Conventional Commits](https://conventionalcommits.o
 
 ---
 
+## [12.42.0](https://github.com/oslokommune/punkt/compare/12.41.1...12.42.0) (2025-06-12)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
+## [12.41.1](https://github.com/oslokommune/punkt/compare/12.41.0...12.41.1) (2025-06-11)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.41.0](https://github.com/oslokommune/punkt/compare/12.40.10...12.41.0) (2025-06-10)
 
 ### ⚠ BREAKING CHANGES

package/dist/alert-BY97zZYx.cjs

@@ -0,0 +1,32 @@
+"use strict";const c=require("./class-map-DWDPOqjO.cjs"),t=require("./element-90YeMNbV.cjs"),d=require("./state-D-Recv7U.cjs"),h=require("./pkt-slot-controller-Da-RgXfS.cjs"),u=require("./ref-B-w1vCo8.cjs"),k=require("./classutils-BwNK82ZQ.cjs");require("./icon-B1_BRNqf.cjs");const v={skin:{default:"info"},ariaLive:{default:"polite"},compact:{default:!1},closeAlert:{default:!1}},a={props:v};var f=Object.defineProperty,_=Object.getOwnPropertyDescriptor,i=(o,e,s,l)=>{for(var r=l>1?void 0:l?_(e,s):e,p=o.length-1,n;p>=0;p--)(n=o[p])&&(r=(l?n(e,s,r):n(r))||r);return l&&r&&f(e,s,r),r};exports.PktAlert=class extends t.PktElement{constructor(){super(),this.defaultSlot=u.e(),this.compact=a.props.compact.default,this.title="",this.skin=a.props.skin.default,this.ariaLive=a.props.ariaLive.default,this["aria-live"]=null,this.closeAlert=a.props.closeAlert.default,this.date=null,this.role="status",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 h.PktSlotController(this,this.defaultSlot),this._isClosed=!1}connectedCallback(){super.connectedCallback(),this["aria-live"]=this.getAttribute("aria-live")||this.ariaLive}attributeChangedCallback(e,s,l){e==="ariaLive"&&(this["aria-live"]=l),super.attributeChangedCallback(e,s,l)}updated(e){super.updated(e),e.has("ariaLive")&&(this["aria-live"]=this.ariaLive),e.has("_isClosed")&&k.updateClassAttribute(this,"pkt-hide",this._isClosed)}render(){const e={"pkt-alert":!0,"pkt-alert--compact":this.compact,[`pkt-alert--${this.skin}`]:this.skin,"pkt-hide":this._isClosed},s={"pkt-alert__grid":!0,"pkt-alert__noTitle":!this.title,"pkt-alert__noDate":!this.date};return t.x`
+      <div class=${c.e(e)} aria-live=${this["aria-live"]}>
+        <div class=${c.e(s)}>
+          <pkt-icon
+            class="pkt-alert__icon"
+            aria-hidden="true"
+            name=${this.skin==="info"?"alert-information":`alert-${this.skin}`}
+          ></pkt-icon>
+
+          ${this.closeAlert?t.x`
+                <div class="pkt-alert__close">
+                  <pkt-button
+                    tabindex="0"
+                    aria-label="close"
+                    size=${this.compact?"small":"medium"}
+                    type="button"
+                    skin="tertiary"
+                    iconName="close"
+                    variant="icon-only"
+                    @click=${this.close}
+                  >
+                  </pkt-button>
+                </div>
+              `:t.E}
+          ${this.title?t.x`<div class="pkt-alert__title">${this.title}</div>`:t.E}
+
+          <div class="pkt-alert__text" ${u.n(this.defaultSlot)}></div>
+
+          ${this.date?t.x`<div class="pkt-alert__date">Sist oppdatert: ${this.date}</div>`:t.E}
+        </div>
+      </div>
+    `}};i([t.n({type:Boolean,reflect:!1})],exports.PktAlert.prototype,"compact",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"title",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"skin",2);i([t.n({type:String})],exports.PktAlert.prototype,"ariaLive",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"aria-live",2);i([t.n({type:Boolean,reflect:!0})],exports.PktAlert.prototype,"closeAlert",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"date",2);i([t.n({type:String,reflect:!0})],exports.PktAlert.prototype,"role",2);i([d.r()],exports.PktAlert.prototype,"_isClosed",2);exports.PktAlert=i([t.t("pkt-alert")],exports.PktAlert);

package/dist/{alert-CoGYPbs-.js → alert-oh7nc3ip.js}

@@ -1,11 +1,11 @@
 import { e as u } from "./class-map-m7ZCZ49w.js";
-import { P as f, E as h, x as p, n as l, a as v } from "./element-gAd63VwC.js";
+import { P as f, E as h, x as p, n as a, a as v } from "./element-gAd63VwC.js";
 import { r as k } from "./state-BxrO4zNJ.js";
 import { P as m } from "./pkt-slot-controller-DtDaD9q_.js";
 import { e as _, n as b } from "./ref-DnSbnXsj.js";
-import { u as C } from "./classutils-RQs1k6D9.js";
+import { u as y } from "./classutils-RQs1k6D9.js";
 import "./icon-CO1TLSs5.js";
-const y = {
+const C = {
   skin: {
     default: "info"
   },
@@ -19,16 +19,16 @@ const y = {
     default: !1
   }
 }, c = {
-  props: y
+  props: C
 };
-var $ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (t, s, r, o) => {
-  for (var a = o > 1 ? void 0 : o ? g(s, r) : s, n = t.length - 1, d; n >= 0; n--)
-    (d = t[n]) && (a = (o ? d(s, r, a) : d(a)) || a);
-  return o && a && $(s, r, a), a;
+var $ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, i = (t, s, l, o) => {
+  for (var r = o > 1 ? void 0 : o ? g(s, l) : s, n = t.length - 1, d; n >= 0; n--)
+    (d = t[n]) && (r = (o ? d(s, l, r) : d(r)) || r);
+  return o && r && $(s, l, r), r;
 };
 let e = class extends f {
   constructor() {
-    super(), this.defaultSlot = _(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = c.props.closeAlert.default, this.date = null, this._isClosed = !1, this.close = (t) => {
+    super(), this.defaultSlot = _(), this.compact = c.props.compact.default, this.title = "", this.skin = c.props.skin.default, this.ariaLive = c.props.ariaLive.default, this["aria-live"] = null, this.closeAlert = c.props.closeAlert.default, this.date = null, this.role = "status", this._isClosed = !1, this.close = (t) => {
       this._isClosed = !0, this.dispatchEvent(
         new CustomEvent("close", { detail: { origin: t }, bubbles: !0, composed: !0 })
       ), this.dispatchEvent(
@@ -40,11 +40,11 @@ let e = class extends f {
   connectedCallback() {
     super.connectedCallback(), this["aria-live"] = this.getAttribute("aria-live") || this.ariaLive;
   }
-  attributeChangedCallback(t, s, r) {
-    t === "ariaLive" && (this["aria-live"] = r), super.attributeChangedCallback(t, s, r);
+  attributeChangedCallback(t, s, l) {
+    t === "ariaLive" && (this["aria-live"] = l), super.attributeChangedCallback(t, s, l);
   }
   updated(t) {
-    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && C(this, "pkt-hide", this._isClosed);
+    super.updated(t), t.has("ariaLive") && (this["aria-live"] = this.ariaLive), t.has("_isClosed") && y(this, "pkt-hide", this._isClosed);
   }
   // Render
   render() {
@@ -59,7 +59,7 @@ let e = class extends f {
       "pkt-alert__noDate": !this.date
     };
     return p`
-      <div class=${u(t)}>
+      <div class=${u(t)} aria-live=${this["aria-live"]}>
         <div class=${u(s)}>
           <pkt-icon
             class="pkt-alert__icon"
@@ -93,26 +93,29 @@ let e = class extends f {
   }
 };
 i([
-  l({ type: Boolean, reflect: !1 })
+  a({ type: Boolean, reflect: !1 })
 ], e.prototype, "compact", 2);
 i([
-  l({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "title", 2);
 i([
-  l({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "skin", 2);
 i([
-  l({ type: String })
+  a({ type: String })
 ], e.prototype, "ariaLive", 2);
 i([
-  l({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "aria-live", 2);
 i([
-  l({ type: Boolean, reflect: !0 })
+  a({ type: Boolean, reflect: !0 })
 ], e.prototype, "closeAlert", 2);
 i([
-  l({ type: String, reflect: !0 })
+  a({ type: String, reflect: !0 })
 ], e.prototype, "date", 2);
+i([
+  a({ type: String, reflect: !0 })
+], e.prototype, "role", 2);
 i([
   k()
 ], e.prototype, "_isClosed", 2);