@oslokommune/punkt-elements 14.2.0 → 14.4.0

package/dist/pkt-header.js

@@ -1,4 +1,4 @@
-import { P as _, E as c, x as n, n as s, a as M } from "./element-CRDRygXu.js";
+import { P as _, E as u, x as n, n as s, a as M } from "./element-CRDRygXu.js";
 import { P as S } from "./pkt-slot-controller-BPGj-LC5.js";
 import { o as $ } from "./if-defined-BWZGb3bh.js";
 import { e as v, n as k } from "./ref-Xa5dbh--.js";
@@ -8,7 +8,7 @@ import { e as g } from "./class-map-wy7PUk0P.js";
 import "./button-CjXih_Nx.js";
 import "./icon-BB7e5iQN.js";
 import "./link-BboUBUcg.js";
-import "./textinput-DIuM70dd.js";
+import "./textinput-Lp1crOmj.js";
 const C = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.iconName, href: e.target } : { title: e.title, iconName: e.iconName, onClick: e.target }, L = (e) => C(e), w = (e) => {
   if (!e) return;
   const t = typeof e == "string" ? new Date(e) : e;
@@ -21,10 +21,10 @@ const C = (e) => typeof e.target == "string" ? { title: e.title, iconName: e.ico
       minute: "2-digit"
     });
 };
