@oslokommune/punkt-elements 16.0.5 → 16.2.0

package/dist/index.d.ts

@@ -36,7 +36,6 @@ import { UserMenuItem } from '../../../../../shared-types';
  * Declares all reactive properties, state, refs, and simple helpers.
  */
 declare class ComboboxBase extends PktInputElement {
-    protected readonly helptextSlot: Ref<HTMLElement>;
     constructor();
     value: string | string[];
     options: IPktComboboxOption[];
@@ -491,7 +490,7 @@ export declare class PktAccordion extends LitElement implements IPktAccordion {
     render(): TemplateResult<1>;
 }
 
-export declare class PktAccordionItem extends PktElement implements IPktAccordionItem {
+export declare class PktAccordionItem extends PktElementWithSlot implements IPktAccordionItem {
     defaultOpen: boolean;
     title: string;
     skin: TPktAccordionSkin | undefined;
@@ -499,14 +498,12 @@ export declare class PktAccordionItem extends PktElement implements IPktAccordio
     isOpen: boolean;
     name: string | undefined;
     accordionItemRef: Ref<HTMLDivElement>;
-    defaultSlot: Ref<HTMLElement>;
     constructor();
     protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
 }
 
-export declare class PktAlert extends PktElement implements IPktAlert {
-    defaultSlot: Ref<HTMLElement>;
+export declare class PktAlert extends PktElementWithSlot implements IPktAlert {
     constructor();
     compact: boolean;
     title: string;
@@ -532,10 +529,7 @@ export declare class PktBackLink extends PktElement<IPktBackLink> implements IPk
     render(): TemplateResult<1>;
 }
 
-export declare class PktButton extends PktElement<IPktButton> implements IPktButton {
-    slotController: PktSlotController;
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktButton extends PktElementWithSlot<IPktButton> implements IPktButton {
     iconName: string;
     secondIconName: string;
     iconPath: string | undefined;
@@ -655,9 +649,7 @@ export declare class PktCalendar extends PktElement {
     close(): void;
 }
 
-export declare class PktCard extends PktElement implements IPktCard {
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktCard extends PktElementWithSlot implements IPktCard {
     ariaLabel: string;
     metaLead: string | null;
     borderOnHover: boolean;
@@ -795,7 +787,6 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
     /**
      * Housekeeping / lifecycle methods
      */
-    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     onInput(): void;
@@ -809,7 +800,6 @@ export declare class PktDatepicker extends PktInputElement<Props_4> {
     get inputRefTo(): Ref<HTMLInputElement>;
     calRef: Ref<PktCalendar>;
     popupRef: Ref<HTMLDivElement>;
-    helptextSlot: Ref<HTMLElement>;
     singleInputRef: Ref<PktDatepickerSingle>;
     rangeInputRef: Ref<PktDatepickerRange>;
     multipleInputRef: Ref<PktDatepickerMultiple>;
@@ -957,6 +947,27 @@ declare class PktElement<T = {}> extends PktShadowElement<T> {
     createRenderRoot(): this;
 }
 
+/**
+ * Base class for Punkt light DOM elements that use the slotContent directive.
+ * Extends PktElement with slot content collection and distribution.
+ *
+ * Use this instead of PktElement when the component's template uses slotContent().
+ * @extends PktElement
+ */
+declare class PktElementWithSlot<T = {}> extends PktElement<T> {
+    /**
+     * Pre-collect children before Lit's first render clears them.
+     * This ensures slotContent() has access to the original children.
+     */
+    connectedCallback(): void;
+    /**
+     * Checks if a slot has content distributed to it via the slotContent directive.
+     *
+     * @param slotName - Name of the slot. Omit for the default slot.
+     */
+    hasSlotContent(slotName?: string): boolean;
+}
+
 /**
  * PktHeader - Main header component for Oslo kommune services
  *
@@ -969,9 +980,7 @@ declare class PktElement<T = {}> extends PktShadowElement<T> {
  *
  * TODO: Add `type` prop to switch between `service` and `global` header types
  */
-export declare class PktHeader extends PktElement<IPktHeader> implements IPktHeader {
-    defaultSlot: Ref<HTMLElement>;
-    slotController: PktSlotController;
+export declare class PktHeader extends PktElementWithSlot<IPktHeader> implements IPktHeader {
     serviceName?: string;
     serviceLink?: string;
     logoLink?: string;
@@ -995,7 +1004,6 @@ export declare class PktHeader extends PktElement<IPktHeader> implements IPktHea
     representing?: IPktHeaderRepresenting;
     userMenuFooter?: IPktHeaderUserMenuItem[];
     userOptions?: IPktHeaderUserMenuItem[];
-    constructor();
     firstUpdated(changedProperties: PropertyValues): void;
     private emitDeprecationWarnings;
     /**
@@ -1005,7 +1013,7 @@ export declare class PktHeader extends PktElement<IPktHeader> implements IPktHea
     render(): TemplateResult<1>;
 }
 
-export declare class PktHeaderService extends PktElement<IPktHeader> implements IPktHeader {
+export declare class PktHeaderService extends PktElementWithSlot<IPktHeader> implements IPktHeader {
     serviceName?: string;
     serviceLink?: string;
     logoLink?: string;
@@ -1032,11 +1040,8 @@ export declare class PktHeaderService extends PktElement<IPktHeader> implements
     private openMenu;
     private isHidden;
     private componentWidth;
-    private hasSlotContent;
     private alignSlotRight;
     private alignSearchRight;
-    defaultSlot: Ref<HTMLElement>;
-    slotController: PktSlotController;
     private headerRef;
     private userContainerRef;
     private slotContainerRef;
@@ -1048,8 +1053,6 @@ export declare class PktHeaderService extends PktElement<IPktHeader> implements
     private savedScrollY;
     private lastFocusedElement;
     private shouldRestoreFocus;
-    constructor();
-    updateSlots(filledSlots: Set<string | null | undefined>): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
     firstUpdated(): void;
@@ -1120,16 +1123,12 @@ export declare class PktHeading extends PktShadowElement<IPktHeading> implements
     render(): TemplateResult<1>;
 }
 
-export declare class PktHelptext extends PktElement {
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktHelptext extends PktElementWithSlot {
     forId: string;
     helptext: string;
     helptextDropdown: string;
     helptextDropdownButton: string;
     isHelpTextOpen: boolean;
-    filledSlots: Set<string | null | undefined>;
-    updateSlots(filledSlots: Set<string | null | undefined>): void;
     render(): TemplateResult<1>;
 }
 
@@ -1147,9 +1146,9 @@ export declare class PktIcon extends PktElement<Props_5> {
 
 /**
  * Base class for all Punkt input elements
- * @extends PktElement
+ * @extends PktElementWithSlot
  */
-declare class PktInputElement<T = {}, TOption extends PktInputOption = PktInputOption> extends PktElement<Props_2 & T> {
+declare class PktInputElement<T = {}, TOption extends PktInputOption = PktInputOption> extends PktElementWithSlot<Props_2 & T> {
     static get formAssociated(): boolean;
     internals: any;
     form: HTMLFormElement | null;
@@ -1158,7 +1157,6 @@ declare class PktInputElement<T = {}, TOption extends PktInputOption = PktInputO
     multiple?: boolean;
     range?: boolean;
     type?: string;
-    slotController?: PktSlotController;
     optionsController?: PktOptionsSlotController;
     _options?: TOption[];
     defaultValue: string | string[] | null;
@@ -1314,10 +1312,7 @@ declare interface PktInputOption {
     hidden?: boolean;
 }
 
-export declare class PktInputWrapper extends PktElement<Props_6> {
-    defaultSlot: Ref<HTMLElement>;
-    helptextSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktInputWrapper extends PktElementWithSlot<Props_6> {
     /**
      * Element attributes
      */
@@ -1350,9 +1345,7 @@ export declare class PktInputWrapper extends PktElement<Props_6> {
     private handleLabelClick;
 }
 
-export declare class PktLink extends PktElement {
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktLink extends PktElementWithSlot {
     /**
      * Element attributes
      */
@@ -1364,15 +1357,13 @@ export declare class PktLink extends PktElement {
     render(): TemplateResult<1>;
 }
 
-export declare class PktLinkCard extends PktElement implements IPktLinkCard {
-    defaultSlot: Ref<HTMLElement>;
+export declare class PktLinkCard extends PktElementWithSlot implements IPktLinkCard {
     title: string;
     href: string;
     iconName: string;
     external: boolean;
     openInNewTab: boolean;
     skin: TLinkCardSkin;
-    constructor();
     render(): TemplateResult<1>;
 }
 
@@ -1419,9 +1410,7 @@ declare class PktListbox extends PktElement implements IPktListbox {
     private handleTypeAhead;
 }
 
-export declare class PktLoader extends PktElement implements IPktLoader {
-    defaultSlot: Ref<HTMLElement>;
-    constructor();
+export declare class PktLoader extends PktElementWithSlot implements IPktLoader {
     delay: number;
     inline: boolean;
     isLoading: boolean;
@@ -1437,8 +1426,7 @@ export declare class PktLoader extends PktElement implements IPktLoader {
     private setupLoader;
 }
 
-export declare class PktMessagebox extends PktElement implements IPktMessagebox {
-    defaultSlot: Ref<HTMLElement>;
+export declare class PktMessagebox extends PktElementWithSlot implements IPktMessagebox {
     constructor();
     closable: boolean;
     compact: boolean;
@@ -1450,7 +1438,7 @@ export declare class PktMessagebox extends PktElement implements IPktMessagebox
     private close;
 }
 
-export declare class PktModal extends PktElement implements IPktModal {
+export declare class PktModal extends PktElementWithSlot implements IPktModal {
     headingText?: string;
     removePadding?: boolean;
     hideCloseButton?: boolean;
@@ -1460,7 +1448,6 @@ export declare class PktModal extends PktElement implements IPktModal {
     variant?: 'dialog' | 'drawer';
     drawerPosition?: 'left' | 'right';
     transparentBackdrop?: boolean;
-    defaultSlot: Ref<HTMLElement>;
     dialogRef: Ref<HTMLDialogElement>;
     _isOpen: boolean;
     constructor();
@@ -1612,7 +1599,6 @@ export { PktRadioButton as PktRadiobutton }
 
 export declare class PktSelect extends PktOptionsInputElement<{}, TSelectOption> implements IPktSelect {
     inputRef: Ref<HTMLSelectElement>;
-    private helptextSlot;
     value: string;
     selectedIndex: number | null;
     selectedOptions: HTMLCollectionOf<HTMLOptionElement> | undefined;
@@ -1648,33 +1634,7 @@ declare class PktShadowElement<T = {}> extends LitElement {
     hotReplacedCallback(): void;
 }
 
-/**
- * Controls the distribution of nodes into slots WITHOUT using Shadow DOM.
- * This controller provides a lightweight alternative to Shadow DOM slot distribution,
- * allowing content to be distributed into specific elements while maintaining
- * style penetration and global CSS access.
- *
- * */
-declare class PktSlotController implements ReactiveController {
-    host: LitElement & ReactiveControllerHost;
-    nodes: Element[];
-    slots: Ref<HTMLElement>[];
-    observer: MutationObserver;
-    filledSlots: Set<string | null | undefined>;
-    skipOptions: boolean;
-    private updatingSlots;
-    private needsSlotUpdate;
-    constructor(host: LitElement & ReactiveControllerHost, ...slots: Ref<HTMLElement>[]);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
-    private updateNodes;
-    private updateSlots;
-    private handleMutations;
-    private handleSlotMutations;
-}
-
-export declare class PktTabItem extends PktElement<IPktTabItem> implements IPktTabItem {
+export declare class PktTabItem extends PktElementWithSlot<IPktTabItem> implements IPktTabItem {
     active: boolean;
     href: string;
     icon: string;
@@ -1684,8 +1644,6 @@ export declare class PktTabItem extends PktElement<IPktTabItem> implements IPktT
     index: number;
     context?: TabsContext;
     elementRef: Ref<HTMLAnchorElement | HTMLButtonElement>;
-    defaultSlot: Ref<HTMLElement>;
-    slotController: PktSlotController;
     constructor();
     connectedCallback(): void;
     private handleClick;
@@ -1693,15 +1651,12 @@ export declare class PktTabItem extends PktElement<IPktTabItem> implements IPktT
     render(): TemplateResult<1>;
 }
 
-export declare class PktTabs extends PktElement<IPktTabs> implements IPktTabs {
+export declare class PktTabs extends PktElementWithSlot<IPktTabs> implements IPktTabs {
     arrowNav: boolean;
     disableArrowNav: boolean;
     private tabRefs;
     private tabCount;
     private get useArrowNav();
-    defaultSlot: Ref<HTMLElement>;
-    slotController: PktSlotController;
-    constructor();
     private context;
     updated(changedProperties: PropertyValues): void;
     private registerTab;
@@ -1710,9 +1665,7 @@ export declare class PktTabs extends PktElement<IPktTabs> implements IPktTabs {
     render(): TemplateResult<1>;
 }
 
-export declare class PktTag extends PktElement<IPktTag> implements IPktTag {
-    slotController: PktSlotController;
-    defaultSlot: Ref<HTMLElement>;
+export declare class PktTag extends PktElementWithSlot<IPktTag> implements IPktTag {
     constructor();
     /**
      * Element attributes
@@ -1743,12 +1696,10 @@ export declare class PktTag extends PktElement<IPktTag> implements IPktTag {
 
 export declare class PktTextarea extends PktInputElement<Props_8> {
     inputRef: Ref<HTMLTextAreaElement>;
-    private helptextSlot;
     value: string;
     autocomplete: string;
     rows: number | null;
     counterCurrent: number;
-    constructor();
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;
@@ -1756,7 +1707,6 @@ export declare class PktTextarea extends PktInputElement<Props_8> {
 
 export declare class PktTextinput extends PktInputElement<Props_9> {
     inputRef: Ref<HTMLTextAreaElement>;
-    private helptextSlot;
     value: string;
     type: string;
     size: number | null;
@@ -1766,7 +1716,6 @@ export declare class PktTextinput extends PktInputElement<Props_9> {
     suffix: string | null;
     omitSearchIcon: boolean;
     counterCurrent: number;
-    constructor();
     attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     updated(changedProperties: PropertyValues): void;
     render(): TemplateResult<1>;

package/dist/input-element-Xe9FTi2a.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./element-CMTfByxQ.cjs"),Ct=require("./utils-byXsEz1u.cjs"),Ft=require("./booleanish-BKVonob4.cjs"),Tt=require("./input-wrapper-EoSAbU-U.cjs"),xt=require("./element-with-slot-yT8k1Z37.cjs");var lt={},ct;function It(){return ct||(ct=1,(function(){(function(p){const a=new WeakMap,n=new WeakMap,f=new WeakMap,u=new WeakMap,b=new WeakMap,k=new WeakMap,S=new WeakMap,g=new WeakMap,A=new WeakMap,V=new WeakMap,C=new WeakMap,F=new WeakMap,z=new WeakMap,K=new WeakMap,x=new WeakMap,I={ariaAtomic:"aria-atomic",ariaAutoComplete:"aria-autocomplete",ariaBusy:"aria-busy",ariaChecked:"aria-checked",ariaColCount:"aria-colcount",ariaColIndex:"aria-colindex",ariaColIndexText:"aria-colindextext",ariaColSpan:"aria-colspan",ariaCurrent:"aria-current",ariaDescription:"aria-description",ariaDisabled:"aria-disabled",ariaExpanded:"aria-expanded",ariaHasPopup:"aria-haspopup",ariaHidden:"aria-hidden",ariaInvalid:"aria-invalid",ariaKeyShortcuts:"aria-keyshortcuts",ariaLabel:"aria-label",ariaLevel:"aria-level",ariaLive:"aria-live",ariaModal:"aria-modal",ariaMultiLine:"aria-multiline",ariaMultiSelectable:"aria-multiselectable",ariaOrientation:"aria-orientation",ariaPlaceholder:"aria-placeholder",ariaPosInSet:"aria-posinset",ariaPressed:"aria-pressed",ariaReadOnly:"aria-readonly",ariaRelevant:"aria-relevant",ariaRequired:"aria-required",ariaRoleDescription:"aria-roledescription",ariaRowCount:"aria-rowcount",ariaRowIndex:"aria-rowindex",ariaRowIndexText:"aria-rowindextext",ariaRowSpan:"aria-rowspan",ariaSelected:"aria-selected",ariaSetSize:"aria-setsize",ariaSort:"aria-sort",ariaValueMax:"aria-valuemax",ariaValueMin:"aria-valuemin",ariaValueNow:"aria-valuenow",ariaValueText:"aria-valuetext",role:"role"},ht=(e,t)=>{for(let i in I){t[i]=null;let s=null;const o=I[i];Object.defineProperty(t,i,{get(){return s},set(d){s=d,e.isConnected?M(e,o,d):V.set(e,t)}})}};function j(e){const t=u.get(e),{form:i}=t;Z(e,i,t),Y(e,t.labels)}const G=(e,t=!1)=>{const i=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode(d){return u.has(d)?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});let s=i.nextNode();const o=!t||e.disabled;for(;s;)s.formDisabledCallback&&o&&B(s,e.disabled),s=i.nextNode()},J={attributes:!0,attributeFilter:["disabled","name"]},R=O()?new MutationObserver(e=>{for(const t of e){const i=t.target;if(t.attributeName==="disabled"&&(i.constructor.formAssociated?B(i,i.hasAttribute("disabled")):i.localName==="fieldset"&&G(i)),t.attributeName==="name"&&i.constructor.formAssociated){const s=u.get(i),o=A.get(i);s.setFormValue(o)}}}):{};function P(e){e.forEach(t=>{const{addedNodes:i,removedNodes:s}=t,o=Array.from(i),d=Array.from(s);o.forEach(h=>{var y;if(u.has(h)&&h.constructor.formAssociated&&j(h),V.has(h)){const m=V.get(h);Object.keys(I).filter(v=>m[v]!==null).forEach(v=>{M(h,I[v],m[v])}),V.delete(h)}if(x.has(h)){const m=x.get(h);M(h,"internals-valid",m.validity.valid.toString()),M(h,"internals-invalid",(!m.validity.valid).toString()),M(h,"aria-invalid",(!m.validity.valid).toString()),x.delete(h)}if(h.localName==="form"){const m=g.get(h),E=document.createTreeWalker(h,NodeFilter.SHOW_ELEMENT,{acceptNode($){return u.has($)&&$.constructor.formAssociated&&!(m&&m.has($))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});let v=E.nextNode();for(;v;)j(v),v=E.nextNode()}h.localName==="fieldset"&&((y=R.observe)===null||y===void 0||y.call(R,h,J),G(h,!0))}),d.forEach(h=>{const y=u.get(h);y&&f.get(y)&&Q(y),S.has(h)&&S.get(h).disconnect()})})}function ut(e){e.forEach(t=>{const{removedNodes:i}=t;i.forEach(s=>{const o=z.get(t.target);u.has(s)&&et(s),o.disconnect()})})}const ft=e=>{var t,i;const s=new MutationObserver(ut);!((t=window==null?void 0:window.ShadyDOM)===null||t===void 0)&&t.inUse&&e.mode&&e.host&&(e=e.host),(i=s.observe)===null||i===void 0||i.call(s,e,{childList:!0}),z.set(e,s)};O()&&new MutationObserver(P);const W={childList:!0,subtree:!0},M=(e,t,i)=>{e.getAttribute(t)!==i&&e.setAttribute(t,i)},B=(e,t)=>{e.toggleAttribute("internals-disabled",t),t?M(e,"aria-disabled","true"):e.removeAttribute("aria-disabled"),e.formDisabledCallback&&e.formDisabledCallback.apply(e,[t])},Q=e=>{f.get(e).forEach(i=>{i.remove()}),f.set(e,[])},X=(e,t)=>{const i=document.createElement("input");return i.type="hidden",i.name=e.getAttribute("name"),e.after(i),f.get(t).push(i),i},pt=(e,t)=>{var i;f.set(t,[]),(i=R.observe)===null||i===void 0||i.call(R,e,J)},Y=(e,t)=>{if(t.length){Array.from(t).forEach(s=>s.addEventListener("click",e.click.bind(e)));let i=t[0].id;t[0].id||(i=`${t[0].htmlFor}_Label`,t[0].id=i),M(e,"aria-labelledby",i)}},L=e=>{const t=Array.from(e.elements).filter(d=>!d.tagName.includes("-")&&d.validity).map(d=>d.validity.valid),i=g.get(e)||[],s=Array.from(i).filter(d=>d.isConnected).map(d=>u.get(d).validity.valid),o=[...t,...s].includes(!1);e.toggleAttribute("internals-invalid",o),e.toggleAttribute("internals-valid",!o)},mt=e=>{L(N(e.target))},yt=e=>{L(N(e.target))},gt=e=>{const t=["button[type=submit]","input[type=submit]","button:not([type])"].map(i=>`${i}:not([disabled])`).map(i=>`${i}:not([form])${e.id?`,${i}[form='${e.id}']`:""}`).join(",");e.addEventListener("click",i=>{if(i.target.closest(t)){const o=g.get(e);if(e.noValidate)return;o.size&&Array.from(o).reverse().map(y=>u.get(y).reportValidity()).includes(!1)&&i.preventDefault()}})},vt=e=>{const t=g.get(e.target);t&&t.size&&t.forEach(i=>{i.constructor.formAssociated&&i.formResetCallback&&i.formResetCallback.apply(i)})},Z=(e,t,i)=>{if(t){const s=g.get(t);if(s)s.add(e);else{const o=new Set;o.add(e),g.set(t,o),gt(t),t.addEventListener("reset",vt),t.addEventListener("input",mt),t.addEventListener("change",yt)}k.set(t,{ref:e,internals:i}),e.constructor.formAssociated&&e.formAssociatedCallback&&setTimeout(()=>{e.formAssociatedCallback.apply(e,[t])},0),L(t)}},N=e=>{let t=e.parentNode;return t&&t.tagName!=="FORM"&&(t=N(t)),t},w=(e,t,i=DOMException)=>{if(!e.constructor.formAssociated)throw new i(t)},tt=(e,t,i)=>{const s=g.get(e);return s&&s.size&&s.forEach(o=>{u.get(o)[i]()||(t=!1)}),t},et=e=>{if(e.constructor.formAssociated){const t=u.get(e),{labels:i,form:s}=t;Y(e,i),Z(e,s,t)}};function O(){return typeof MutationObserver<"u"}class bt{constructor(){this.badInput=!1,this.customError=!1,this.patternMismatch=!1,this.rangeOverflow=!1,this.rangeUnderflow=!1,this.stepMismatch=!1,this.tooLong=!1,this.tooShort=!1,this.typeMismatch=!1,this.valid=!0,this.valueMissing=!1,Object.seal(this)}}const wt=e=>(e.badInput=!1,e.customError=!1,e.patternMismatch=!1,e.rangeOverflow=!1,e.rangeUnderflow=!1,e.stepMismatch=!1,e.tooLong=!1,e.tooShort=!1,e.typeMismatch=!1,e.valid=!0,e.valueMissing=!1,e),Et=(e,t,i)=>(e.valid=Mt(t),Object.keys(t).forEach(s=>e[s]=t[s]),i&&L(i),e),Mt=e=>{let t=!0;for(let i in e)i!=="valid"&&e[i]!==!1&&(t=!1);return t},_=new WeakMap;function it(e,t){e.toggleAttribute(t,!0),e.part&&e.part.add(t)}class H extends Set{static get isPolyfilled(){return!0}constructor(t){if(super(),!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");_.set(this,t)}add(t){if(!/^--/.test(t)||typeof t!="string")throw new DOMException(`Failed to execute 'add' on 'CustomStateSet': The specified value ${t} must start with '--'.`);const i=super.add(t),s=_.get(this),o=`state${t}`;return s.isConnected?it(s,o):setTimeout(()=>{it(s,o)}),i}clear(){for(let[t]of this.entries())this.delete(t);super.clear()}delete(t){const i=super.delete(t),s=_.get(this);return s.isConnected?(s.toggleAttribute(`state${t}`,!1),s.part&&s.part.remove(`state${t}`)):setTimeout(()=>{s.toggleAttribute(`state${t}`,!1),s.part&&s.part.remove(`state${t}`)}),i}}function at(e,t,i,s){if(typeof t=="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?s:i==="a"?s.call(e):s?s.value:t.get(e)}function kt(e,t,i,s,o){if(typeof t=="function"?e!==t||!0:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t.set(e,i),i}var T;class Vt{constructor(t){T.set(this,void 0),kt(this,T,t);for(let i=0;i<t.length;i++){let s=t[i];this[i]=s,s.hasAttribute("name")&&(this[s.getAttribute("name")]=s)}Object.freeze(this)}get length(){return at(this,T,"f").length}[(T=new WeakMap,Symbol.iterator)](){return at(this,T,"f")[Symbol.iterator]()}item(t){return this[t]==null?null:this[t]}namedItem(t){return this[t]==null?null:this[t]}}function St(){const e=HTMLFormElement.prototype.checkValidity;HTMLFormElement.prototype.checkValidity=i;const t=HTMLFormElement.prototype.reportValidity;HTMLFormElement.prototype.reportValidity=s;function i(...d){let h=e.apply(this,d);return tt(this,h,"checkValidity")}function s(...d){let h=t.apply(this,d);return tt(this,h,"reportValidity")}const{get:o}=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"elements");Object.defineProperty(HTMLFormElement.prototype,"elements",{get(...d){const h=o.call(this,...d),y=Array.from(g.get(this)||[]);if(y.length===0)return h;const m=Array.from(h).concat(y).sort((E,v)=>E.compareDocumentPosition?E.compareDocumentPosition(v)&2?1:-1:0);return new Vt(m)}})}class st{static get isPolyfilled(){return!0}constructor(t){if(!t||!t.tagName||t.tagName.indexOf("-")===-1)throw new TypeError("Illegal constructor");const i=t.getRootNode(),s=new bt;this.states=new H(t),a.set(this,t),n.set(this,s),u.set(t,this),ht(t,this),pt(t,this),Object.seal(this),i instanceof DocumentFragment&&ft(i)}checkValidity(){const t=a.get(this);if(w(t,"Failed to execute 'checkValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=n.get(this);if(!i.valid){const s=new Event("invalid",{bubbles:!1,cancelable:!0,composed:!1});t.dispatchEvent(s)}return i.valid}get form(){const t=a.get(this);w(t,"Failed to read the 'form' property from 'ElementInternals': The target element is not a form-associated custom element.");let i;return t.constructor.formAssociated===!0&&(i=N(t)),i}get labels(){const t=a.get(this);w(t,"Failed to read the 'labels' property from 'ElementInternals': The target element is not a form-associated custom element.");const i=t.getAttribute("id"),s=t.getRootNode();return s&&i?s.querySelectorAll(`[for="${i}"]`):[]}reportValidity(){const t=a.get(this);if(w(t,"Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!this.willValidate)return!0;const i=this.checkValidity(),s=F.get(this);if(s&&!t.constructor.formAssociated)throw new DOMException("Failed to execute 'reportValidity' on 'ElementInternals': The target element is not a form-associated custom element.");return!i&&s&&(t.focus(),s.focus()),i}setFormValue(t){const i=a.get(this);if(w(i,"Failed to execute 'setFormValue' on 'ElementInternals': The target element is not a form-associated custom element."),Q(this),t!=null&&!(t instanceof FormData)){if(i.getAttribute("name")){const s=X(i,this);s.value=t}}else t!=null&&t instanceof FormData&&Array.from(t).reverse().forEach(([s,o])=>{if(typeof o=="string"){const d=X(i,this);d.name=s,d.value=o}});A.set(i,t)}setValidity(t,i,s){const o=a.get(this);if(w(o,"Failed to execute 'setValidity' on 'ElementInternals': The target element is not a form-associated custom element."),!t)throw new TypeError("Failed to execute 'setValidity' on 'ElementInternals': 1 argument required, but only 0 present.");F.set(this,s);const d=n.get(this),h={};for(const E in t)h[E]=t[E];Object.keys(h).length===0&&wt(d);const y=Object.assign(Object.assign({},d),h);delete y.valid;const{valid:m}=Et(d,y,this.form);if(!m&&!i)throw new DOMException("Failed to execute 'setValidity' on 'ElementInternals': The second argument should not be empty if one or more flags in the first argument are true.");b.set(this,m?"":i),o.isConnected?(o.toggleAttribute("internals-invalid",!m),o.toggleAttribute("internals-valid",m),M(o,"aria-invalid",`${!m}`)):x.set(o,this)}get shadowRoot(){const t=a.get(this),i=C.get(t);return i||null}get validationMessage(){const t=a.get(this);return w(t,"Failed to read the 'validationMessage' property from 'ElementInternals': The target element is not a form-associated custom element."),b.get(this)}get validity(){const t=a.get(this);return w(t,"Failed to read the 'validity' property from 'ElementInternals': The target element is not a form-associated custom element."),n.get(this)}get willValidate(){const t=a.get(this);return w(t,"Failed to read the 'willValidate' property from 'ElementInternals': The target element is not a form-associated custom element."),!(t.disabled||t.hasAttribute("disabled")||t.hasAttribute("readonly"))}}function At(){if(typeof window>"u"||!window.ElementInternals||!HTMLElement.prototype.attachInternals)return!1;class e extends HTMLElement{constructor(){super(),this.internals=this.attachInternals()}}const t=`element-internals-feature-detection-${Math.random().toString(36).replace(/[^a-z]+/g,"")}`;customElements.define(t,e);const i=new e;return["shadowRoot","form","willValidate","validity","validationMessage","labels","setFormValue","setValidity","checkValidity","reportValidity"].every(s=>s in i.internals)}let rt=!1,nt=!1;function q(e){nt||(nt=!0,window.CustomStateSet=H,e&&(HTMLElement.prototype.attachInternals=function(...t){const i=e.call(this,t);return i.states=new H(this),i}))}function ot(e=!0){if(!rt){if(rt=!0,typeof window<"u"&&(window.ElementInternals=st),typeof CustomElementRegistry<"u"){const t=CustomElementRegistry.prototype.define;CustomElementRegistry.prototype.define=function(i,s,o){if(s.formAssociated){const d=s.prototype.connectedCallback;s.prototype.connectedCallback=function(){K.has(this)||(K.set(this,!0),this.hasAttribute("disabled")&&B(this,!0)),d!=null&&d.apply(this),et(this)}}t.call(this,i,s,o)}}if(typeof HTMLElement<"u"&&(HTMLElement.prototype.attachInternals=function(){if(this.tagName){if(this.tagName.indexOf("-")===-1)throw new Error("Failed to execute 'attachInternals' on 'HTMLElement': Unable to attach ElementInternals to non-custom elements.")}else return{};if(u.has(this))throw new DOMException("DOMException: Failed to execute 'attachInternals' on 'HTMLElement': ElementInternals for the specified element was already attached.");return new st(this)}),typeof Element<"u"){let t=function(...s){const o=i.apply(this,s);if(C.set(this,o),O()){const d=new MutationObserver(P);window.ShadyDOM?d.observe(this,W):d.observe(o,W),S.set(this,d)}return o};const i=Element.prototype.attachShadow;Element.prototype.attachShadow=t}O()&&typeof document<"u"&&new MutationObserver(P).observe(document.documentElement,W),typeof HTMLFormElement<"u"&&St(),(e||typeof window<"u"&&!window.CustomStateSet)&&q()}}return!!customElements.polyfillWrapFlushCallback||(At()?typeof window<"u"&&!window.CustomStateSet&&q(HTMLElement.prototype.attachInternals):ot(!1)),p.forceCustomStateSetPolyfill=q,p.forceElementInternalsPolyfill=ot,Object.defineProperty(p,"__esModule",{value:!0}),p})({})})()),lt}It();var Rt=Object.defineProperty,c=(p,a,n,f)=>{for(var u=void 0,b=p.length-1,k;b>=0;b--)(k=p[b])&&(u=k(a,n,u)||u);return u&&Rt(a,n,u),u};const dt="on",U="--checked",D=",";class l extends xt.PktElementWithSlot{constructor(){super(),this.defaultValue=null,this.disabled=!1,this.readonly=!1,this.required=!1,this.max=null,this.maxlength=null,this.min=null,this.minlength=null,this.step=null,this.ariaDescribedBy=null,this.ariaLabelledby=null,this.name="",this.pattern=null,this.placeholder=null,this.id=Ct.uuidish(),this.counter=!1,this.hasError=!1,this.inline=!1,this.hasFieldset=!1,this.optionalTag=!1,this.requiredTag=!1,this.skipForwardTestid=!1,this.useWrapper=!0,this.fullwidth=!1,this.counterMaxLength=0,this.errorMessage="",this.helptext="",this.helptextDropdown="",this.helptextDropdownButton=Tt.specs.props.helptextDropdownButton.default,this.label=null,this.optionalText=r.strings.forms.labels.optional,this.requiredText=r.strings.forms.labels.required,this.tagText=null,this.dataTestid="",this.touched=!1,this.internals=this.attachInternals()}static get formAssociated(){return!0}manageValidity(a){var n,f,u,b,k,S,g,A,V,C,F;if(!a){console.warn("manageValidity called without valid input element");return}this.required&&!this.value?this.internals.setValidity({valueMissing:!0},r.strings.forms.messages.required,a):(n=a.validity)!=null&&n.typeMismatch||(f=a.validity)!=null&&f.badInput?this.internals.setValidity({typeMismatch:!0},r.strings.forms.messages.invalid,a):(u=a.validity)!=null&&u.patternMismatch?this.internals.setValidity({patternMismatch:!0},r.strings.forms.messages.invalidPattern,a):(b=a.validity)!=null&&b.tooShort||this.minlength&&this.minlength>0&&this.value.length<this.minlength?this.internals.setValidity({tooShort:!0},r.strings.forms.messages.tooShort,a):(k=a.validity)!=null&&k.tooLong||this.maxlength&&this.maxlength>0&&this.value.length>this.maxlength?this.internals.setValidity({tooLong:!0},r.strings.forms.messages.tooLong,a):(S=a.validity)!=null&&S.rangeUnderflow?this.internals.setValidity({rangeUnderflow:!0},this.min?r.strings.forms.messages.rangeUnderflowMin.replace("{min}",(g=this.min)==null?void 0:g.toString()):r.strings.forms.messages.rangeUnderflow,a):(A=a.validity)!=null&&A.stepMismatch?this.internals.setValidity({stepMismatch:!0},r.strings.forms.messages.invalid,a):(V=a.validity)!=null&&V.rangeOverflow?this.internals.setValidity({rangeOverflow:!0},this.max?r.strings.forms.messages.rangeOverflowMax.replace("{max}",(C=this.max)==null?void 0:C.toString()):r.strings.forms.messages.rangeOverflow,a):(F=a.validity)!=null&&F.customError?this.internals.setValidity({customError:!0},a.validationMessage,a):this.internals.setValidity({})}setFormValue(a){if(this.internals)if(Array.isArray(a)){const n=new FormData;a.forEach(f=>{n.append(this.name,f)}),this.internals.setFormValue(n)}else this.internals.setFormValue(a)}coordinateRadioGroup(){if(!this.form||!this.name||this.type!=="radio")return;const a=`pkt-radiobutton[name="${this.name}"], input[type=radio][name="${this.name}"]`;this.form.querySelectorAll(a).forEach(n=>{var f;if(n!==this&&n.getAttribute("name")===this.name&&n.getAttribute("value")!==this.value){const u=n;u.checked&&(u.checked=!1,u.internals&&(u.internals.setFormValue(null),(f=u.internals.states)==null||f.delete(U)))}})}valueChecked(a){if(!this.touched)return;const n=this.internals.form||this.closest("form"),f=n?new FormData(n):null;if(this.type==="radio"&&this.coordinateRadioGroup(),typeof a=="string"?(this.checked=a==="true",this.internals.ariaChecked=String(a==="true")):typeof a=="boolean"&&(this.checked=a,this.internals.ariaChecked=String(a)),this.checked){const u=(typeof this.value=="string"?this.value:"")||dt;this.internals.setFormValue(u),f&&f.append(this.name,u),this.internals.states.add(U)}else this.internals.setFormValue(null),f&&f.delete(this.name),this.internals.states.delete(U);this.dispatchChangeEvents(this.checked),this.internals.reportValidity()}valueChanged(a,n){(n!==this.value||n!==this._value)&&(typeof a=="string"?((this.multiple||this.range)&&a.includes(D)&&(a=a.split(D)),this.value=a,this._value=Array.isArray(a)?a:[a]):Array.isArray(a)?(this.value=this.multiple||this.range?a:a[0],this._value=a):(this.value="",this._value=[]),(!this.value||this.value.length===0)&&n&&n.length!==0?this.clearInputValue():this.value&&this.value.toString()!==(n==null?void 0:n.toString())&&this.onChange(this.value))}dispatchChangeEvents(a){this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("value-change",{detail:a,bubbles:!0,composed:!0}))}clearInputValue(){const a=this.multiple||this.range?[]:"";this.value=a,this.setFormValue(a),this.dispatchChangeEvents(a)}onFocus(){this.dispatchEvent(new FocusEvent("focus",{bubbles:!0,composed:!0}))}onBlur(){this.dispatchEvent(new FocusEvent("blur",{bubbles:!0,composed:!0}))}onInput(){this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))}normalizeValue(a){return(this.range||this.multiple)&&typeof a=="string"&&a.includes(D)?a.split(D):!this.multiple&&!this.range&&Array.isArray(a)?a[0]||"":a}validate(){var a,n;(a=this.inputRef)!=null&&a.value&&this.manageValidity(this.inputRef.value),(n=this.inputRefTo)!=null&&n.value&&this.manageValidity(this.inputRefTo.value)}onChange(a){if(!this.touched){this.touched=!0,a&&this.setFormValue(a);return}if(typeof a!="string"&&!Array.isArray(a))return;const n=this.normalizeValue(a);this.setFormValue(n),this.validate(),this.dispatchChangeEvents(n)}formResetCallback(){var a;if(this.touched=!1,this._options&&this._options.length&&this._options.forEach(n=>{"selected"in n&&(n.selected=!1)}),this.checked!==void 0)this.checked=!1,this.internals.ariaChecked="false",this.internals.setFormValue(""),(a=this.inputRef)!=null&&a.value&&"checked"in this.inputRef.value&&(this.inputRef.value.checked=!1),this.valueChecked(this.checked);else{this.internals.setFormValue("");const n=this.defaultValue||(this.multiple||this.range?[]:"");this.value=n,this._value=Array.isArray(n)?n:[n],this.valueChanged(this.value,null)}this.internals.ariaInvalid="false"}updated(a){super.updated(a),a.has("dataTestid")&&this.dataTestid&&this.inputRef.value&&(this.skipForwardTestid?this.hasAttribute("data-testid")||this.setAttribute("data-testid",this.dataTestid):(this.inputRef.value.dataset.testid=this.dataTestid,this.removeAttribute("data-testid")))}firstUpdated(a){if(super.firstUpdated(a),!this.form){const n=this.internals.form||this.closest("form");this.form=n}if(this.value&&this.defaultValue===null&&(this.defaultValue=this.value),this.defaultValue!==null&&!this.value&&this.valueChanged(this.defaultValue,null),this.defaultChecked&&(this.internals.ariaChecked="true",this.checked=!0),this.required&&(this.internals.ariaRequired="true"),this.disabled&&(this.internals.ariaDisabled="true"),this.id&&!this.name&&(this.name=this.id),this.checked!==void 0){const n=this.checked===""||this.checked==="true"||this.checked===!0;this.internals.ariaChecked=String(n);const f=n?(typeof this.value=="string"?this.value:"")||dt:null;this.internals.setFormValue(f)}else this.setFormValue(this.value);this.inputRef&&this.inputRef.value&&(this.inputRef.value.setAttribute("form",""),this.manageValidity(this.inputRef.value)),this.inputRefTo&&this.inputRefTo.value&&(this.inputRefTo.value.setAttribute("form",""),this.manageValidity(this.inputRefTo.value))}}c([r.n({type:Boolean,reflect:!0})],l.prototype,"checked");c([r.n({type:Boolean})],l.prototype,"defaultChecked");c([r.n({type:Boolean})],l.prototype,"multiple");c([r.n({type:Boolean})],l.prototype,"range");c([r.n({type:String,reflect:!0})],l.prototype,"type");c([r.n()],l.prototype,"defaultValue");c([r.n({type:Boolean,reflect:!0})],l.prototype,"disabled");c([r.n({type:Boolean,reflect:!0})],l.prototype,"readonly");c([r.n({type:Boolean,reflect:!0})],l.prototype,"required");c([r.n({reflect:!0,converter:{fromAttribute:p=>p,toAttribute:p=>(p==null?void 0:p.toString())??null}})],l.prototype,"max");c([r.n({type:Number,reflect:!0})],l.prototype,"maxlength");c([r.n({reflect:!0,converter:{fromAttribute:p=>p,toAttribute:p=>(p==null?void 0:p.toString())??null}})],l.prototype,"min");c([r.n({type:Number,reflect:!0})],l.prototype,"minlength");c([r.n({type:Number,reflect:!0})],l.prototype,"step");c([r.n({type:String})],l.prototype,"ariaDescribedBy");c([r.n({type:String})],l.prototype,"ariaLabelledby");c([r.n({type:String,reflect:!0})],l.prototype,"name");c([r.n({type:String,reflect:!0})],l.prototype,"pattern");c([r.n({type:String,reflect:!0})],l.prototype,"placeholder");c([r.n({type:String,reflect:!0})],l.prototype,"id");c([r.n({type:Boolean})],l.prototype,"counter");c([r.n({type:Boolean})],l.prototype,"hasError");c([r.n({type:Boolean})],l.prototype,"inline");c([r.n({type:Boolean})],l.prototype,"hasFieldset");c([r.n({type:Boolean})],l.prototype,"optionalTag");c([r.n({type:Boolean})],l.prototype,"requiredTag");c([r.n({type:Boolean})],l.prototype,"skipForwardTestid");c([r.n({type:Boolean,reflect:!0,converter:Ft.booleanishConverter})],l.prototype,"useWrapper");c([r.n({type:Boolean,reflect:!0})],l.prototype,"fullwidth");c([r.n({type:Number})],l.prototype,"counterMaxLength");c([r.n({type:String})],l.prototype,"errorMessage");c([r.n({type:String})],l.prototype,"helptext");c([r.n({type:String})],l.prototype,"helptextDropdown");c([r.n({type:String,reflect:!1})],l.prototype,"helptextDropdownButton");c([r.n({type:String})],l.prototype,"label");c([r.n({type:String,reflect:!1})],l.prototype,"optionalText");c([r.n({type:String,reflect:!1})],l.prototype,"requiredText");c([r.n({type:String,reflect:!1})],l.prototype,"tagText");c([r.n({type:String,attribute:"data-testid"})],l.prototype,"dataTestid");exports.PktInputElement=l;

package/dist/{input-element-BGNbdzy2.js → input-element-n5U38pZ1.js}

@@ -1,7 +1,8 @@
-import { P as Ft, s as g, n as o } from "./element-CV9utnHJ.js";
-import { u as Tt } from "./utils-DznhwRXm.js";
-import { b as xt } from "./booleanish-C9R0tdXH.js";
-import { s as It } from "./input-wrapper-CDgenrYA.js";
+import { s as g, n as o } from "./element-CV9utnHJ.js";
+import { u as Ft } from "./utils-DznhwRXm.js";
+import { b as Tt } from "./booleanish-C9R0tdXH.js";
+import { s as xt } from "./input-wrapper-CDgenrYA.js";
+import { P as It } from "./element-with-slot-1djk8KXi.js";
 var ct = {}, dt;
 function Rt() {
   return dt || (dt = 1, (function() {
@@ -483,9 +484,9 @@ var Lt = Object.defineProperty, l = (p, a, r, f) => {
   return u && Lt(a, r, u), u;
 };
 const ht = "on", z = "--checked", P = ",";
-class c extends Ft {
+class c extends It {
   constructor() {
-    super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Tt(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = It.props.helptextDropdownButton.default, this.label = null, this.optionalText = g.forms.labels.optional, this.requiredText = g.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
+    super(), this.defaultValue = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.max = null, this.maxlength = null, this.min = null, this.minlength = null, this.step = null, this.ariaDescribedBy = null, this.ariaLabelledby = null, this.name = "", this.pattern = null, this.placeholder = null, this.id = Ft(), this.counter = !1, this.hasError = !1, this.inline = !1, this.hasFieldset = !1, this.optionalTag = !1, this.requiredTag = !1, this.skipForwardTestid = !1, this.useWrapper = !0, this.fullwidth = !1, this.counterMaxLength = 0, this.errorMessage = "", this.helptext = "", this.helptextDropdown = "", this.helptextDropdownButton = xt.props.helptextDropdownButton.default, this.label = null, this.optionalText = g.forms.labels.optional, this.requiredText = g.forms.labels.required, this.tagText = null, this.dataTestid = "", this.touched = !1, this.internals = this.attachInternals();
   }
   static get formAssociated() {
     return !0;
@@ -796,7 +797,7 @@ l([
   o({ type: Boolean })
 ], c.prototype, "skipForwardTestid");
 l([
-  o({ type: Boolean, reflect: !0, converter: xt })
+  o({ type: Boolean, reflect: !0, converter: Tt })
 ], c.prototype, "useWrapper");
 l([
   o({ type: Boolean, reflect: !0 })

package/dist/{input-wrapper-CaUY90qz.js → input-wrapper-B__6jW4U.js}

@@ -1,22 +1,21 @@
-import { P as x, A as s, b as o, n as r, t as m } from "./element-CV9utnHJ.js";
-import { P as k } from "./pkt-slot-controller-D7CrjM52.js";
-import { e as b, n as g } from "./ref-Dma3n3i8.js";
-import { o as w } from "./if-defined-rXcLNTzN.js";
-import { o as v } from "./icon-D0IQAVwS.js";
-import { e as T } from "./class-map-3ADKve8g.js";
-import { u as E } from "./utils-DznhwRXm.js";
-import { b as S } from "./booleanish-C9R0tdXH.js";
+import { P as $, s as g } from "./element-with-slot-1djk8KXi.js";
+import { o as x } from "./if-defined-rXcLNTzN.js";
+import { A as s, b as o, n as r, t as m } from "./element-CV9utnHJ.js";
+import { o as k } from "./icon-D0IQAVwS.js";
+import { e as v } from "./class-map-3ADKve8g.js";
+import { u as w } from "./utils-DznhwRXm.js";
+import { b as T } from "./booleanish-C9R0tdXH.js";
 import { s as p } from "./input-wrapper-CDgenrYA.js";
-import "./helptext-TFpeGJ1P.js";
-import "./alert-BHSd2Vpj.js";
-var D = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, e = (l, a, n, h) => {
-  for (var i = h > 1 ? void 0 : h ? _(a, n) : a, d = l.length - 1, u; d >= 0; d--)
+import "./helptext-DepcDYFV.js";
+import "./alert-ca_hFi-u.js";
+var E = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (l, a, n, h) => {
+  for (var i = h > 1 ? void 0 : h ? D(a, n) : a, d = l.length - 1, u; d >= 0; d--)
     (u = l[d]) && (i = (h ? u(a, n, i) : u(i)) || i);
-  return h && i && D(a, n, i), i;
+  return h && i && E(a, n, i), i;
 };
-let t = class extends x {
+let t = class extends $ {
   constructor() {
-    super(), this.defaultSlot = b(), this.helptextSlot = b(), this.forId = E(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.tagText = null, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default, this.slotController = new k(this, this.defaultSlot, this.helptextSlot);
+    super(...arguments), this.forId = w(), this.label = "", this.helptext = null, this.helptextDropdown = null, this.helptextDropdownButton = null, this.counter = p.props.counter.default, this.counterCurrent = 0, this.counterMaxLength = 0, this.counterError = null, this.counterPosition = "bottom", this.optionalTag = p.props.optionalTag.default, this.optionalText = p.props.optionalText.default, this.requiredTag = p.props.requiredTag.default, this.requiredText = p.props.requiredText.default, this.tagText = null, this.hasError = p.props.hasError.default, this.errorMessage = "", this.disabled = p.props.disabled.default, this.inline = p.props.inline.default, this.ariaDescribedby = void 0, this.hasFieldset = p.props.hasFieldset.default, this.role = "group", this.useWrapper = p.props.useWrapper.default;
   }
   updated(l) {
     super.updated(l);
@@ -53,39 +52,37 @@ let t = class extends x {
           ${this.label}
         </label>`, d = () => o`
         <pkt-helptext
-          class="${w(this.useWrapper ? void 0 : "pkt-hide")}"
+          class="${x(this.useWrapper ? void 0 : "pkt-hide")}"
           .forId=${this.forId}
           .helptext=${this.helptext}
           .helptextDropdown=${this.helptextDropdown}
           .helptextDropdownButton=${this.helptextDropdownButton || p.props.helptextDropdownButton.default}
-          @toggleHelpText=${($) => {
-      this.toggleDropdown($);
+          @toggleHelpText=${(f) => {
+      this.toggleDropdown(f);
     }}
-          ${g(this.helptextSlot)}
-          name="helptext"
-        ></pkt-helptext>
+        >${g(this, "helptext")}</pkt-helptext>
       `, u = () => this.counter ? o`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError ? this.counterError : s} ${this.counterCurrent || 0}
           ${this.counterMaxLength ? `/${this.counterMaxLength}` : s}
-        </div>` : s, y = () => this.hasError && this.errorMessage ? o`<pkt-alert
+        </div>` : s, b = () => this.hasError && this.errorMessage ? o`<pkt-alert
           skin="error"
           compact
           id=${`${this.forId}-error`}
           aria-live="assertive"
           aria-atomic="true"
         >
-          ${v(this.errorMessage)}
+          ${k(this.errorMessage)}
         </pkt-alert>` : s, c = () => o`
         ${i()} 
         ${d()}
         ${this.counterPosition === "top" ? u() : s}
-        <div class="pkt-contents" ${g(this.defaultSlot)}></div>
+        <div class="pkt-contents">${g(this)}</div>
         ${this.counterPosition === "bottom" ? u() : s} 
-        ${y()}
-      `, f = () => this.hasFieldset ? o`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
+        ${b()}
+      `, y = () => this.hasFieldset ? o`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${n}">
             ${c()}
           </fieldset>` : o`<div class="pkt-inputwrapper__fieldset">${c()}</div>`;
-    return o`<div class=${T(l)}>${f()}</div> `;
+    return o`<div class=${v(l)}>${y()}</div> `;
   }
   toggleDropdown(l) {
     this.dispatchEvent(
@@ -172,7 +169,7 @@ e([
   r({ type: String, reflect: !0 })
 ], t.prototype, "role", 2);
 e([
-  r({ type: Boolean, reflect: !0, converter: S })
+  r({ type: Boolean, reflect: !0, converter: T })
 ], t.prototype, "useWrapper", 2);
 t = e([
   m("pkt-input-wrapper")

package/dist/{input-wrapper-JU4D2TGu.cjs → input-wrapper-BdFdJU-k.cjs}

@@ -1,4 +1,4 @@
-"use strict";const t=require("./element-CMTfByxQ.cjs"),k=require("./pkt-slot-controller-D4nKlom5.cjs"),a=require("./ref-CxLwrCxt.cjs"),y=require("./if-defined-hKKmbsI8.cjs"),$=require("./icon-Dj0oZZSa.cjs"),f=require("./class-map-Bokp1SoS.cjs"),x=require("./utils-byXsEz1u.cjs"),I=require("./booleanish-BKVonob4.cjs"),r=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-BjW1WdOn.cjs");require("./alert-BDXWFRcf.cjs");var P=Object.defineProperty,W=Object.getOwnPropertyDescriptor,e=(u,p,n,o)=>{for(var s=o>1?void 0:o?W(p,n):p,i=u.length-1,l;i>=0;i--)(l=u[i])&&(s=(o?l(p,n,s):l(s))||s);return o&&s&&P(p,n,s),s};exports.PktInputWrapper=class extends t.PktElement{constructor(){super(),this.defaultSlot=a.e(),this.helptextSlot=a.e(),this.forId=x.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=r.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=r.specs.props.optionalTag.default,this.optionalText=r.specs.props.optionalText.default,this.requiredTag=r.specs.props.requiredTag.default,this.requiredText=r.specs.props.requiredText.default,this.tagText=null,this.hasError=r.specs.props.hasError.default,this.errorMessage="",this.disabled=r.specs.props.disabled.default,this.inline=r.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=r.specs.props.hasFieldset.default,this.role="group",this.useWrapper=r.specs.props.useWrapper.default,this.slotController=new k.PktSlotController(this,this.defaultSlot,this.helptextSlot)}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n="pkt-tag pkt-tag--small pkt-tag--thin-text",o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.A,s=()=>t.b`
+"use strict";const u=require("./element-with-slot-yT8k1Z37.cjs"),y=require("./if-defined-hKKmbsI8.cjs"),t=require("./element-CMTfByxQ.cjs"),k=require("./icon-Dj0oZZSa.cjs"),$=require("./class-map-Bokp1SoS.cjs"),f=require("./utils-byXsEz1u.cjs"),x=require("./booleanish-BKVonob4.cjs"),r=require("./input-wrapper-EoSAbU-U.cjs");require("./helptext-B366oeR9.cjs");require("./alert-C95U_RZ0.cjs");var I=Object.defineProperty,P=Object.getOwnPropertyDescriptor,e=(l,p,n,o)=>{for(var s=o>1?void 0:o?P(p,n):p,i=l.length-1,a;i>=0;i--)(a=l[i])&&(s=(o?a(p,n,s):a(s))||s);return o&&s&&I(p,n,s),s};exports.PktInputWrapper=class extends u.PktElementWithSlot{constructor(){super(...arguments),this.forId=f.uuidish(),this.label="",this.helptext=null,this.helptextDropdown=null,this.helptextDropdownButton=null,this.counter=r.specs.props.counter.default,this.counterCurrent=0,this.counterMaxLength=0,this.counterError=null,this.counterPosition="bottom",this.optionalTag=r.specs.props.optionalTag.default,this.optionalText=r.specs.props.optionalText.default,this.requiredTag=r.specs.props.requiredTag.default,this.requiredText=r.specs.props.requiredText.default,this.tagText=null,this.hasError=r.specs.props.hasError.default,this.errorMessage="",this.disabled=r.specs.props.disabled.default,this.inline=r.specs.props.inline.default,this.ariaDescribedby=void 0,this.hasFieldset=r.specs.props.hasFieldset.default,this.role="group",this.useWrapper=r.specs.props.useWrapper.default}updated(p){super.updated(p)}render(){const p={"pkt-inputwrapper":!0,"pkt-inputwrapper--error":this.hasError,"pkt-inputwrapper--disabled":this.disabled,"pkt-inputwrapper--inline":this.inline},n="pkt-tag pkt-tag--small pkt-tag--thin-text",o=this.ariaDescribedby?this.ariaDescribedby:this.helptext?`${this.forId}-helptext`:t.A,s=()=>t.b`
         ${this.tagText?t.b`<span class=${n+" pkt-tag--gray"}>${this.tagText}</span>`:t.A}
         ${this.optionalTag?t.b`<span class=${n+" pkt-tag--blue-light"}>${this.optionalText}</span>`:t.A}
         ${this.requiredTag?t.b`<span class=${n+" pkt-tag--beige"}>${this.requiredText}</span>`:t.A}
@@ -22,7 +22,7 @@
           id="${this.forId}-label"
         >
           ${this.label}
-        </label>`,l=()=>t.b`
+        </label>`,a=()=>t.b`
         <pkt-helptext
           class="${y.o(this.useWrapper?void 0:"pkt-hide")}"
           .forId=${this.forId}
@@ -30,9 +30,7 @@
           .helptextDropdown=${this.helptextDropdown}
           .helptextDropdownButton=${this.helptextDropdownButton||r.specs.props.helptextDropdownButton.default}
           @toggleHelpText=${g=>{this.toggleDropdown(g)}}
-          ${a.n(this.helptextSlot)}
-          name="helptext"
-        ></pkt-helptext>
+        >${u.slotContent(this,"helptext")}</pkt-helptext>
       `,h=()=>this.counter?t.b`<div class="pkt-input__counter" aria-live="polite" aria-atomic="true">
           ${this.counterError?this.counterError:t.A} ${this.counterCurrent||0}
           ${this.counterMaxLength?`/${this.counterMaxLength}`:t.A}
@@ -43,14 +41,14 @@
           aria-live="assertive"
           aria-atomic="true"
         >
-          ${$.o(this.errorMessage)}
+          ${k.o(this.errorMessage)}
         </pkt-alert>`:t.A,d=()=>t.b`
         ${i()} 
-        ${l()}
+        ${a()}
         ${this.counterPosition==="top"?h():t.A}
-        <div class="pkt-contents" ${a.n(this.defaultSlot)}></div>
+        <div class="pkt-contents">${u.slotContent(this)}</div>
         ${this.counterPosition==="bottom"?h():t.A} 
         ${c()}
       `,b=()=>this.hasFieldset?t.b`<fieldset class="pkt-inputwrapper__fieldset" aria-describedby="${o}">
             ${d()}
-          </fieldset>`:t.b`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.b`<div class=${f.e(p)}>${b()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:I.booleanishConverter})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);
+          </fieldset>`:t.b`<div class="pkt-inputwrapper__fieldset">${d()}</div>`;return t.b`<div class=${$.e(p)}>${b()}</div> `}toggleDropdown(p){this.dispatchEvent(new CustomEvent("toggleHelpText",{bubbles:!1,detail:{isOpen:p.detail.isOpen}}))}handleLabelClick(){this.dispatchEvent(new CustomEvent("labelClick",{bubbles:!0,composed:!0,detail:"label clicked"}))}};e([t.n({type:String})],exports.PktInputWrapper.prototype,"forId",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"label",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptext",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdown",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"helptextDropdownButton",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"counter",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterCurrent",2);e([t.n({type:Number})],exports.PktInputWrapper.prototype,"counterMaxLength",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"counterError",2);e([t.n({type:String,reflect:!1})],exports.PktInputWrapper.prototype,"counterPosition",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"optionalTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"optionalText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"requiredTag",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"requiredText",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"tagText",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasError",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"errorMessage",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"disabled",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"inline",2);e([t.n({type:String})],exports.PktInputWrapper.prototype,"ariaDescribedby",2);e([t.n({type:Boolean})],exports.PktInputWrapper.prototype,"hasFieldset",2);e([t.n({type:String,reflect:!0})],exports.PktInputWrapper.prototype,"role",2);e([t.n({type:Boolean,reflect:!0,converter:x.booleanishConverter})],exports.PktInputWrapper.prototype,"useWrapper",2);exports.PktInputWrapper=e([t.t("pkt-input-wrapper")],exports.PktInputWrapper);

package/dist/link-DLjXMpvi.cjs

@@ -0,0 +1,7 @@
+"use strict";const c=require("./element-with-slot-yT8k1Z37.cjs"),t=require("./element-CMTfByxQ.cjs"),h=require("./class-map-Bokp1SoS.cjs");require("./icon-Dj0oZZSa.cjs");const k={href:{default:"#"},target:{default:"_self"}},a={props:k};var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,i=(o,n,s,r)=>{for(var e=r>1?void 0:r?u(n,s):n,l=o.length-1,p;l>=0;l--)(p=o[l])&&(e=(r?p(n,s,e):p(e))||e);return r&&e&&f(n,s,e),e};exports.PktLink=class extends c.PktElementWithSlot{constructor(){super(...arguments),this.href=a.props.href.default,this.iconName=void 0,this.iconPosition=void 0,this.external=!1,this.target=a.props.target.default}render(){const n={"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.b`<a
+      class=${h.e(n)}
+      href=${this.href}
+      .target=${this.target}
+      .rel=${this.external?"noopener noreferrer":t.A}
+      >${this.iconName?t.b`<pkt-icon name=${this.iconName} class="pkt-link__icon"></pkt-icon>`:""} <span>${c.slotContent(this)}</span></a
+    >`}};i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"href",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconName",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"iconPosition",2);i([t.n({type:Boolean,reflect:!0})],exports.PktLink.prototype,"external",2);i([t.n({type:String,reflect:!0})],exports.PktLink.prototype,"target",2);exports.PktLink=i([t.t("pkt-link")],exports.PktLink);