-var O = Object.defineProperty, R = Object.getOwnPropertyDescriptor, y = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? R(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
-  return l && r && O(t, i, r), r;
+var O = Object.defineProperty, R = Object.getOwnPropertyDescriptor, y = (e, t, i, c) => {
+  for (var a = c > 1 ? void 0 : c ? R(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (a = (c ? m(t, i, a) : m(a)) || a);
+  return c && a && O(t, i, a), a;
 };
 let b = class extends _ {
   constructor() {
@@ -50,7 +50,7 @@ let b = class extends _ {
     "onClick" in e && typeof e.onClick == "function" && e.onClick();
   }
   renderLinkOrButton(e, t) {
-    const i = "href" in e, l = g({
+    const i = "href" in e, c = g({
       "pkt-user-menu__link": !0,
       "pkt-link-button": !i,
       "pkt-link": !i,
@@ -59,7 +59,7 @@ let b = class extends _ {
     });
     return i ? n`
         <pkt-link
-          icon-name=${e.iconName || c}
+          icon-name=${e.iconName || u}
           href=${e.href}
           aria-hidden="true"
           class="pkt-user-menu__link ${t || ""}"
@@ -67,12 +67,12 @@ let b = class extends _ {
           ${e.title}
         </pkt-link>
       ` : n`
-      <button class=${l} type="button" @click=${() => this.handleMenuItemClick(e)}>
+      <button class=${c} type="button" @click=${() => this.handleMenuItemClick(e)}>
         ${e.iconName ? n`<pkt-icon
               name=${e.iconName}
               class="pkt-link__icon"
               aria-hidden="true"
-            ></pkt-icon>` : c}
+            ></pkt-icon>` : u}
         ${e.title}
       </button>
     `;
@@ -103,14 +103,14 @@ let b = class extends _ {
                         <div class="pkt-user-menu__last-logged-in">
                           Sist pålogget: <time>${this.formattedLastLoggedIn}</time>
                         </div>
-                      ` : c}
+                      ` : u}
                 </li>
-              ` : c}
+              ` : u}
 
           <!-- User menu items -->
           ${e && e.length > 0 ? n`
                 <li class="pkt-user-menu__item">${this.renderLinkSection(e)}</li>
-              ` : c}
+              ` : u}
 
           <!-- Representing section -->
           ${this.representing ? n`
@@ -119,7 +119,7 @@ let b = class extends _ {
                   <div class="pkt-user-menu__name" translate="no">${this.representing.name}</div>
                   ${this.representing.orgNumber ? n`<div class="pkt-user-menu__org-number">
                         Org.nr. ${this.representing.orgNumber}
-                      </div>` : c}
+                      </div>` : u}
                   ${this.canChangeRepresentation ? n`
                         <ul class="pkt-user-menu__sublist mt-size-16">
                           <li class="pkt-user-menu__subitem">
@@ -130,9 +130,9 @@ let b = class extends _ {
     })}
                           </li>
                         </ul>
-                      ` : c}
+                      ` : u}
                 </li>
-              ` : c}
+              ` : u}
 
           <!-- Change representation without representing object -->
           ${!this.representing && this.canChangeRepresentation ? n`
@@ -147,7 +147,7 @@ let b = class extends _ {
                     </li>
                   </ul>
                 </li>
-              ` : c}
+              ` : u}
 
           <!-- Logout -->
           ${this.logoutOnClick ? n`
@@ -158,7 +158,7 @@ let b = class extends _ {
       onClick: () => this.handleLogout()
     })}
                 </li>
-              ` : c}
+              ` : u}
         </ul>
       </nav>
     `;
@@ -189,15 +189,15 @@ y([
 b = y([
   M("pkt-header-user-menu")
 ], b);
-var B = Object.defineProperty, E = Object.getOwnPropertyDescriptor, a = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? E(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
-  return l && r && B(t, i, r), r;
+var B = Object.defineProperty, E = Object.getOwnPropertyDescriptor, r = (e, t, i, c) => {
+  for (var a = c > 1 ? void 0 : c ? E(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (a = (c ? m(t, i, a) : m(a)) || a);
+  return c && a && B(t, i, a), a;
 };
 const P = "https://punkt-cdn.oslo.kommune.no/latest/logos/";
 let o = class extends _ {
   constructor() {
-    super(), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.isMobile = !1, this.isTablet = !1, this.openMenu = "none", this.isHidden = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.hasSlotContent = !1, this.alignSlotRight = !1, this.alignSearchRight = !1, this.defaultSlot = v(), this.headerRef = v(), this.userContainerRef = v(), this.slotContainerRef = v(), this.searchContainerRef = v(), this.slotContentRef = v(), this.searchMenuRef = v(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
+    super(), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.isMobile = !1, this.isTablet = !1, this.openMenu = "none", this.isHidden = !1, this.componentWidth = typeof window < "u" ? window.innerWidth : 0, this.hasSlotContent = !1, this.alignSlotRight = !1, this.alignSearchRight = !1, this.defaultSlot = v(), this.headerRef = v(), this.userContainerRef = v(), this.slotContainerRef = v(), this.searchContainerRef = v(), this.slotContentRef = v(), this.searchMenuRef = v(), this.lastScrollPosition = 0, this.savedScrollY = 0, this.lastFocusedElement = null, this.shouldRestoreFocus = !1, this.handleScroll = () => {
       if (!this.shouldHideOnScroll) return;
       const e = window.pageYOffset || document.documentElement.scrollTop;
       e < 0 || Math.abs(e - this.lastScrollPosition) < 60 || (this.isHidden = e > this.lastScrollPosition, this.lastScrollPosition = e);
@@ -206,22 +206,22 @@ let o = class extends _ {
       this.user && this.openMenu === "user" && !t.closest(".pkt-header-service__user-container") && (this.openMenu = "none"), this.openMenu === "slot" && !t.closest(".pkt-header-service__slot-container") && (this.openMenu = "none"), this.openMenu === "search" && !t.closest(".pkt-header-service__search-container") && !t.closest(".pkt-header-service__search-input") && (this.openMenu = "none");
     }, this.handleFocusOut = (e, t) => {
       const i = e.relatedTarget;
-      let l;
+      let c;
       switch (t) {
         case "user":
-          l = this.userContainerRef;
+          c = this.userContainerRef;
           break;
         case "slot":
-          l = this.slotContainerRef;
+          c = this.slotContainerRef;
           break;
         case "search":
-          l = this.searchContainerRef;
+          c = this.searchContainerRef;
           break;
         default:
           return;
       }
-      const r = l.value;
-      r && (!i || !r.contains(i)) && (this.openMenu = "none");
+      const a = c.value;
+      a && (!i || !a.contains(i)) && (this.openMenu = "none");
     }, this.handleEscapeKey = (e) => {
       e.key === "Escape" && this.openMenu !== "none" && (e.preventDefault(), this.shouldRestoreFocus = !0, this.openMenu = "none");
     }, this.slotController = new S(this, this.defaultSlot);
@@ -283,7 +283,7 @@ let o = class extends _ {
   checkDropdownAlignment(e) {
     const t = e === "slot" ? this.slotContainerRef : this.searchContainerRef, i = e === "slot" ? this.slotContentRef : this.searchMenuRef;
     if (!t.value || !i.value || !this.isTablet || this.isMobile) return;
-    const l = t.value.getBoundingClientRect(), r = i.value.offsetWidth, p = l.left + r > window.innerWidth;
+    const c = t.value.getBoundingClientRect(), a = i.value.offsetWidth, p = c.left + a > window.innerWidth;
     e === "slot" ? this.alignSlotRight = p : this.alignSearchRight = p;
   }
   handleMenuToggle(e) {
@@ -357,7 +357,7 @@ let o = class extends _ {
     return this.hasLogOut && (this.logOutButtonPlacement === "userMenu" || this.logOutButtonPlacement === "both");
   }
   renderLogo() {
-    if (this.hideLogo) return c;
+    if (this.hideLogo) return u;
     const e = n`
       <pkt-icon name="oslologo" aria-hidden="true" path=${P}></pkt-icon>
     `;
@@ -405,7 +405,7 @@ let o = class extends _ {
       <span class="pkt-header-service__service-name" @click=${this.handleServiceClick}>
         <span class="pkt-header-service__service-link">${this.serviceName}</span>
       </span>
-    ` : c;
+    ` : u;
   }
   renderSlotContainer() {
     const e = g({
@@ -424,7 +424,7 @@ let o = class extends _ {
         ${this.isTablet && this.hasSlotContent ? n`
               <pkt-button
                 skin="secondary"
-                variant="icon-only"
+                variant=${this.slotMenuVariant}
                 iconName="menu"
                 size=${this.isMobile ? "small" : "medium"}
                 state=${this.openMenu === "slot" ? "active" : "normal"}
@@ -433,14 +433,14 @@ let o = class extends _ {
                 aria-controls="mobile-slot-menu"
                 aria-label="Åpne meny"
               >
-                Meny
+                ${this.slotMenuText}
               </pkt-button>
-            ` : c}
+            ` : u}
         <div
           class=${t}
           id="mobile-slot-menu"
-          role=${this.isTablet ? "menu" : c}
-          aria-label=${this.isTablet ? "Meny" : c}
+          role=${this.isTablet ? "menu" : u}
+          aria-label=${this.isTablet ? "Meny" : u}
           ${k(this.slotContentRef)}
           ${k(this.defaultSlot)}
         ></div>
@@ -448,7 +448,7 @@ let o = class extends _ {
     `;
   }
   renderSearch() {
-    if (!this.showSearch) return c;
+    if (!this.showSearch) return u;
     if (this.isTablet) {
       const e = g({
         "pkt-header-service__search-container": !0,
@@ -494,7 +494,7 @@ let o = class extends _ {
         i.key === "Enter" && this.handleSearch(i.target.value);
       }}
                   ></pkt-textinput>
-                ` : c}
+                ` : u}
           </div>
         </div>
       `;
@@ -515,7 +515,7 @@ let o = class extends _ {
   }
   renderUserButton() {
     var t;
-    if (!this.user) return c;
+    if (!this.user) return u;
     const e = g({
       "pkt-header-service__user-menu": this.isMobile === !1,
       "pkt-header-service__mobile-menu": this.isMobile === !0,
@@ -547,7 +547,7 @@ let o = class extends _ {
               <div class=${e}>
                 <pkt-header-user-menu
                   .user=${this.user}
-                  formatted-last-logged-in=${this.formattedLastLoggedIn || c}
+                  formatted-last-logged-in=${this.formattedLastLoggedIn || u}
                   .representing=${this.representing}
                   .userMenu=${this.userMenu}
                   ?can-change-representation=${this.canChangeRepresentation}
@@ -558,7 +558,7 @@ let o = class extends _ {
                   @log-out=${this.handleLogout}
                 ></pkt-header-user-menu>
               </div>
-            ` : c}
+            ` : u}
       </div>
     `;
   }
@@ -591,7 +591,7 @@ let o = class extends _ {
                 >
                   Logg ut
                 </pkt-button>
-              ` : c}
+              ` : u}
         </div>
 
         <div class="pkt-header-service__user">
@@ -606,7 +606,7 @@ let o = class extends _ {
                 >
                   Logg ut
                 </pkt-button>
-              ` : c}
+              ` : u}
         </div>
       </header>
     `;
@@ -630,102 +630,108 @@ let o = class extends _ {
     return e;
   }
 };
-a([
+r([
   s({ type: String, attribute: "service-name" })
 ], o.prototype, "serviceName", 2);
-a([
+r([
   s({ type: String, attribute: "service-link" })
 ], o.prototype, "serviceLink", 2);
-a([
+r([
   s({ type: String, attribute: "logo-link" })
 ], o.prototype, "logoLink", 2);
-a([
+r([
   s({ type: String, attribute: "search-placeholder" })
 ], o.prototype, "searchPlaceholder", 2);
-a([
+r([
   s({ type: String, attribute: "search-value" })
 ], o.prototype, "searchValue", 2);
-a([
+r([
   s({ type: Number, attribute: "mobile-breakpoint" })
 ], o.prototype, "mobileBreakpoint", 2);
-a([
+r([
   s({ type: Number, attribute: "tablet-breakpoint" })
 ], o.prototype, "tabletBreakpoint", 2);
-a([
+r([
   s({ type: String, attribute: "opened-menu" })
 ], o.prototype, "openedMenu", 2);
-a([
+r([
   s({ type: String, attribute: "log-out-button-placement" })
 ], o.prototype, "logOutButtonPlacement", 2);
-a([
+r([
   s({ type: String })
 ], o.prototype, "position", 2);
-a([
+r([
   s({ type: String, attribute: "scroll-behavior" })
 ], o.prototype, "scrollBehavior", 2);
-a([
+r([
+  s({ type: String, attribute: "slot-menu-variant" })
+], o.prototype, "slotMenuVariant", 2);
+r([
+  s({ type: String, attribute: "slot-menu-text" })
+], o.prototype, "slotMenuText", 2);
+r([
   s({ type: Boolean, attribute: "hide-logo", converter: d })
 ], o.prototype, "hideLogo", 2);
-a([
+r([
   s({ type: Boolean, converter: d })
 ], o.prototype, "compact", 2);
-a([
+r([
   s({ type: Boolean, attribute: "show-search", converter: d })
 ], o.prototype, "showSearch", 2);
-a([
+r([
   s({
     type: Boolean,
     attribute: "can-change-representation",
     converter: d
   })
 ], o.prototype, "canChangeRepresentation", 2);
-a([
+r([
   s({ type: Boolean, attribute: "has-log-out", converter: d })
 ], o.prototype, "hasLogOut", 2);
-a([
+r([
   s({ type: Object })
 ], o.prototype, "user", 2);
-a([
+r([
   s({ type: Array, attribute: "user-menu" })
 ], o.prototype, "userMenu", 2);
-a([
+r([
   s({ type: Object })
 ], o.prototype, "representing", 2);
-a([
+r([
   f()
 ], o.prototype, "isMobile", 2);
-a([
+r([
   f()
 ], o.prototype, "isTablet", 2);
-a([
+r([
   f()
 ], o.prototype, "openMenu", 2);
-a([
+r([
   f()
 ], o.prototype, "isHidden", 2);
-a([
+r([
   f()
 ], o.prototype, "componentWidth", 2);
-a([
+r([
   f()
 ], o.prototype, "hasSlotContent", 2);
-a([
+r([
   f()
 ], o.prototype, "alignSlotRight", 2);
-a([
+r([
   f()
 ], o.prototype, "alignSearchRight", 2);
-o = a([
+o = r([
   M("pkt-header-service")
 ], o);
-var N = Object.defineProperty, I = Object.getOwnPropertyDescriptor, u = (e, t, i, l) => {
-  for (var r = l > 1 ? void 0 : l ? I(t, i) : t, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (r = (l ? m(t, i, r) : m(r)) || r);
-  return l && r && N(t, i, r), r;
+var x = Object.defineProperty, N = Object.getOwnPropertyDescriptor, h = (e, t, i, c) => {
+  for (var a = c > 1 ? void 0 : c ? N(t, i) : t, p = e.length - 1, m; p >= 0; p--)
+    (m = e[p]) && (a = (c ? m(t, i, a) : m(a)) || a);
+  return c && a && x(t, i, a), a;
 };
-let h = class extends _ {
+let l = class extends _ {
   constructor() {
-    super(), this.defaultSlot = v(), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.slotController = new S(this, this.defaultSlot);
+    super(), this.defaultSlot = v(), this.searchPlaceholder = "Søk", this.searchValue = "", this.mobileBreakpoint = 768, this.tabletBreakpoint = 1280, this.openedMenu = "none", this.logOutButtonPlacement = "none", this.position = "fixed", this.scrollBehavior = "hide", this.slotMenuVariant = "icon-only", this.slotMenuText = "Meny", this.hideLogo = !1, this.compact = !1, this.showSearch = !1, this.canChangeRepresentation = !1, this.hasLogOut = !1, this.slotController = new S(this, this.defaultSlot);
   }
   firstUpdated(e) {
     super.firstUpdated(e), this.emitDeprecationWarnings();
@@ -754,6 +760,8 @@ let h = class extends _ {
         log-out-button-placement=${this.logOutButtonPlacement}
         position=${this.position}
         scroll-behavior=${this.scrollBehavior}
+        slot-menu-variant=${this.slotMenuVariant}
+        slot-menu-text=${this.slotMenuText}
         .hideLogo=${this.hideLogo}
         .compact=${this.compact}
         .showSearch=${this.showSearch}
@@ -768,78 +776,84 @@ let h = class extends _ {
     `;
   }
 };
-u([
+h([
   s({ type: String, attribute: "service-name" })
-], h.prototype, "serviceName", 2);
-u([
+], l.prototype, "serviceName", 2);
+h([
   s({ type: String, attribute: "service-link" })
-], h.prototype, "serviceLink", 2);
-u([
+], l.prototype, "serviceLink", 2);
+h([
   s({ type: String, attribute: "logo-link" })
-], h.prototype, "logoLink", 2);
-u([
+], l.prototype, "logoLink", 2);
+h([
   s({ type: String, attribute: "search-placeholder" })
-], h.prototype, "searchPlaceholder", 2);
-u([
+], l.prototype, "searchPlaceholder", 2);
+h([
   s({ type: String, attribute: "search-value" })
-], h.prototype, "searchValue", 2);
-u([
+], l.prototype, "searchValue", 2);
+h([
   s({ type: Number, attribute: "mobile-breakpoint" })
-], h.prototype, "mobileBreakpoint", 2);
-u([
+], l.prototype, "mobileBreakpoint", 2);
+h([
   s({ type: Number, attribute: "tablet-breakpoint" })
-], h.prototype, "tabletBreakpoint", 2);
-u([
+], l.prototype, "tabletBreakpoint", 2);
+h([
   s({ type: String, attribute: "opened-menu" })
-], h.prototype, "openedMenu", 2);
-u([
+], l.prototype, "openedMenu", 2);
+h([
   s({ type: String, attribute: "log-out-button-placement" })
-], h.prototype, "logOutButtonPlacement", 2);
-u([
+], l.prototype, "logOutButtonPlacement", 2);
+h([
   s({ type: String })
-], h.prototype, "position", 2);
-u([
+], l.prototype, "position", 2);
+h([
   s({ type: String, attribute: "scroll-behavior" })
-], h.prototype, "scrollBehavior", 2);
-u([
+], l.prototype, "scrollBehavior", 2);
+h([
+  s({ type: String, attribute: "slot-menu-variant" })
+], l.prototype, "slotMenuVariant", 2);
+h([
+  s({ type: String, attribute: "slot-menu-text" })
+], l.prototype, "slotMenuText", 2);
+h([
   s({ type: Boolean, attribute: "hide-logo", converter: d })
-], h.prototype, "hideLogo", 2);
-u([
+], l.prototype, "hideLogo", 2);
+h([
   s({ type: Boolean, converter: d })
-], h.prototype, "compact", 2);
-u([
+], l.prototype, "compact", 2);
+h([
   s({ type: Boolean, attribute: "show-search", converter: d })
-], h.prototype, "showSearch", 2);
-u([
+], l.prototype, "showSearch", 2);
+h([
   s({
     type: Boolean,
     attribute: "can-change-representation",
     converter: d
   })
-], h.prototype, "canChangeRepresentation", 2);
-u([
+], l.prototype, "canChangeRepresentation", 2);
+h([
   s({ type: Boolean, attribute: "has-log-out", converter: d })
-], h.prototype, "hasLogOut", 2);
-u([
+], l.prototype, "hasLogOut", 2);
+h([
   s({ type: Object })
-], h.prototype, "user", 2);
-u([
+], l.prototype, "user", 2);
+h([
   s({ type: Array, attribute: "user-menu" })
-], h.prototype, "userMenu", 2);
-u([
+], l.prototype, "userMenu", 2);
+h([
   s({ type: Object })
-], h.prototype, "representing", 2);
-u([
+], l.prototype, "representing", 2);
+h([
   s({ type: Array, attribute: "user-menu-footer" })
-], h.prototype, "userMenuFooter", 2);
-u([
+], l.prototype, "userMenuFooter", 2);
+h([
   s({ type: Array, attribute: "user-options" })
-], h.prototype, "userOptions", 2);
-h = u([
+], l.prototype, "userOptions", 2);
+l = h([
   M("pkt-header")
-], h);
+], l);
 export {
-  h as PktHeader,
+  l as PktHeader,
   o as PktHeaderService,
   b as PktHeaderUserMenu,
   w as formatLastLoggedIn

package/dist/pkt-index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-SvqEDHuW.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BrIIpgJ7.cjs"),h=require("./button-DaM4jvhJ.cjs"),k=require("./calendar-ZzLAjDpv.cjs"),f=require("./card-C1gRTfXb.cjs"),y=require("./combobox-C1xwAju5.cjs"),O=require("./consent-Daj-Xa7w.cjs"),j=require("./checkbox-C0TPnShf.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-COIRRau0.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-hlcc584n.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-MRx-m0Or.cjs"),T=require("./input-wrapper-CtBiAb04.cjs"),$=require("./link-Dw39h-YN.cjs"),H=require("./linkcard-DUA3kGGd.cjs"),L=require("./loader-DjGxT7C3.cjs"),_=require("./messagebox-ChIKVTO_.cjs"),I=require("./modal-B4qq0VFB.cjs"),A=require("./progressbar-CmAQ-DVW.cjs"),p=require("./radiobutton-BkqaqO5E.cjs"),B=require("./tag-B02fKJ66.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-DyUy8u7X.cjs"),D=require("./textinput-IN3b0nSH.cjs"),R=require("./select-3dwlk22G.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./alert-SvqEDHuW.cjs"),P=require("./accordionitem-DCZrHVNR.cjs"),g=require("./backlink-BrIIpgJ7.cjs"),h=require("./button-DaM4jvhJ.cjs"),k=require("./calendar-ZzLAjDpv.cjs"),f=require("./card-C1gRTfXb.cjs"),y=require("./combobox-CcyHcqdW.cjs"),O=require("./consent-Daj-Xa7w.cjs"),j=require("./checkbox-uxeHrTLH.cjs"),t=require("./element-CJ_QKaki.cjs"),q=require("./pkt-slot-controller-BzddBp7z.cjs"),a=require("./ref-BFa5Utho.cjs"),x=require("./class-map-C_erArZz.cjs"),d=require("./datepicker-BeMs_vsm.cjs"),l=require("./pkt-header.cjs"),C=require("./helptext-hlcc584n.cjs"),v=require("./heading-Dv_cH6N1.cjs"),S=require("./icon-MRx-m0Or.cjs"),T=require("./input-wrapper-CtBiAb04.cjs"),$=require("./link-Dw39h-YN.cjs"),H=require("./linkcard-DUA3kGGd.cjs"),L=require("./loader-DjGxT7C3.cjs"),_=require("./messagebox-ChIKVTO_.cjs"),I=require("./modal-B4qq0VFB.cjs"),A=require("./progressbar-CmAQ-DVW.cjs"),p=require("./radiobutton-DVe09YxP.cjs"),B=require("./tag-B02fKJ66.cjs"),b=require("./tabitem-D5zyipN1.cjs"),M=require("./textarea-VBUXPS1O.cjs"),D=require("./textinput-BkYKotc1.cjs"),R=require("./select-7KFOnLln.cjs");var w=Object.defineProperty,E=Object.getOwnPropertyDescriptor,o=(s,e,r,i)=>{for(var n=i>1?void 0:i?E(e,r):e,u=s.length-1,c;u>=0;u--)(c=s[u])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&w(e,r,n),n};exports.PktComponent=class extends t.PktElement{constructor(){super(),this.string="",this.strings=[],this.darkmode=!1,this._list=[],this.defaultSlot=a.e(),this.namedSlot=a.e(),this.slotController=new q.PktSlotController(this,this.defaultSlot,this.namedSlot)}connectedCallback(){this.strings.length&&this.strings.forEach(e=>{this._list.push(e.toUpperCase())}),super.connectedCallback()}render(){const e={"pkt-component":!0,"pkt-component--has-list":this.strings.length>0,"pkt-darkmode":this.darkmode};return t.x`
       <div class="${x.e(e)}">
         <h1 class="pkt-txt-28">${this.string}</h1>
 

package/dist/pkt-index.js

@@ -5,14 +5,14 @@ import { P as E } from "./button-CjXih_Nx.js";
 import { c as d } from "./calendar-CvfMj3fA.js";
 import { P as R } from "./calendar-CvfMj3fA.js";
 import { P as M } from "./card-CO3D8wQE.js";
-import { P as U } from "./combobox-Dcp_fHcL.js";
+import { P as U } from "./combobox-MZsqmVL-.js";
 import { P as N } from "./consent-BO3Ga8N4.js";
-import { P as q } from "./checkbox-CnhA52o_.js";
+import { P as q } from "./checkbox-DfVUNTjH.js";
 import { P as f, t as h, x as l, n, a as c } from "./element-CRDRygXu.js";
 import { P as x } from "./pkt-slot-controller-BPGj-LC5.js";
 import { e as m, n as k } from "./ref-Xa5dbh--.js";
 import { e as u } from "./class-map-wy7PUk0P.js";
-import { P as F, a as J } from "./datepicker-Bjb9GK1E.js";
+import { P as F, a as J } from "./datepicker-a2LvhbRb.js";
 import { PktHeader as V, PktHeaderService as X, PktHeaderUserMenu as Y } from "./pkt-header.js";
 import { P as tt } from "./helptext-Bn17Picx.js";
 import { P as rt } from "./heading-BUdy170t.js";
@@ -24,12 +24,12 @@ import { P as kt } from "./loader-DIum_s_D.js";
 import { P as ft } from "./messagebox-aPlConlJ.js";
 import { P as ct } from "./modal-jAUtM-NP.js";
 import { P as ut } from "./progressbar-CVt73-JQ.js";
-import { P as vt, P as bt } from "./radiobutton-Caq8-GhM.js";
+import { P as vt, P as bt } from "./radiobutton-BmgdSpYf.js";
 import { P as Ct } from "./tag-CES41g0D.js";
 import { a as yt, P as _t } from "./tabitem-NV2fzs_-.js";
-import { P as Tt } from "./textarea-a6T4aJJU.js";
-import { P as At } from "./textinput-DIuM70dd.js";
-import { P as wt } from "./select-_C-yztI0.js";
+import { P as Tt } from "./textarea-Bmrv_vve.js";
+import { P as At } from "./textinput-Lp1crOmj.js";
+import { P as wt } from "./select-CKqz-JKZ.js";
 var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, s = (t, e, i, a) => {
   for (var r = a > 1 ? void 0 : a ? v(e, i) : e, p = t.length - 1, P; p >= 0; p--)
     (P = t[p]) && (r = (a ? P(e, i, r) : P(r)) || r);

package/dist/pkt-options-controller-DjBCEHU4.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./pkt-slot-controller-BzddBp7z.cjs");class a{constructor(t){this.nodes=[],this.options=[],this.host=t,this.host.addController(this),this.nodes=[],this.options=[],this.observer=new MutationObserver(e=>this.handleMutations(e))}hostConnected(){Array.from(this.host.childNodes).forEach(t=>{(t.nodeName==="OPTION"||t.nodeName==="DATA")&&this.addNode(t)}),this.createOptions(),this.observer.observe(this.host,{childList:!0,subtree:!1,attributes:!0})}hostDisconnected(){this.observer.disconnect()}addNode(t){(t.nodeName==="OPTION"||t.nodeName==="DATA")&&(t.hasAttribute("hidden")&&!t.hasAttribute("data-skip")&&t.setAttribute("data-hidden","true"),!t.hasAttribute("hidden")&&t.hasAttribute("data-skip")&&t.hasAttribute("data-hidden")&&t.removeAttribute("data-hidden"),t.setAttribute("class","pkt-hide"),t.setAttribute("data-skip","true"),t.setAttribute("hidden","true"),this.nodes.push(t))}createOptions(){this.options=this.nodes.map(t=>({value:t.hasAttribute("value")?t.getAttribute("value")??"":t.textContent??"",label:t.textContent||t.getAttribute("value")||"",selected:t.hasAttribute("selected"),disabled:t.hasAttribute("disabled"),hidden:t.hasAttribute("data-hidden")})),this.host.requestUpdate()}handleMutations(t){let e=!1;t.forEach(s=>{s.type==="childList"&&(s.addedNodes.forEach(i=>{r.isOptionElement(i)&&(this.addNode(i),e=!0)}),s.removedNodes.forEach(i=>{r.isOptionElement(i)&&(this.nodes=this.nodes.filter(h=>h!==i),e=!0)})),s.type==="attributes"&&r.isOptionElement(s.target)&&(this.addNode(s.target),e=!0)}),e&&this.createOptions()}}exports.PktOptionsSlotController=a;

package/dist/{pkt-options-controller-CZO1nxZ8.js → pkt-options-controller-zn5cmMvL.js}

@@ -6,7 +6,7 @@ class o {
   hostConnected() {
     Array.from(this.host.childNodes).forEach((t) => {
       (t.nodeName === "OPTION" || t.nodeName === "DATA") && this.addNode(t);
-    }), this.observer.observe(this.host, { childList: !0, subtree: !1, attributes: !0 });
+    }), this.createOptions(), this.observer.observe(this.host, { childList: !0, subtree: !1, attributes: !0 });
   }
   hostDisconnected() {
     this.observer.disconnect();
@@ -21,7 +21,7 @@ class o {
       selected: t.hasAttribute("selected"),
       disabled: t.hasAttribute("disabled"),
       hidden: t.hasAttribute("data-hidden")
-    })), this.host.setAttribute("options", JSON.stringify(this.options));
+    })), this.host.requestUpdate();
   }
   handleMutations(t) {
     let e = !1;
@@ -29,7 +29,7 @@ class o {
       s.type === "childList" && (s.addedNodes.forEach((i) => {
         r(i) && (this.addNode(i), e = !0);
       }), s.removedNodes.forEach((i) => {
-        r(i) && (this.nodes = this.nodes.filter((h) => h !== i), e = !0);
+        r(i) && (this.nodes = this.nodes.filter((a) => a !== i), e = !0);
       })), s.type === "attributes" && r(s.target) && (this.addNode(s.target), e = !0);
     }), e && this.createOptions();
   }

package/dist/pkt-radiobutton.cjs

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

package/dist/pkt-radiobutton.js

@@ -1,4 +1,4 @@
-import { P as t } from "./radiobutton-Caq8-GhM.js";
+import { P as t } from "./radiobutton-BmgdSpYf.js";
 const a = t;
 export {
   t as PktRadioButton,